feat(docs): add routing loader (#1533)

angular.json

@@ -252,12 +252,14 @@
  "docs/google46533d2e7a851062.html"
  ],
  "styles": [
+ "node_modules/pace-js/templates/pace-theme-flash.tmpl.css",
  "node_modules/bootstrap/dist/css/bootstrap.css",
  "node_modules/docsearch.js/dist/cdn/docsearch.min.css",
  "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"
  ]
  },

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

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+ @mixin ngd-pace-theme() {
+
+ .pace .pace-progress {
+ background: nb-theme(color-fg-highlight);
+ }
+
+ .pace .pace-progress-inner {
+ box-shadow: 0 0 10px nb-theme(color-fg-highlight), 0 0 5px nb-theme(color-fg-highlight);
+ }
+
+ .pace .pace-activity {
+ display: none;
+ }
+}

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

@@ -1,6 +1,8 @@
 @import 'themes';
 @import 'common';
 
+@import 'pace.theme';
+
 @import '../../../../src/framework/theme/styles/global/normalize';
 @import '../../../../src/framework/theme/styles/global/components';
 @import '../../../../src/framework/theme/styles/global/typography/typography';
@@ -19,6 +21,9 @@
  @include nb-typography();
 
  @include nbd-common();
+
+ // loading progress bar
+ @include ngd-pace-theme();
 };
 
 body {

package.json

@@ -109,6 +109,7 @@
  "marked": "0.3.9",
  "moment": "^2.22.2",
  "normalize.css": "8.0.0",
+ "pace-js": "^1.0.2",
  "rxjs": "6.5.2",
  "socicon": "3.0.5",
  "tslib": "^1.9.0",