ngx-spinner - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

index.js

@@ -1,4 +0,5 @@
-import { Component, Injectable, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Subject as Subject$1 } from 'rxjs/Subject';
+import '@angular/core';
+import '@angular/common';
+import 'rxjs/Subject';
+import 'rxjs/Subscription';
 
@@ -9,5 +10,4 @@ /**
  */
-var NgxSpinnerService = (function () {
+var NgxSpinnerService = /** @class */ (function () {
     function NgxSpinnerService() {
-        this.spinnerObservable = new Subject$1();
     }
@@ -32,7 +32,2 @@ /**
     };
-    NgxSpinnerService.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    NgxSpinnerService.ctorParameters = function () { return []; };
     return NgxSpinnerService;
@@ -45,7 +40,6 @@ }());
  */
-var NgxSpinnerComponent = (function () {
+var NgxSpinnerComponent = /** @class */ (function () {
     function NgxSpinnerComponent(spinner) {
         var _this = this;
         this.spinner = spinner;
-        this.showSpinner = false;
         this.spinnerSubscription = this.spinner.spinnerObservable.subscribe(function (flag) {
@@ -64,13 +58,2 @@ _this.showSpinner = flag;
     };
-    NgxSpinnerComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'ngx-spinner',
-                    template: "<div class=\"black-overlay\" *ngIf=\"showSpinner\">\n    <div class=\"la-ball-scale-multiple la-3x\">\n      <div></div>\n      <div></div>\n      <div></div>\n    </div>\n  </div>",
-                    styles: ["\n  .black-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #333;\n    opacity: 0.8;\n    z-index: 99999 !important;\n    pointer-events: none;\n  }\n  .la-ball-scale-multiple,\n  .la-ball-scale-multiple > div {\n      position: relative;\n      -webkit-box-sizing: border-box;\n         -moz-box-sizing: border-box;\n              box-sizing: border-box;\n  }\n  .la-ball-scale-multiple {\n      display: block;\n      font-size: 0;\n      color: #fff;\n  }\n  .la-ball-scale-multiple.la-dark {\n      color: #333;\n  }\n  .la-ball-scale-multiple > div {\n      display: inline-block;\n      float: none;\n      background-color: currentColor;\n      border: 0 solid currentColor;\n  }\n  .la-ball-scale-multiple {\n      width: 32px;\n      height: 32px;\n  }\n  .la-ball-scale-multiple > div {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 32px;\n      height: 32px;\n      border-radius: 100%;\n      opacity: 0;\n      -webkit-animation: ball-scale-multiple 1s 0s linear infinite;\n         -moz-animation: ball-scale-multiple 1s 0s linear infinite;\n           -o-animation: ball-scale-multiple 1s 0s linear infinite;\n              animation: ball-scale-multiple 1s 0s linear infinite;\n  }\n  .la-ball-scale-multiple > div:nth-child(2) {\n      -webkit-animation-delay: .2s;\n         -moz-animation-delay: .2s;\n           -o-animation-delay: .2s;\n              animation-delay: .2s;\n  }\n  .la-ball-scale-multiple > div:nth-child(3) {\n      -webkit-animation-delay: .4s;\n         -moz-animation-delay: .4s;\n           -o-animation-delay: .4s;\n              animation-delay: .4s;\n  }\n  .la-ball-scale-multiple.la-sm {\n      width: 16px;\n      height: 16px;\n  }\n  .la-ball-scale-multiple.la-sm > div {\n      width: 16px;\n      height: 16px;\n  }\n  .la-ball-scale-multiple.la-2x {\n      width: 64px;\n      height: 64px;\n  }\n  .la-ball-scale-multiple.la-2x > div {\n      width: 64px;\n      height: 64px;\n  }\n  .la-ball-scale-multiple.la-3x {\n      width: 96px;\n      height: 96px;\n  }\n  .la-ball-scale-multiple.la-3x > div {\n      width: 96px;\n      height: 96px;\n  }\n  /*\n   * Animation\n   */\n  @-webkit-keyframes ball-scale-multiple {\n      0% {\n          opacity: 0;\n          -webkit-transform: scale(0);\n                  transform: scale(0);\n      }\n      5% {\n          opacity: .75;\n      }\n      100% {\n          opacity: 0;\n          -webkit-transform: scale(1);\n                  transform: scale(1);\n      }\n  }\n  @-moz-keyframes ball-scale-multiple {\n      0% {\n          opacity: 0;\n          -moz-transform: scale(0);\n               transform: scale(0);\n      }\n      5% {\n          opacity: .75;\n      }\n      100% {\n          opacity: 0;\n          -moz-transform: scale(1);\n               transform: scale(1);\n      }\n  }\n  @-o-keyframes ball-scale-multiple {\n      0% {\n          opacity: 0;\n          -o-transform: scale(0);\n             transform: scale(0);\n      }\n      5% {\n          opacity: .75;\n      }\n      100% {\n          opacity: 0;\n          -o-transform: scale(1);\n             transform: scale(1);\n      }\n  }\n  @keyframes ball-scale-multiple {\n      0% {\n          opacity: 0;\n          -webkit-transform: scale(0);\n             -moz-transform: scale(0);\n               -o-transform: scale(0);\n                  transform: scale(0);\n      }\n      5% {\n          opacity: .75;\n      }\n      100% {\n          opacity: 0;\n          -webkit-transform: scale(1);\n             -moz-transform: scale(1);\n               -o-transform: scale(1);\n                  transform: scale(1);\n      }\n  }\n  .la-ball-scale-multiple > div {\n    position: fixed;\n    z-index: 999;\n    margin: auto;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n  }\n  "]
-                },] },
-    ];
-    /** @nocollapse */
-    NgxSpinnerComponent.ctorParameters = function () { return [
-        { type: NgxSpinnerService, },
-    ]; };
     return NgxSpinnerComponent;
@@ -83,3 +66,3 @@ }());
  */
-var NgxSpinnerModule = (function () {
+var NgxSpinnerModule = /** @class */ (function () {
     function NgxSpinnerModule() {
@@ -99,17 +82,2 @@ }
     };
-    NgxSpinnerModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [
-                        CommonModule
-                    ],
-                    declarations: [
-                        NgxSpinnerComponent
-                    ],
-                    exports: [
-                        NgxSpinnerComponent
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    NgxSpinnerModule.ctorParameters = function () { return []; };
     return NgxSpinnerModule;
@@ -116,0 +84,0 @@ }());

ngx-spinner.umd.js

 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs/Subject')) :
-	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', 'rxjs/Subject'], factory) :
-	(factory((global['ngx-spinner'] = {}),global.core,global.common,global.Subject));
-}(this, (function (exports,core,common,Subject) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs/Subject'), require('rxjs/Subscription')) :
+	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', 'rxjs/Subject', 'rxjs/Subscription'], factory) :
+	(factory((global['ngx-spinner'] = {}),global.core,global.common,global.Subject,global.Subscription));
+}(this, (function (exports,core,common,Subject,Subscription) { 'use strict';
 
@@ -11,5 +11,4 @@ /**
  */
-var NgxSpinnerService = (function () {
+var NgxSpinnerService = /** @class */ (function () {
     function NgxSpinnerService() {
-        this.spinnerObservable = new Subject.Subject();
     }
@@ -34,7 +33,2 @@ /**
     };
-    NgxSpinnerService.decorators = [
-        { type: core.Injectable },
-    ];
-    /** @nocollapse */
-    NgxSpinnerService.ctorParameters = function () { return []; };
     return NgxSpinnerService;
@@ -47,7 +41,6 @@ }());
  */
-var NgxSpinnerComponent = (function () {
+var NgxSpinnerComponent = /** @class */ (function () {
     function NgxSpinnerComponent(spinner) {
         var _this = this;
         this.spinner = spinner;
-        this.showSpinner = false;
         this.spinnerSubscription = this.spinner.spinnerObservable.subscribe(function (flag) {
@@ -66,13 +59,2 @@ _this.showSpinner = flag;
     };
-    NgxSpinnerComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'ngx-spinner',
-                    template: "<div class=\"black-overlay\" *ngIf=\"showSpinner\">\n    <div class=\"la-ball-scale-multiple la-3x\">\n      <div></div>\n      <div></div>\n      <div></div>\n    </div>\n  </div>",
-                    styles: ["\n  .black-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #333;\n    opacity: 0.8;\n    z-index: 99999 !important;\n    pointer-events: none;\n  }\n  .la-ball-scale-multiple,\n  .la-ball-scale-multiple > div {\n      position: relative;\n      -webkit-box-sizing: border-box;\n         -moz-box-sizing: border-box;\n              box-sizing: border-box;\n  }\n  .la-ball-scale-multiple {\n      display: block;\n      font-size: 0;\n      color: #fff;\n  }\n  .la-ball-scale-multiple.la-dark {\n      color: #333;\n  }\n  .la-ball-scale-multiple > div {\n      display: inline-block;\n      float: none;\n      background-color: currentColor;\n      border: 0 solid currentColor;\n  }\n  .la-ball-scale-multiple {\n      width: 32px;\n      height: 32px;\n  }\n  .la-ball-scale-multiple > div {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 32px;\n      height: 32px;\n      border-radius: 100%;\n      opacity: 0;\n      -webkit-animation: ball-scale-multiple 1s 0s linear infinite;\n         -moz-animation: ball-scale-multiple 1s 0s linear infinite;\n           -o-animation: ball-scale-multiple 1s 0s linear infinite;\n              animation: ball-scale-multiple 1s 0s linear infinite;\n  }\n  .la-ball-scale-multiple > div:nth-child(2) {\n      -webkit-animation-delay: .2s;\n         -moz-animation-delay: .2s;\n           -o-animation-delay: .2s;\n              animation-delay: .2s;\n  }\n  .la-ball-scale-multiple > div:nth-child(3) {\n      -webkit-animation-delay: .4s;\n         -moz-animation-delay: .4s;\n           -o-animation-delay: .4s;\n              animation-delay: .4s;\n  }\n  .la-ball-scale-multiple.la-sm {\n      width: 16px;\n      height: 16px;\n  }\n  .la-ball-scale-multiple.la-sm > div {\n      width: 16px;\n      height: 16px;\n  }\n  .la-ball-scale-multiple.la-2x {\n      width: 64px;\n      height: 64px;\n  }\n  .la-ball-scale-multiple.la-2x > div {\n      width: 64px;\n      height: 64px;\n  }\n  .la-ball-scale-multiple.la-3x {\n      width: 96px;\n      height: 96px;\n  }\n  .la-ball-scale-multiple.la-3x > div {\n      width: 96px;\n      height: 96px;\n  }\n  /*\n   * Animation\n   */\n  @-webkit-keyframes ball-scale-multiple {\n      0% {\n          opacity: 0;\n          -webkit-transform: scale(0);\n                  transform: scale(0);\n      }\n      5% {\n          opacity: .75;\n      }\n      100% {\n          opacity: 0;\n          -webkit-transform: scale(1);\n                  transform: scale(1);\n      }\n  }\n  @-moz-keyframes ball-scale-multiple {\n      0% {\n          opacity: 0;\n          -moz-transform: scale(0);\n               transform: scale(0);\n      }\n      5% {\n          opacity: .75;\n      }\n      100% {\n          opacity: 0;\n          -moz-transform: scale(1);\n               transform: scale(1);\n      }\n  }\n  @-o-keyframes ball-scale-multiple {\n      0% {\n          opacity: 0;\n          -o-transform: scale(0);\n             transform: scale(0);\n      }\n      5% {\n          opacity: .75;\n      }\n      100% {\n          opacity: 0;\n          -o-transform: scale(1);\n             transform: scale(1);\n      }\n  }\n  @keyframes ball-scale-multiple {\n      0% {\n          opacity: 0;\n          -webkit-transform: scale(0);\n             -moz-transform: scale(0);\n               -o-transform: scale(0);\n                  transform: scale(0);\n      }\n      5% {\n          opacity: .75;\n      }\n      100% {\n          opacity: 0;\n          -webkit-transform: scale(1);\n             -moz-transform: scale(1);\n               -o-transform: scale(1);\n                  transform: scale(1);\n      }\n  }\n  .la-ball-scale-multiple > div {\n    position: fixed;\n    z-index: 999;\n    margin: auto;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n  }\n  "]
-                },] },
-    ];
-    /** @nocollapse */
-    NgxSpinnerComponent.ctorParameters = function () { return [
-        { type: NgxSpinnerService, },
-    ]; };
     return NgxSpinnerComponent;
@@ -85,3 +67,3 @@ }());
  */
-var NgxSpinnerModule = (function () {
+var NgxSpinnerModule = /** @class */ (function () {
     function NgxSpinnerModule() {
@@ -101,17 +83,2 @@ }
     };
-    NgxSpinnerModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [
-                        common.CommonModule
-                    ],
-                    declarations: [
-                        NgxSpinnerComponent
-                    ],
-                    exports: [
-                        NgxSpinnerComponent
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    NgxSpinnerModule.ctorParameters = function () { return []; };
     return NgxSpinnerModule;
@@ -118,0 +85,0 @@ }());

package.json

 {
   "name": "ngx-spinner",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "repository": {
@@ -5,0 +5,0 @@ "type": "git",

README.MD

@@ -11,2 +11,7 @@ # ngx-spinner
 
+## Example
+
+For working example see below Plunker:
+https://plnkr.co/edit/vwWmv3mj8jUYA8ArHfXM?p=preview
+
 ## Usage
@@ -13,0 +18,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

76

increased by7.04%

Number of low supply chain risk alerts

0

decreased by-100%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

13141

decreased by-43.38%

Lines of code

184

decreased by-31.6%

No dependency changes