ngx-spinner - npm Package Compare versions

Comparing version 13.1.1 to 14.0.0

lib/ngx-spinner.component.d.ts

@@ -1,5 +0,6 @@
-import { OnDestroy, OnInit, OnChanges, SimpleChange, ChangeDetectorRef, ElementRef } from '@angular/core';
-import { NgxSpinnerService } from './ngx-spinner.service';
-import { Subject } from 'rxjs';
-import { Size, NgxSpinner } from './ngx-spinner.enum';
+import { OnDestroy, OnInit, OnChanges, SimpleChange, ChangeDetectorRef, ElementRef } from "@angular/core";
+import { NgxSpinnerService } from "./ngx-spinner.service";
+import { Subject } from "rxjs";
+import { Size, NgxSpinner } from "./ngx-spinner.enum";
+import { NgxSpinnerConfig } from "./config";
 import * as i0 from "@angular/core";
@@ -10,2 +11,3 @@ export declare class NgxSpinnerComponent implements OnDestroy, OnInit, OnChanges {
     private elementRef;
+    private globalConfig;
     /**
@@ -96,3 +98,3 @@ * To set backdrop color
      * @memberof NgxSpinnerComponent
-    **/
+     **/
     show: boolean;
@@ -103,3 +105,3 @@ /**
      * @memberof NgxSpinnerComponent
-    **/
+     **/
     ngUnsubscribe: Subject<void>;
@@ -120,3 +122,3 @@ /**
      */
-    constructor(spinnerService: NgxSpinnerService, changeDetector: ChangeDetectorRef, elementRef: ElementRef);
+    constructor(spinnerService: NgxSpinnerService, changeDetector: ChangeDetectorRef, elementRef: ElementRef, globalConfig: NgxSpinnerConfig);
     initObservable(): void;
@@ -169,4 +171,4 @@ /**
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgxSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxSpinnerComponent, "ngx-spinner", never, { "bdColor": "bdColor"; "size": "size"; "color": "color"; "type": "type"; "fullScreen": "fullScreen"; "name": "name"; "zIndex": "zIndex"; "template": "template"; "showSpinner": "showSpinner"; "disableAnimation": "disableAnimation"; }, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxSpinnerComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxSpinnerComponent, "ngx-spinner", never, { "bdColor": "bdColor"; "size": "size"; "color": "color"; "type": "type"; "fullScreen": "fullScreen"; "name": "name"; "zIndex": "zIndex"; "template": "template"; "showSpinner": "showSpinner"; "disableAnimation": "disableAnimation"; }, {}, never, ["*"], false>;
 }

lib/ngx-spinner.enum.d.ts

 export declare const LOADERS: {
-    'ball-8bits': number;
-    'ball-atom': number;
-    'ball-beat': number;
-    'ball-circus': number;
-    'ball-climbing-dot': number;
-    'ball-clip-rotate': number;
-    'ball-clip-rotate-multiple': number;
-    'ball-clip-rotate-pulse': number;
-    'ball-elastic-dots': number;
-    'ball-fall': number;
-    'ball-fussion': number;
-    'ball-grid-beat': number;
-    'ball-grid-pulse': number;
-    'ball-newton-cradle': number;
-    'ball-pulse': number;
-    'ball-pulse-rise': number;
-    'ball-pulse-sync': number;
-    'ball-rotate': number;
-    'ball-running-dots': number;
-    'ball-scale': number;
-    'ball-scale-multiple': number;
-    'ball-scale-pulse': number;
-    'ball-scale-ripple': number;
-    'ball-scale-ripple-multiple': number;
-    'ball-spin': number;
-    'ball-spin-clockwise': number;
-    'ball-spin-clockwise-fade': number;
-    'ball-spin-clockwise-fade-rotating': number;
-    'ball-spin-fade': number;
-    'ball-spin-fade-rotating': number;
-    'ball-spin-rotate': number;
-    'ball-square-clockwise-spin': number;
-    'ball-square-spin': number;
-    'ball-triangle-path': number;
-    'ball-zig-zag': number;
-    'ball-zig-zag-deflect': number;
+    "ball-8bits": number;
+    "ball-atom": number;
+    "ball-beat": number;
+    "ball-circus": number;
+    "ball-climbing-dot": number;
+    "ball-clip-rotate": number;
+    "ball-clip-rotate-multiple": number;
+    "ball-clip-rotate-pulse": number;
+    "ball-elastic-dots": number;
+    "ball-fall": number;
+    "ball-fussion": number;
+    "ball-grid-beat": number;
+    "ball-grid-pulse": number;
+    "ball-newton-cradle": number;
+    "ball-pulse": number;
+    "ball-pulse-rise": number;
+    "ball-pulse-sync": number;
+    "ball-rotate": number;
+    "ball-running-dots": number;
+    "ball-scale": number;
+    "ball-scale-multiple": number;
+    "ball-scale-pulse": number;
+    "ball-scale-ripple": number;
+    "ball-scale-ripple-multiple": number;
+    "ball-spin": number;
+    "ball-spin-clockwise": number;
+    "ball-spin-clockwise-fade": number;
+    "ball-spin-clockwise-fade-rotating": number;
+    "ball-spin-fade": number;
+    "ball-spin-fade-rotating": number;
+    "ball-spin-rotate": number;
+    "ball-square-clockwise-spin": number;
+    "ball-square-spin": number;
+    "ball-triangle-path": number;
+    "ball-zig-zag": number;
+    "ball-zig-zag-deflect": number;
     cog: number;
-    'cube-transition': number;
+    "cube-transition": number;
     fire: number;
-    'line-scale': number;
-    'line-scale-party': number;
-    'line-scale-pulse-out': number;
-    'line-scale-pulse-out-rapid': number;
-    'line-spin-clockwise-fade': number;
-    'line-spin-clockwise-fade-rotating': number;
-    'line-spin-fade': number;
-    'line-spin-fade-rotating': number;
+    "line-scale": number;
+    "line-scale-party": number;
+    "line-scale-pulse-out": number;
+    "line-scale-pulse-out-rapid": number;
+    "line-spin-clockwise-fade": number;
+    "line-spin-clockwise-fade-rotating": number;
+    "line-spin-fade": number;
+    "line-spin-fade-rotating": number;
     pacman: number;
-    'square-jelly-box': number;
-    'square-loader': number;
-    'square-spin': number;
+    "square-jelly-box": number;
+    "square-loader": number;
+    "square-spin": number;
     timer: number;
-    'triangle-skew-spin': number;
+    "triangle-skew-spin": number;
 };
@@ -62,3 +62,3 @@ export declare const DEFAULTS: {
 export declare const PRIMARY_SPINNER = "primary";
-export declare type Size = 'default' | 'small' | 'medium' | 'large';
+export declare type Size = "default" | "small" | "medium" | "large";
 export interface Spinner {
@@ -65,0 +65,0 @@ bdColor?: string;

lib/ngx-spinner.module.d.ts

@@ -0,1 +1,3 @@
+import { ModuleWithProviders } from "@angular/core";
+import { NgxSpinnerConfig } from "./config";
 import * as i0 from "@angular/core";
@@ -6,2 +8,3 @@ import * as i1 from "./ngx-spinner.component";
 export declare class NgxSpinnerModule {
+    static forRoot(config?: NgxSpinnerConfig): ModuleWithProviders<NgxSpinnerModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxSpinnerModule, never>;
@@ -8,0 +11,0 @@ static ɵmod: i0.ɵɵNgModuleDeclaration<NgxSpinnerModule, [typeof i1.NgxSpinnerComponent, typeof i2.SafeHtmlPipe], [typeof i3.CommonModule], [typeof i1.NgxSpinnerComponent]>;

lib/ngx-spinner.service.d.ts

@@ -1,3 +0,3 @@
-import { Observable, BehaviorSubject } from 'rxjs';
-import { NgxSpinner, Spinner } from './ngx-spinner.enum';
+import { Observable, BehaviorSubject } from "rxjs";
+import { NgxSpinner, Spinner } from "./ngx-spinner.enum";
 import * as i0 from "@angular/core";
@@ -17,5 +17,5 @@ export declare class NgxSpinnerService {
     /**
-    * Get subscription of desired spinner
-    * @memberof NgxSpinnerService
-    **/
+     * Get subscription of desired spinner
+     * @memberof NgxSpinnerService
+     **/
     getSpinner(name: string): Observable<NgxSpinner>;
@@ -29,6 +29,6 @@ /**
     /**
-    * To hide spinner
-    *
-    * @memberof NgxSpinnerService
-    */
+     * To hide spinner
+     *
+     * @memberof NgxSpinnerService
+     */
     hide(name?: string, debounce?: number): Promise<unknown>;
@@ -35,0 +35,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<NgxSpinnerService, never>;

lib/safe-html.pipe.d.ts

@@ -1,3 +0,3 @@
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
+import { PipeTransform } from "@angular/core";
 import * as i0 from "@angular/core";
@@ -9,3 +9,3 @@ export declare class SafeHtmlPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<SafeHtmlPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SafeHtmlPipe, "safeHtml">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SafeHtmlPipe, "safeHtml", false>;
 }

package.json

 {
   "name": "ngx-spinner",
-  "version": "13.1.1",
+  "version": "14.0.0",
   "repository": {
@@ -25,2 +25,3 @@ "type": "git",
     "angular13",
+    "angular14",
     "loading-spinner",
@@ -44,2 +45,3 @@ "loading",
     "ng13",
+    "ng14",
     "loadingscreen",
@@ -58,4 +60,4 @@ "progress",
   "peerDependencies": {
-    "@angular/common": "^13.0.0",
-    "@angular/core": "^13.0.0"
+    "@angular/common": "^14.0.0",
+    "@angular/core": "^14.0.0"
   },
@@ -71,3 +73,3 @@ "schematics": "./schematics/collection.json",
   "fesm2015": "fesm2015/ngx-spinner.mjs",
-  "typings": "ngx-spinner.d.ts",
+  "typings": "index.d.ts",
   "exports": {
@@ -78,3 +80,3 @@ "./package.json": {
     ".": {
-      "types": "./ngx-spinner.d.ts",
+      "types": "./index.d.ts",
       "esm2020": "./esm2020/ngx-spinner.mjs",
@@ -81,0 +83,0 @@ "es2020": "./fesm2020/ngx-spinner.mjs",

public_api.d.ts

@@ -1,4 +0,4 @@
-export * from './lib/ngx-spinner.service';
-export * from './lib/ngx-spinner.component';
-export * from './lib/ngx-spinner.module';
-export * from './lib/ngx-spinner.enum';
+export * from "./lib/ngx-spinner.service";
+export * from "./lib/ngx-spinner.component";
+export * from "./lib/ngx-spinner.module";
+export * from "./lib/ngx-spinner.enum";

README.md

@@ -1,2 +0,2 @@
-A library with more than 50 different loading spinners for Angular 4 - 13. (https://napster2210.github.io/ngx-spinner/)
+A library with more than 50 different loading spinners for Angular 4 - 14. (https://napster2210.github.io/ngx-spinner/)
 
@@ -18,2 +18,3 @@ <p align="center">
 [![Support](https://img.shields.io/badge/Support-Angular%2013%2B-blue.svg?style=flat-square)]()
+[![Support](https://img.shields.io/badge/Support-Angular%2014%2B-blue.svg?style=flat-square)]()
 [![License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)]()
@@ -24,4 +25,3 @@ [![Gitter](https://badges.gitter.im/ngx-spinner/community.svg)](https://gitter.im/ngx-spinner/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
 
-- Smaller bundle size 🥳🥳🥳🥳
-- Angular 13 support 🥳🥳🥳🥳
+- Angular 14 support 🥳🥳🥳🥳
 - Bug Fixes/Improvements
@@ -31,5 +31,5 @@
 
-| Angular 13  | Angular 12  | Angular 11  | Angular 10  |
-| ----------- | ----------- | ----------- | ----------- |
-| >=`v13.1.1` | >=`v12.0.0` | >=`v11.0.2` | >=`v10.0.1` |
+| Angular 14  | Angular 13  | Angular 12  | Angular 11  | Angular 10  |
+| ----------- | ----------- | ----------- | ----------- | ----------- |
+| >=`v14.0.0` | >=`v13.1.1` | >=`v12.0.0` | >=`v11.0.2` | >=`v10.0.1` |
 
@@ -73,3 +73,3 @@ | Angular 9  | Angular 8 | Angular 6/7 | Angular 5  | Angular 4  |
 
-- **Angular 13** Support
+- **Angular 14** Support
 - Custom spinner image support(gif), you can pass `img` tag
@@ -155,2 +155,21 @@ - Multiple Spinners
 
+#### NOTE
+
+- There is possibility to use global configuration for NgxSpinnerModule.
+- Just call `forRoot` method for NgxSpinnerModule and pass configuration object.
+- The input properties of NgxSpinnerComponent has higher priority than global options
+
+```typescript
+// Available options
+interface NgxSpinnerConfig {
+  type?: string;
+}
+// Use in app
+@NgModule({
+  imports: [
+    NgxSpinnerModule.forRoot({ type: 'ball-scale-multiple' })
+  ]
+})
+```
+
 Add `NgxSpinnerService` service wherever you want to use the `ngx-spinner`.
@@ -157,0 +176,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

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

Improved metrics

Total package byte prevSize

443121

increased by3.74%

Number of package files

75

increased by2.74%

Lines of code

12536

increased by0.42%

Number of lines in readme file

318

increased by6.35%

No dependency changes