Skip to content

Commit

Permalink
Merge branch 'release/v8.1.0'
Browse files Browse the repository at this point in the history
  • Loading branch information
rspl-yuvraj committed Dec 12, 2019
2 parents 978cf4a + ac3a167 commit f7dc063
Show file tree
Hide file tree
Showing 11 changed files with 2,574 additions and 1,170 deletions.
10 changes: 10 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
{
"cSpell.words": [
"Fullscreen",
"codelyzer",
"devkit",
"jasminewd",
"packagr",
"tsickle"
]
}
48 changes: 35 additions & 13 deletions README.MD
Original file line number Diff line number Diff line change
Expand Up @@ -3,50 +3,70 @@
<h1 align="center">NgxSpinner</h1>
</p>

A library for loading spinner specifically for Angular 4/5/6/7/8. (https://napster2210.github.io/ngx-spinner/)
A library with more than 50 different loading spinners for Angular 4/5/6/7/8. (https://napster2210.github.io/ngx-spinner/)

[![ng5](https://img.shields.io/travis/rust-lang/rust.svg?style=flat-square)]()
[![Support](https://img.shields.io/badge/Support-Angular%204%2B-blue.svg?style=flat-square)]()
[![Support](https://img.shields.io/badge/Support-Angular%205%2B-blue.svg?style=flat-square)]()
[![Support](https://img.shields.io/badge/Support-Angular%206%2B-blue.svg?style=flat-square)]()
[![Support](https://img.shields.io/badge/Support-Angular%208%2B-blue.svg?style=flat-square)]()
[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)]()
[![devDependency Status](https://img.shields.io/david/expressjs/express.svg?style=flat-square)]()

## What's New

- Latest update for **Angular 8** 🎉🎉🥳🥳
- Multiple Spinner Support 🎉🎉🥳🥳
- Configurable option through service 🎉🎉🥳🥳
- Fullscreen Mode(Enable/Disable)
- `show()/hide()` methods return promise
- Latest Angular Dependencies
- Dynamic `z-index`
- Smooth animation while `hide/show` the spinner
- Debounce time to delay the spinner from hide
- BUG fixes

Use appropriate version based on your Angular version.

| Angular 4 | Angular 5 | Angular 6/7 | Angular 8 |
| ----------- | ----------- | ----------- | ----------- |
| >= `v1.2.0` | >= `v2.0.0` | >= `v7.2.0` | >= `v8.0.3` |
| Angular 4 | Angular 5 | Angular 6/7 | Angular 8 |
| ----------- | ----------- | ----------- | --------- |
| >= `v1.2.0` | >= `v2.0.0` | `v7.2.0` | `v8.1.0` |

## Table of contents

- [What's New](#whats-new)
- [Table of contents](#table-of-contents)
- [Browser Support](#browser-support)
- [Features](#features)
- [Demo](#demo)
- [StackBlitz Demo:](#stackblitz-demo)
- [Installation](#installation)
- [Usage](#usage)
- [NgxSpinner Service](#ngxspinner-service)
- [NgxSpinner Component](#ngxspinner-component)
- [NOTE:](#note)
- [How to use type?](#how-to-use-type)
- [Versioning](#versioning)
- [Creator](#creator)
- [Yuvraj Chauhan](#yuvraj-chauhan)
- [Future Plan](#future-plan)
- [Credits](#credits)
- [License](#license)
- [License](#license)

## Browser Support

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png" alt="iOS Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Latest ✔ | Latest ✔ | IE11, Edge ✔ | Latest ✔ | Latest ✔ |

## Features

- **Angular 8** Support
- Multiple Spinners
- Configurable option through service
- Fullscreen Mode(Enable/Disable)
- `show()/hide()` methods return promise
- Dynamic `z-index`
- Smooth animation while `hide/show` the spinner

## Demo

[Working Demo](https://napster2210.github.io/ngx-spinner/)
[Working Demo](https://napster2210.github.io/ngx-spinner/)(Not Updated one)

### StackBlitz Demo:

Expand Down Expand Up @@ -149,6 +169,8 @@ See [Demo](#demo)
To enable/disable fullscreen mode(overlay), default `true`
- **[name]**: For multiple spinners
To set name for spinner, default `primary`
- **[zIndex]**: For dynamic z-index
To set z-index for the spinner, default `99999`

---

Expand Down Expand Up @@ -191,9 +213,9 @@ For more information on SemVer, please visit http://semver.org.

## Future Plan

- Dynamic `z-index`
- Image support for spinner
- Interceptor Implementation (Coming soon)
- Interceptor Implementation
- Better DEMO website

## Credits

Expand Down
Loading

0 comments on commit f7dc063

Please sign in to comment.