ng2-progressbar
Advanced tools
Comparing version 1.1.0 to 1.1.1
@@ -1,2 +0,2 @@ | ||
##1.1.0 | ||
##1.1.1 | ||
@@ -3,0 +3,0 @@ - Use rxjs operators to imrpove code quality |
import { OnChanges, SimpleChanges } from '@angular/core'; | ||
import { ProgressService } from "../../service/progress.service"; | ||
import { NgProgressService } from "../../service/progress.service"; | ||
export declare class ProgressComponent implements OnChanges { | ||
@@ -17,4 +17,4 @@ private progress; | ||
toggle: any; | ||
constructor(progress: ProgressService); | ||
constructor(progress: NgProgressService); | ||
ngOnChanges(changes: SimpleChanges): void; | ||
} |
import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core'; | ||
import { ProgressService } from "../../service/progress.service"; | ||
import { NgProgressService } from "../../service/progress.service"; | ||
export var ProgressComponent = (function () { | ||
@@ -38,3 +38,3 @@ function ProgressComponent(progress) { | ||
ProgressComponent.ctorParameters = [ | ||
{ type: ProgressService, }, | ||
{ type: NgProgressService, }, | ||
]; | ||
@@ -41,0 +41,0 @@ ProgressComponent.propDecorators = { |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"ProgressComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-progress","template":"\n <ng-progress-bar\n [speed]=\"speed\"\n [positionUsing]=\"positionUsing\"\n [ease]=\"ease\"\n [showSpinner]=\"showSpinner\"\n [direction]=\"direction\"\n [color]=\"color\"\n [thick]=\"thick\"\n [state]=\"progress.state$ | async\"\n ></ng-progress-bar>\n ","styles":["\n :host {\n pointer-events: none;\n position: relative;\n z-index: 65535;\n }\n\n .bar, .bar-shadow, .spinner-icon {\n transition: all 500ms ease;\n }\n\n .bar {\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n }\n\n .bar-shadow {\n display: block;\n position: absolute;\n right: 0;\n top: -3px;\n width: 100px;\n height: 100%;\n opacity: 1.0;\n -webkit-transform: rotate(3deg);\n -ms-transform: rotate(3deg);\n transform: rotate(3deg);\n }\n\n .thick .bar {\n height: 3px;\n }\n\n .thick .bar-shadow {\n top: -4px;\n -webkit-transform: rotate(4deg);\n -ms-transform: rotate(4deg);\n transform: rotate(4deg);\n }\n\n .thick .spinner-icon {\n width: 24px;\n height: 24px;\n border: solid 3px transparent;\n }\n\n /* Remove these to get rid of the spinner */\n .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .anti-clockwise .spinner-icon {\n -webkit-animation-direction: reverse;\n animation-direction: reverse;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ease":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"positionUsing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"thick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minimum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"speed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"trickleSpeed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../service/progress.service","name":"ProgressService"}]}],"ngOnChanges":[{"__symbolic":"method"}]}}}} | ||
{"__symbolic":"module","version":1,"metadata":{"ProgressComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-progress","template":"\n <ng-progress-bar\n [speed]=\"speed\"\n [positionUsing]=\"positionUsing\"\n [ease]=\"ease\"\n [showSpinner]=\"showSpinner\"\n [direction]=\"direction\"\n [color]=\"color\"\n [thick]=\"thick\"\n [state]=\"progress.state$ | async\"\n ></ng-progress-bar>\n ","styles":["\n :host {\n pointer-events: none;\n position: relative;\n z-index: 65535;\n }\n\n .bar, .bar-shadow, .spinner-icon {\n transition: all 500ms ease;\n }\n\n .bar {\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n }\n\n .bar-shadow {\n display: block;\n position: absolute;\n right: 0;\n top: -3px;\n width: 100px;\n height: 100%;\n opacity: 1.0;\n -webkit-transform: rotate(3deg);\n -ms-transform: rotate(3deg);\n transform: rotate(3deg);\n }\n\n .thick .bar {\n height: 3px;\n }\n\n .thick .bar-shadow {\n top: -4px;\n -webkit-transform: rotate(4deg);\n -ms-transform: rotate(4deg);\n transform: rotate(4deg);\n }\n\n .thick .spinner-icon {\n width: 24px;\n height: 24px;\n border: solid 3px transparent;\n }\n\n /* Remove these to get rid of the spinner */\n .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .anti-clockwise .spinner-icon {\n -webkit-animation-direction: reverse;\n animation-direction: reverse;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ease":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"positionUsing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"thick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minimum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"speed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"trickleSpeed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../service/progress.service","name":"NgProgressService"}]}],"ngOnChanges":[{"__symbolic":"method"}]}}}} |
{ | ||
"name": "ng2-progressbar", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"description": "A slim customizable progressbar for angular2", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
import { ProgressComponent } from "./components/progress/progress.component"; | ||
import { ProgressService } from './service/progress.service'; | ||
import { NgProgressService } from './service/progress.service'; | ||
export declare class NgProgressModule { | ||
} | ||
export { ProgressService, ProgressComponent }; | ||
export { NgProgressService, ProgressComponent }; |
@@ -5,3 +5,3 @@ import { NgModule } from '@angular/core'; | ||
import { ProgressComponent } from "./components/progress/progress.component"; | ||
import { ProgressService } from './service/progress.service'; | ||
import { NgProgressService } from './service/progress.service'; | ||
export var NgProgressModule = (function () { | ||
@@ -20,3 +20,3 @@ function NgProgressModule() { | ||
providers: [ | ||
ProgressService | ||
NgProgressService | ||
], | ||
@@ -32,3 +32,3 @@ exports: [ | ||
}()); | ||
export { ProgressService, ProgressComponent }; | ||
export { NgProgressService, ProgressComponent }; | ||
//# sourceMappingURL=progress.module.js.map |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"NgProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","module":"./components/progress/progress.component","name":"ProgressComponent"},{"__symbolic":"reference","module":"./components/progress-bar/progress-bar.component","name":"ProgressBarComponent"}],"providers":[{"__symbolic":"reference","module":"./service/progress.service","name":"ProgressService"}],"exports":[{"__symbolic":"reference","module":"./components/progress/progress.component","name":"ProgressComponent"}]}]}]}}} | ||
{"__symbolic":"module","version":1,"metadata":{"NgProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","module":"./components/progress/progress.component","name":"ProgressComponent"},{"__symbolic":"reference","module":"./components/progress-bar/progress-bar.component","name":"ProgressBarComponent"}],"providers":[{"__symbolic":"reference","module":"./service/progress.service","name":"NgProgressService"}],"exports":[{"__symbolic":"reference","module":"./components/progress/progress.component","name":"ProgressComponent"}]}]}]}}} |
@@ -7,3 +7,3 @@ import { Subject } from "rxjs/Subject"; | ||
import 'rxjs/add/operator/takeWhile'; | ||
export declare class ProgressService { | ||
export declare class NgProgressService { | ||
minimum: number; | ||
@@ -10,0 +10,0 @@ speed: number; |
@@ -9,4 +9,4 @@ import { Injectable } from "@angular/core"; | ||
import 'rxjs/add/operator/takeWhile'; | ||
export var ProgressService = (function () { | ||
function ProgressService() { | ||
export var NgProgressService = (function () { | ||
function NgProgressService() { | ||
var _this = this; | ||
@@ -34,3 +34,3 @@ this.minimum = 0.08; | ||
} | ||
ProgressService.prototype.set = function (n) { | ||
NgProgressService.prototype.set = function (n) { | ||
var _this = this; | ||
@@ -54,3 +54,3 @@ this.progress = this.clamp(n, this.minimum, 1); | ||
}; | ||
ProgressService.prototype.start = function () { | ||
NgProgressService.prototype.start = function () { | ||
if (!this.isStarted()) | ||
@@ -60,6 +60,6 @@ this.set(0); | ||
}; | ||
ProgressService.prototype.done = function () { | ||
NgProgressService.prototype.done = function () { | ||
this.set(1); | ||
}; | ||
ProgressService.prototype.inc = function (amount) { | ||
NgProgressService.prototype.inc = function (amount) { | ||
/** if it hasn't start, start */ | ||
@@ -96,12 +96,12 @@ if (!this.progress) | ||
/** if progress is started*/ | ||
ProgressService.prototype.isStarted = function () { | ||
NgProgressService.prototype.isStarted = function () { | ||
return this.progress && this.progress !== 1; | ||
}; | ||
ProgressService.decorators = [ | ||
NgProgressService.decorators = [ | ||
{ type: Injectable }, | ||
]; | ||
/** @nocollapse */ | ||
ProgressService.ctorParameters = []; | ||
return ProgressService; | ||
NgProgressService.ctorParameters = []; | ||
return NgProgressService; | ||
}()); | ||
//# sourceMappingURL=progress.service.js.map |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":1,"metadata":{"ProgressService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"set":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}],"inc":[{"__symbolic":"method"}],"isStarted":[{"__symbolic":"method"}]}}}} | ||
{"__symbolic":"module","version":1,"metadata":{"NgProgressService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"set":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}],"inc":[{"__symbolic":"method"}],"isStarted":[{"__symbolic":"method"}]}}}} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
54225