ngx-ui-loader - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

package.json

 {
   "name": "ngx-ui-loader",
-  "description": "A fully customizable loader/spinner and progress bar for Angular 4, 5(tested) and 6+(tested) applications - AoT compatible.",
-  "version": "1.0.1",
+  "description": "An all-in-one and fully customizable loader/spinner for Angular 5+ (5+ and 6+ are tested) applications. It supports foreground, background spinner/loader and indicative progress bar.",
+  "version": "1.0.2",
   "repository": {
@@ -6,0 +6,0 @@ "type": "git",

README.md

@@ -8,4 +8,6 @@ [![npm version](https://badge.fury.io/js/ngx-ui-loader.svg)](https://badge.fury.io/js/ngx-ui-loader)
 
-A fully customizable loader/spinner and progress bar for Angular 4, 5(tested) and 6+(tested) applications - AoT compatible.
+An all-in-one and fully customizable loader/spinner for Angular 5+ (5+ and 6+ are tested) applications. It supports foreground, background spinner/loader and indicative progress bar.
 
+[![ngx-ui-loader-demo](https://j.gifs.com/gL9k9r.gif)](https://ngx-ui-loader-demo.stackblitz.io)
+
 ### Features
@@ -16,4 +18,4 @@
 * Be able to add logo, loading text
-* Be able to change position of spinners, logo and loading text
-* Be able to change color and size of spinners and progress bar
+* Be able to change position of spinners, logo and loading text. NOTE: When they are all set to `center-center`, the gap between them are adjusted via `gap` properties. Other position types are is overlap. E.g. If the position of foreground spinner and logo are set to `bottom-center`, they are overlap each other.
+* Be able to change color and size of logo, spinners and progress bar
 * Be able to change the direction of progress bar
@@ -170,2 +172,3 @@
 | `bgsType`        | *string*  | optional | `rectangle-bounce`| Background spinner type. All available types can be accessed via `SPINNER_TYPES`          |
+|                  |           |          |                   |                                                                                           |
 | `fgsColor`       | *string*  | optional | `#00ACC1`         | Foreground spinner color                                                                  |
@@ -175,10 +178,13 @@ | `fgsPosition`    | *string*  | optional | `center-center`   | Foreground spinner position. All available positions can be accessed via `NGX_POSITIONS`  |
 | `fgsType`        | *string*  | optional | `rectangle-bounce`| Foreground spinner type. All available types can be accessed via `SPINNER_TYPES`          |
-| `gap`            | *number*  | optional | `24`              | The gap between logo, foreground spinner and text when their position are `center-center` |
+| `gap`            | *number*  | optional | `24`              | The gap between logo, foreground spinner and text when their positions are `center-center`|
+| `overlayColor`   | *string*  | optional | `rgba(40,40,40,.8)`| Overlay background color                                                                 |
+|                  |           |          |                   |                                                                                           |
 | `logoPosition`   | *string*  | optional | `center-center`   | Logo position. All available positions can be accessed via `NGX_POSITIONS`                |
 | `logoSize`       | *number*  | optional | `120`             | Logo size (px)                                                                            |
 | `logoUrl`        | *string*  | optional | (*empty string*)  | Logo url                                                                                  |
-| `overlayColor`   | *string*  | optional | `rgba(40,40,40,.8)`| Overlay background color                                                                  |
+|                  |           |          |                   |                                                                                           |
 | `pbColor`        | *string*  | optional | `#00ACC1`         | Progress bar color                                                                        |
 | `pbDirection`    | *string*  | optional | `ltr`             | Progress bar direction. All directions type can be accessed via `PB_DIRECTIONS`           |
 | `pbThickness`    | *number*  | optional | `5`               | Progress bar thickness                                                                    |
+|                  |           |          |                   |                                                                                           |
 | `text`           | *string*  | optional | (*empty string*)  | Loading text                                                                              |
@@ -185,0 +191,0 @@ | `textColor`      | *string*  | optional | `#FFFFFF`         | Loading text color                                                                        |

No alert changes

Improved metrics

Total package byte prevSize

1135726

increased by0.1%

Number of lines in readme file

203

increased by3.05%

No dependency changes