@ever-co/angular2-wizard - npm Package Compare versions

Comparing version 0.5.1 to 0.5.2

dist/index.d.ts

 import { ModuleWithProviders } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./src/wizard.component";
-import * as i2 from "./src/wizard-step.component";
-import * as i3 from "@angular/common";
 export * from './src/wizard.component';
@@ -10,6 +6,3 @@ export * from './src/wizard-step.component';
     static forRoot(): ModuleWithProviders<FormWizardModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormWizardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FormWizardModule, [typeof i1.WizardComponent, typeof i2.WizardStepComponent], [typeof i3.CommonModule], [typeof i1.WizardComponent, typeof i2.WizardStepComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<FormWizardModule>;
 }
 //# sourceMappingURL=index.d.ts.map

dist/index.js

@@ -0,1 +1,3 @@
+var FormWizardModule_1;
+import { __decorate } from "tslib";
 import { NgModule } from '@angular/core';
@@ -5,36 +7,27 @@ import { CommonModule } from '@angular/common';
 import { WizardStepComponent } from './src/wizard-step.component';
-import * as i0 from "@angular/core";
 export * from './src/wizard.component';
 export * from './src/wizard-step.component';
-export class FormWizardModule {
+let FormWizardModule = FormWizardModule_1 = class FormWizardModule {
     static forRoot() {
         return {
-            ngModule: FormWizardModule
+            ngModule: FormWizardModule_1
         };
     }
-}
-FormWizardModule.ɵfac = function FormWizardModule_Factory(t) { return new (t || FormWizardModule)(); };
-FormWizardModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FormWizardModule });
-FormWizardModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+};
+FormWizardModule = FormWizardModule_1 = __decorate([
+    NgModule({
+        imports: [
             CommonModule
-        ]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormWizardModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule
-                ],
-                declarations: [
-                    WizardComponent,
-                    WizardStepComponent
-                ],
-                exports: [
-                    WizardComponent,
-                    WizardStepComponent
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FormWizardModule, { declarations: [WizardComponent,
-        WizardStepComponent], imports: [CommonModule], exports: [WizardComponent,
-        WizardStepComponent] }); })();
+        ],
+        declarations: [
+            WizardComponent,
+            WizardStepComponent
+        ],
+        exports: [
+            WizardComponent,
+            WizardStepComponent
+        ]
+    })
+], FormWizardModule);
+export { FormWizardModule };
 //# sourceMappingURL=index.js.map

dist/src/wizard-step.component.d.ts

 import { EventEmitter, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
 export declare class WizardStepComponent implements OnInit {
@@ -18,5 +17,3 @@ title: string;
     get isActive(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WizardStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WizardStepComponent, "wizard-step", never, { "title": "title"; "hidden": "hidden"; "isValid": "isValid"; "showNext": "showNext"; "showPrev": "showPrev"; "isActive": "isActive"; }, { "onNext": "onNext"; "onPrev": "onPrev"; "onComplete": "onComplete"; }, never, ["*"]>;
 }
 //# sourceMappingURL=wizard-step.component.d.ts.map

dist/src/wizard-step.component.js

@@ -0,5 +1,4 @@
+import { __decorate, __metadata } from "tslib";
 import { Component, Input, Output, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-export class WizardStepComponent {
+let WizardStepComponent = class WizardStepComponent {
     constructor() {
@@ -25,17 +24,44 @@ this.hidden = false;
     }
-}
-WizardStepComponent.ɵfac = function WizardStepComponent_Factory(t) { return new (t || WizardStepComponent)(); };
-WizardStepComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WizardStepComponent, selectors: [["wizard-step"]], inputs: { title: "title", hidden: "hidden", isValid: "isValid", showNext: "showNext", showPrev: "showPrev", isActive: "isActive" }, outputs: { onNext: "onNext", onPrev: "onPrev", onComplete: "onComplete" }, ngContentSelectors: _c0, decls: 2, vars: 1, consts: [[3, "hidden"]], template: function WizardStepComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵprojection(1);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("hidden", !ctx.isActive);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardStepComponent, [{
-        type: Component,
-        args: [{
-                selector: 'wizard-step',
-                template: `
+};
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], WizardStepComponent.prototype, "title", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], WizardStepComponent.prototype, "hidden", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], WizardStepComponent.prototype, "isValid", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], WizardStepComponent.prototype, "showNext", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], WizardStepComponent.prototype, "showPrev", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], WizardStepComponent.prototype, "onNext", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], WizardStepComponent.prototype, "onPrev", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], WizardStepComponent.prototype, "onComplete", void 0);
+__decorate([
+    Input('isActive'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], WizardStepComponent.prototype, "isActive", null);
+WizardStepComponent = __decorate([
+    Component({
+        selector: 'wizard-step',
+        template: `
     <div [hidden]="!isActive">
@@ -45,23 +71,6 @@ <ng-content></ng-content>
   `
-            }]
-    }], function () { return []; }, { title: [{
-            type: Input
-        }], hidden: [{
-            type: Input
-        }], isValid: [{
-            type: Input
-        }], showNext: [{
-            type: Input
-        }], showPrev: [{
-            type: Input
-        }], onNext: [{
-            type: Output
-        }], onPrev: [{
-            type: Output
-        }], onComplete: [{
-            type: Output
-        }], isActive: [{
-            type: Input,
-            args: ['isActive']
-        }] }); })();
+    }),
+    __metadata("design:paramtypes", [])
+], WizardStepComponent);
+export { WizardStepComponent };
 //# sourceMappingURL=wizard-step.component.js.map

dist/src/wizard.component.d.ts

 import { EventEmitter, QueryList, AfterContentInit, OnInit } from '@angular/core';
 import { WizardStepComponent } from './wizard-step.component';
-import * as i0 from "@angular/core";
 export declare class WizardComponent implements OnInit, AfterContentInit {
@@ -27,5 +26,3 @@ wizardSteps: QueryList<WizardStepComponent>;
     reset(force?: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WizardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WizardComponent, "form-wizard", never, { "previousText": "previousText"; "nextText": "nextText"; "doneText": "doneText"; }, { "onStepChanged": "onStepChanged"; }, ["wizardSteps"], ["*"]>;
 }
 //# sourceMappingURL=wizard.component.d.ts.map

dist/src/wizard.component.js

@@ -0,73 +1,5 @@
+import { __decorate, __metadata } from "tslib";
 import { Component, Output, Input, EventEmitter, ContentChildren, QueryList } from '@angular/core';
 import { WizardStepComponent } from './wizard-step.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-const _c0 = function (a0, a1, a2, a3) { return { "active": a0, "enabled": a1, "disabled": a2, "completed": a3 }; };
-function WizardComponent_li_3_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 6);
-    i0.ɵɵelementStart(1, "a", 7);
-    i0.ɵɵlistener("click", function WizardComponent_li_3_Template_a_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const step_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.goToStep(step_r2); });
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const step_r2 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(2, _c0, step_r2.isActive, !step_r2.isDisabled, step_r2.isDisabled, ctx_r0.isCompleted));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(step_r2.title);
-} }
-function WizardComponent_div_6_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("click", function WizardComponent_div_6_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.previous(); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r5.previousText);
-} }
-function WizardComponent_div_6_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 13);
-    i0.ɵɵlistener("click", function WizardComponent_div_6_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.next(); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", !ctx_r6.activeStep.isValid);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r6.nextText);
-} }
-function WizardComponent_div_6_button_3_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 14);
-    i0.ɵɵlistener("click", function WizardComponent_div_6_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.complete(); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r7 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", !ctx_r7.activeStep.isValid);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r7.doneText);
-} }
-function WizardComponent_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵtemplate(1, WizardComponent_div_6_button_1_Template, 2, 1, "button", 9);
-    i0.ɵɵtemplate(2, WizardComponent_div_6_button_2_Template, 2, 2, "button", 10);
-    i0.ɵɵtemplate(3, WizardComponent_div_6_button_3_Template, 2, 2, "button", 11);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.hasPrevStep || ctx_r1.activeStep.showPrev);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.hasNextStep || ctx_r1.activeStep.showNext);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r1.hasNextStep);
-} }
-const _c1 = ["*"];
-export class WizardComponent {
+let WizardComponent = class WizardComponent {
     constructor() {
@@ -154,33 +86,27 @@ this._steps = [];
     }
-}
-WizardComponent.ɵfac = function WizardComponent_Factory(t) { return new (t || WizardComponent)(); };
-WizardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WizardComponent, selectors: [["form-wizard"]], contentQueries: function WizardComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        i0.ɵɵcontentQuery(dirIndex, WizardStepComponent, 4);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.wizardSteps = _t);
-    } }, inputs: { previousText: "previousText", nextText: "nextText", doneText: "doneText" }, outputs: { onStepChanged: "onStepChanged" }, ngContentSelectors: _c1, decls: 7, vars: 2, consts: [[1, "card"], [1, "card-header"], [1, "nav", "nav-justified"], ["class", "nav-item", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "card-block"], ["class", "card-footer", 4, "ngIf"], [1, "nav-item", 3, "ngClass"], [3, "click"], [1, "card-footer"], ["type", "button", "class", "btn btn-default float-left", 3, "click", 4, "ngIf"], ["type", "button", "class", "btn btn-secondary float-right", 3, "disabled", "click", 4, "ngIf"], ["type", "button", "class", "btn btn-primary float-right", 3, "disabled", "click", 4, "ngIf"], ["type", "button", 1, "btn", "btn-default", "float-left", 3, "click"], ["type", "button", 1, "btn", "btn-secondary", "float-right", 3, "disabled", "click"], ["type", "button", 1, "btn", "btn-primary", "float-right", 3, "disabled", "click"]], template: function WizardComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "ul", 2);
-        i0.ɵɵtemplate(3, WizardComponent_li_3_Template, 3, 7, "li", 3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "div", 4);
-        i0.ɵɵprojection(5);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(6, WizardComponent_div_6_Template, 4, 3, "div", 5);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngForOf", ctx.steps);
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", !ctx.isCompleted);
-    } }, directives: [i1.NgForOf, i1.NgIf, i1.NgClass], styles: [".card[_ngcontent-%COMP%] { height: 100%; }", ".card-header[_ngcontent-%COMP%] { background-color: #fff; padding: 0; font-size: 1.25rem; }", ".card-block[_ngcontent-%COMP%] { overflow-y: auto; }", ".card-footer[_ngcontent-%COMP%] { background-color: #fff; border-top: 0 none; }", ".nav-item[_ngcontent-%COMP%] { padding: 1rem 0rem; border-bottom: 0.5rem solid #ccc; }", ".active[_ngcontent-%COMP%] { font-weight: bold; color: black; border-bottom-color: #1976D2 !important; }", ".enabled[_ngcontent-%COMP%] { cursor: pointer; border-bottom-color: rgb(88, 162, 234); }", ".disabled[_ngcontent-%COMP%] { color: #ccc; }", ".completed[_ngcontent-%COMP%] { cursor: default; }"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardComponent, [{
-        type: Component,
-        args: [{
-                selector: 'form-wizard',
-                template: `<div class="card">
+};
+__decorate([
+    ContentChildren(WizardStepComponent),
+    __metadata("design:type", QueryList)
+], WizardComponent.prototype, "wizardSteps", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], WizardComponent.prototype, "onStepChanged", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], WizardComponent.prototype, "previousText", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], WizardComponent.prototype, "nextText", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], WizardComponent.prototype, "doneText", void 0);
+WizardComponent = __decorate([
+    Component({
+        selector: 'form-wizard',
+        template: `<div class="card">
     <div class="card-header">
@@ -203,26 +129,17 @@ <ul class="nav nav-justified">
   </div>`,
-                styles: [
-                    '.card { height: 100%; }',
-                    '.card-header { background-color: #fff; padding: 0; font-size: 1.25rem; }',
-                    '.card-block { overflow-y: auto; }',
-                    '.card-footer { background-color: #fff; border-top: 0 none; }',
-                    '.nav-item { padding: 1rem 0rem; border-bottom: 0.5rem solid #ccc; }',
-                    '.active { font-weight: bold; color: black; border-bottom-color: #1976D2 !important; }',
-                    '.enabled { cursor: pointer; border-bottom-color: rgb(88, 162, 234); }',
-                    '.disabled { color: #ccc; }',
-                    '.completed { cursor: default; }'
-                ]
-            }]
-    }], function () { return []; }, { wizardSteps: [{
-            type: ContentChildren,
-            args: [WizardStepComponent]
-        }], onStepChanged: [{
-            type: Output
-        }], previousText: [{
-            type: Input
-        }], nextText: [{
-            type: Input
-        }], doneText: [{
-            type: Input
-        }] }); })();
+        styles: [
+            '.card { height: 100%; }',
+            '.card-header { background-color: #fff; padding: 0; font-size: 1.25rem; }',
+            '.card-block { overflow-y: auto; }',
+            '.card-footer { background-color: #fff; border-top: 0 none; }',
+            '.nav-item { padding: 1rem 0rem; border-bottom: 0.5rem solid #ccc; }',
+            '.active { font-weight: bold; color: black; border-bottom-color: #1976D2 !important; }',
+            '.enabled { cursor: pointer; border-bottom-color: rgb(88, 162, 234); }',
+            '.disabled { color: #ccc; }',
+            '.completed { cursor: default; }'
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], WizardComponent);
+export { WizardComponent };
 //# sourceMappingURL=wizard.component.js.map

package.json

 {
   "name": "@ever-co/angular2-wizard",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "scripts": {
@@ -5,0 +5,0 @@ "build": "ngc -p tsconfig.json",

README.MD

@@ -31,3 +31,3 @@ # angular2-wizard
 ```bash
-$ npm install angular2-wizard --save
+$ npm install @ever-co/angular2-wizard --save
 ```
@@ -97,2 +97,3 @@
 ## Document
+
 https://github.com/maiyaporn/angular2-wizard/wiki
@@ -99,0 +100,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

Number of lines in readme file

123

increased by0.82%

Worsened metrics

Total package byte prevSize

46927

decreased by-16.3%

Lines of code

872

decreased by-10.38%

No dependency changes