Merge branch 'master' into no-export-nb-table

README.md

@@ -1,10 +1,10 @@
-# Nebular [<img src="https://i.imgur.com/oMcxwZ0.png" alt="Eva Design System" height="20px" />](https://eva.design) [![npm](https://img.shields.io/npm/l/@nebular/theme.svg)]() [![Build Status](https://travis-ci.org/akveo/nebular.svg?branch=master)](https://travis-ci.org/akveo/nebular) [![npm](https://img.shields.io/npm/dt/@nebular/theme.svg)](https://www.npmjs.com/package/@nebular/theme) [![Codecov](https://img.shields.io/codecov/c/github/akveo/nebular/master.svg?style=flat-square)](https://codecov.io/gh/akveo/nebular/branch/master)
+# Nebular [<img src="https://i.imgur.com/oMcxwZ0.png" alt="Eva Design System" height="20px" />](https://hubs.ly/H0n4RKf0) [![npm](https://img.shields.io/npm/l/@nebular/theme.svg)]() [![Build Status](https://travis-ci.org/akveo/nebular.svg?branch=master)](https://travis-ci.org/akveo/nebular) [![npm](https://img.shields.io/npm/dt/@nebular/theme.svg)](https://www.npmjs.com/package/@nebular/theme) [![Codecov](https://img.shields.io/codecov/c/github/akveo/nebular/master.svg?style=flat-square)](https://codecov.io/gh/akveo/nebular/branch/master)
 
-[Documentation](https://akveo.github.io/nebular/docs/getting-started/what-is-nebular?utm_source=github&utm_medium=nebular_readme) | [Stackblitz Template](https://stackblitz.com/github/akveo/nebular-seed) | [UI Bakery](https://uibakery.io?utm_source=github&utm_medium=nebular_readme) - Angular UI Builder
+[Documentation](https://hubs.ly/H0n4S800) | [Stackblitz Template](https://stackblitz.com/github/akveo/nebular-seed) | [UI Bakery](https://hubs.ly/H0n4S8d0) - Angular UI Builder
 
 Nebular is a customizable Angular 8 UI Library with a focus on beautiful design and ability to adapt it to your brand easily. It comes with 4 stunning visual themes, a powerful theming engine with runtime theme switching and support of custom css properties mode. Nebular is based on Eva Design System specifications.
 
-<a href="https://akveo.github.io/nebular/?utm_source=github&utm_medium=nebular_cover"><img src="https://i.imgur.com/C8ZN4SA.jpg"></a>
+<a href="https://hubs.ly/H0n4RHQ0"><img src="https://i.imgur.com/C8ZN4SA.jpg"></a>
 
 ## What's included
 
@@ -25,7 +25,7 @@ ng add @nebular/theme
 
 Configuration will be done automatically.
 
-If you want to have more control over setup process you can [use manual setup guide](https://akveo.github.io/nebular/docs/guides/install-nebular#manually).
+If you want to have more control over setup process you can [use manual setup guide](https://hubs.ly/H0n4S8B0).
 
 ## Browser Support
 
@@ -40,7 +40,7 @@ If you want to have more control over setup process you can [use manual setup gu
 
 ## Starters
 
-- [ngx-admin](http://github.com/akveo/ngx-admin) - application based on Nebular modules with beautiful IOT components. [Live Demo](http://akveo.com/ngx-admin?utm_source=github&utm_medium=nebular_readme).
+- [ngx-admin](http://github.com/akveo/ngx-admin) - application based on Nebular modules with beautiful IOT components. [Live Demo](https://hubs.ly/H0n4D8Z0).
 - [ngx-admin-starter](https://github.com/akveo/ngx-admin/tree/starter-kit) - clean application based on Nebular modules with a limited number of additional dependencies.
 
 ## License
@@ -57,5 +57,5 @@ If you want to have more control over setup process you can [use manual setup gu
 - Like our page on [Facebook](https://www.facebook.com/akveo/) :thumbsup:
 
 ## From Developers
-Made with :heart: by [Akveo team](http://akveo.com?utm_source=github&utm_medium=nebular_readme). Follow us on [Twitter](https://twitter.com/akveo_inc) to get the latest news first!
+Made with :heart: by [Akveo team](https://hubs.ly/H0n4C4C0). Follow us on [Twitter](https://twitter.com/akveo_inc) to get the latest news first!
 We're always happy to receive your feedback!

angular.json

@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -30,12 +31,17 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -126,6 +132,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -145,12 +152,17 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -238,6 +250,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "docs/dist",
             "index": "docs/index.html",
             "main": "docs/main.ts",
@@ -266,12 +279,17 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -360,7 +378,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "scss"
+      "style": "scss"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

docs/app/@theme/components/eva/eva.component.html

@@ -4,7 +4,7 @@ <h2 class="h1 heading">
     Eva Design System
   </h2>
   <p class="text">Construct stunning & consistent interfaces using atomic components by following Eva Design System specifications.</p>
-  <a class="learn-more" href="https://eva.design" nbButton size="giant">Learn more about Eva</a>
+  <a class="learn-more" href="https://hubs.ly/H0n4Rp50" nbButton size="giant">Learn more about Eva</a>
 </div>
 <div class="images">
   <img class="theme-colors"

docs/app/@theme/components/footer/footer.component.html

@@ -1,14 +1,13 @@
 <div class="logo">
-  <a href="http://akveo.com" target="_blank"><img src="assets/img/akveo-logo.png"></a>
+  <a href="https://hubs.ly/H0n42lW0" target="_blank"><img src="assets/img/akveo-logo.png"></a>
 </div>
 <div>
   <ul>
     <li><strong class="title">More from Akveo</strong></li>
-    <li><a href="http://akveo.com?utm_source=nebular_documentation&utm_medium=footer" target="_blank">Homepage</a></li>
-    <li><a href="https://akveo.github.io/eva-icons?utm_source=nebular_documentation&utm_medium=footer">Eva Icons</a></li>
-    <li><a href="https://akveo.github.io/react-native-ui-kitten?utm_source=nebular_documentation&utm_medium=footer">React Native UI Kitten</a></li>
-    <li><a href="https://akveo.github.io/ngx-admin?utm_source=nebular_documentation&utm_medium=footer"
-           target="_blank">ngx-admin</a></li>
+    <li><a href="https://hubs.ly/H0n42j_0" target="_blank">Homepage</a></li>
+    <li><a href="https://hubs.ly/H0n4BW00">Eva Icons</a></li>
+    <li><a href="https://hubs.ly/H0n4Cdx0">React Native UI Kitten</a></li>
+    <li><a href="https://hubs.ly/H0n4Cg10" target="_blank">ngx-admin</a></li>
   </ul>
 </div>
 <div>
@@ -26,7 +25,7 @@
       </a>
     </li>
     <li class="copy">
-      &copy; 2015-2019 <a href="http://akveo.com?utm_source=nebular_documentation&utm_medium=footer" target="_blank">Akveo LLC</a><br>
+      &copy; 2015-2019 <a href="https://hubs.ly/H0n42l10" target="_blank">Akveo LLC</a><br>
       Documentation licensed under CC BY 4.0.
     </li>
   </ul>

docs/app/@theme/components/hero/hero.component.ts

@@ -8,7 +8,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
       <h1>Nebular: Customizable UI Kit, Auth&nbsp;&&nbsp;Security</h1>
       <div class="btns-wrapper">
         <a class="btn get-started" routerLink="docs">Get Started</a>
-        <a class="btn" href="http://akveo.com/ngx-admin?utm_source=nebular_documentation&utm_medium=demo_button"
+        <a class="btn" href="https://hubs.ly/H0n4Dr00"
            target="_blank">Demo</a>
       </div>
       <div class="hero-features">

docs/app/@theme/services/structure.service.ts

@@ -56,7 +56,8 @@ export class NgdStructureService {
       }
 
       if (item.block === 'markdown') {
-        item.children = this.textService.mdToSectionsHTML(require(`raw-loader!../../../articles/${item.source}`));
+        const article = require(`raw-loader!../../../articles/${item.source}`).default;
+        item.children = this.textService.mdToSectionsHTML(article);
       }
 
       if (item.children) {

docs/app/@theme/styles/styles.scss

@@ -21,6 +21,7 @@
   @include nb-typography();
   @include nb-buttons-theme();
   @include nb-select-theme();
+  @include nb-option-list-theme();
   @include nb-input-theme();
   @include nb-overlay-theme();
 

docs/app/@theme/styles/themes.scss

@@ -63,6 +63,7 @@ $nb-themes: nb-register-theme((
   footer-padding: 1.25rem 0,
   menu-font-size: 0.95rem,
   menu-font-weight: font-weight-normal,
+  link-text-decoration: none,
 ), docs-home, default);
 /* stylelint-enable max-line-length */
 

docs/app/@theme/theme.module.ts

@@ -110,8 +110,8 @@ import {
   ],
 })
 export class NgdThemeModule {
-  static forRoot(): ModuleWithProviders {
-    return <ModuleWithProviders>{
+  static forRoot(): ModuleWithProviders<NgdThemeModule> {
+    return {
       ngModule: NgdThemeModule,
       providers: [
         NgdHighlightService,

docs/app/blocks/components/components-overview-block/components-overview-block.component.html

@@ -6,8 +6,8 @@ <h2 class="h4 page-heading">Components Overview</h2>
 
 <div class="components-list">
   <ng-container *ngFor="let component of components">
-    <h3 *ngIf="component.group" class="group-title h4">{{ component.name }}</h3>
-    <div *ngIf="!component.group" class="component-card-wrapper">
+    <h3 *ngIf="$any(component).group" class="group-title h4">{{ component.name }}</h3>
+    <div *ngIf="!$any(component).group" class="component-card-wrapper">
       <a class="component-navigate-link" [routerLink]="component.link">
         <nb-card [attr.title]="component.name">
           <nb-card-body>

docs/app/blocks/components/live-example-block/live-example-block.component.html

@@ -3,7 +3,7 @@
   <div class="actions">
 
     <div class="action-selector">
-      <select class="action-item" [(ngModel)]="currentTheme"  (change)="switchTheme($event.target.value)">
+      <select class="action-item" [(ngModel)]="currentTheme"  (change)="switchTheme($any($event.target).value)">
         <option *ngFor="let theme of themes" [value]="theme.value">{{theme.label}}</option>
       </select>
       <nb-icon icon="color-palette-outline"></nb-icon>

docs/app/blocks/components/live-example-block/live-example-block.component.ts

@@ -26,7 +26,7 @@ import { NgdExampleView } from '../../enum.example-view';
 })
 export class NgdLiveExampleBlockComponent implements OnInit, AfterViewInit, OnDestroy {
 
-  @ViewChild('iframe', { static: false }) iframe: ElementRef;
+  @ViewChild('iframe') iframe: ElementRef;
   @Input() content: any;
   @Input() hasViewSwitch: boolean = false;
   @Output() changeView = new EventEmitter<NgdExampleView>();

docs/app/blocks/components/md-block/md-block.component.ts

@@ -9,9 +9,9 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 @Component({
   selector: 'ngd-md-block',
   template: `
-    <nb-card *ngFor="let section of source;" [ngdFragment]="section.fragment">
+    <nb-card *ngFor="let section of source;" [ngdFragment]="$any(section).fragment">
       <nb-card-body>
-        <div [innerHtml]="section.html"></div>
+        <div [innerHtml]="$any(section).html"></div>
       </nb-card-body>
     </nb-card>
   `,

docs/app/blocks/components/stacked-example-block/stacked-examples.component.ts

@@ -23,14 +23,14 @@ export const pulse = animation(
       <ngd-live-example-block [hidden]="!isLive"
                               [@exampleState]="isLive ? 'live': 'code'"
                               [content]="content"
-                              hasViewSwitch="true"
+                              [hasViewSwitch]="true"
                               (changeView)="changeView($event)">
       </ngd-live-example-block>
 
       <ngd-tabbed-example-block [hidden]="isLive"
                                 [@exampleState]="isLive ? 'live': 'code'"
                                 [content]="content"
-                                hasViewSwitch="true"
+                                [hasViewSwitch]="true"
                                 (changeView)="changeView($event)">
       </ngd-tabbed-example-block>
     </div>

docs/app/documentation/documentation.component.html

@@ -13,7 +13,10 @@
 
     <div class="contact-us">
       <h2>Need some help or found an issue?</h2>
-      <p>Contact us at <a href="mailto:contact@akveo.com">contact@akveo.com</a></p>
+      <p>
+        Ask on <a href="https://stackoverflow.com/questions/ask">Stack Overflow</a> with tag `nebular` or
+        post an issue on <a href="https://github.com/akveo/nebular/issues/new">GitHub</a>.
+      </p>
     </div>
   </nb-layout-column>
   <nb-layout-footer>

docs/app/documentation/page/page.component.ts

@@ -25,7 +25,7 @@ export class NgdPageComponent implements OnInit, AfterContentChecked, OnDestroy
 
   currentTabName: string = '';
 
-  @ViewChild(NgdTabbedBlockComponent, { static: false }) tabbedBlock: NgdTabbedBlockComponent;
+  @ViewChild(NgdTabbedBlockComponent) tabbedBlock: NgdTabbedBlockComponent;
 
   constructor(@Inject(NB_WINDOW) private window,
               private ngZone: NgZone,

docs/articles/auth/backend-api.md

@@ -4,7 +4,7 @@
   <div class="note-title">Note</div>
   <div class="note-body">
     While this page provides description about the API endpoints required to integrate Nebular Auth module with your backend, you can also save time by purchasing a
-    <a href="https://store.akveo.com?utm_source=nebular_documentation&utm_medium=backend_api_endpoints">
+    <a href="https://hubs.ly/H0n4D6G0">
       backend bundle from Akveo Store
     </a>
     for your technology.

docs/articles/design-system/custom-theme.md

@@ -196,7 +196,7 @@ $nb-themes: nb-register-theme((
 ## Primary Color
 
 Lastly, let's make the final change and replace the primary blue color with desired violet one:
-[Eva Colors](https://colors.eva.design) is a great tool to generate colors pallet from a given brand color.
+[Eva Colors](https://hubs.ly/H0n4Rpv0) is a great tool to generate colors pallet from a given brand color.
 
 ```scss
 $nb-themes: nb-register-theme((

docs/articles/design-system/enable-customizable-theme.md

@@ -39,7 +39,7 @@ $nb-themes: nb-register-theme((
 ```
 
 We can also modify a primary color, for example make it violet.
-[Eva Colors](https://colors.eva.design) is a great tool to generate colors pallet from a given brand color.
+[Eva Colors](https://hubs.ly/H0n4Rqw0) is a great tool to generate colors pallet from a given brand color.
 
 ```scss
 @import '~@nebular/theme/styles/theming';

docs/articles/design-system/intro.md

@@ -1,6 +1,6 @@
 # Eva Design System
 
-Starting with version 4.0 Nebular becomes an Angular implementation of [Eva Design System](https://eva.design?utm_source=nebular_docs&utm_medium=intro).
+Starting with version 4.0 Nebular becomes an Angular implementation of [Eva Design System](https://hubs.ly/H0n4C-S0).
 This means that components visual style and behavior are based on Design System rules and agreements.  
 <hr>
 

docs/articles/design-system/typography.md

@@ -1,6 +1,6 @@
 # Nebular Typography
 
-The main goal of typography is to describe how design is applied to letters and text. Nebular Typography is based on [Eva Design System](https://eva.design) specification.
+The main goal of typography is to describe how design is applied to letters and text. Nebular Typography is based on [Eva Design System](https://hubs.ly/H0n4RGn0) specification.
 
 ## Font Family
 

docs/articles/getting-started/professional-services.md

@@ -16,7 +16,7 @@ Sometimes effective troubleshooters are hard to come by. And sometimes, a little
 - Deployment 
 - Workshop Mentoring
 
-<a href="mailto:support@akveo.com?subject=Nebular services consulting request">Want to know more?</a>
+<a href="https://hubs.ly/H0n4DhM0">Want to know more?</a>
 
 <hr>
 ## Support
@@ -27,7 +27,7 @@ The mission of the Akveo support team is to help you to solve technical challeng
 - Remote assistance from an engineer 
 - Full application code analysis 
 
-<a href="mailto:support@akveo.com?subject=Nebular services support request">Need help? Contact us</a>
+<a href="https://hubs.ly/H0n4D2Y0">Need help? Contact us</a>
 
 
 <hr>
@@ -40,4 +40,4 @@ The convenience of desktop learning from anywhere. Our Nebular tutors offer a co
 ### Offline study
 Onsite training. Wherever you are, our Nebular expert will come to you and boost the skills of your developers, quickly and effectively. We will tailor a high-impact training course that addresses your specific goals and gets your team’s skills where they need to be.
 
-Ready to dive into Nebular? <a href="mailto:support@akveo.com?subject=Nebular services trainings request">Get in touch</a>
+Ready to dive into Nebular? <a href="https://hubs.ly/H0n4D550">Get in touch</a>

docs/articles/getting-started/what-is-nebular.md

@@ -1,6 +1,6 @@
 # What is Nebular?
 
-Nebular is a customizable Angular UI Library based on [Eva Design System](https://eva.design) specifications, with 40+ UI components, 4 visual themes, Auth and Security modules. 
+Nebular is a customizable Angular UI Library based on [Eva Design System](https://hubs.ly/H0n4RG00) specifications, with 40+ UI components, 4 visual themes, Auth and Security modules. 
 <hr>
 
 ## What's included
@@ -20,9 +20,9 @@ Nebular modules are distributed as separated `npm` packages:
   - roles and permissions management.
 - Nebular Moment `@nebular/moment`
 - Nebular date-fns `@nebular/date-fns`
-  - modules allowing Nebular components to work with dates with help most popular date librariws. 
+  - modules allowing Nebular components to work with dates with help most popular date libraries. 
 - Admin dashboard starter kit <a href="https://github.com/akveo/ngx-admin" target="_blank">ngx-admin</a> - Angular application based on Nebular modules with beautiful IOT and E-commerce components.
-- <a href="https://store.akveo.com?utm_source=nebular_docs&utm_medium=nebular-intro">Backend Bundles</a> - backend starter kits connected to ngx-admin UI.
+- <a href="https://hubs.ly/H0n4CXS0">Backend Bundles</a> - backend starter kits connected to ngx-admin UI.
 
 <hr>
 

docs/articles/migration/350-400.md

@@ -167,7 +167,7 @@ color-primary-900: #091c7a,
 
 Where 100 - is the lightest blue color, 500 is the one used for buttons, checkboxes, etc, and 900 - the darkest.
 Copy the shades and update it with the color of your choice. 
-[Eva Colors](https://colors.eva.design) is a great tool to generate colors pallet from a given brand color.
+[Eva Colors](https://hubs.ly/H0n4RFk0) is a great tool to generate colors pallet from a given brand color.
 
 Next - you can tune colors used for element states: