@wizishop/angular-components 0.0.145 → 0.0.146
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/angular-components.scss +5499 -5487
- package/bundles/wizishop-angular-components.umd.js +14 -3
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.component.js +13 -5
- package/esm2015/lib/components/card-price/card-price.component.js +6 -2
- package/fesm2015/wizishop-angular-components.js +16 -4
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +4 -1
- package/lib/components/card-price/card-price.component.d.ts +2 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.146.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.145.tgz +0 -0
|
@@ -1,17 +1,25 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
export class BreadcrumbsComponent {
|
|
3
|
-
constructor() {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.index = 0;
|
|
5
|
+
this.indexChange = new EventEmitter();
|
|
6
|
+
}
|
|
4
7
|
ngOnInit() {
|
|
5
8
|
}
|
|
9
|
+
valueChanged(i) {
|
|
10
|
+
this.index = i;
|
|
11
|
+
this.indexChange.emit(this.index);
|
|
12
|
+
}
|
|
6
13
|
}
|
|
7
14
|
BreadcrumbsComponent.decorators = [
|
|
8
15
|
{ type: Component, args: [{
|
|
9
16
|
selector: 'wac-breadcrumbs',
|
|
10
|
-
template: "<div class=\"wac-breadcrumbs\">\n <div class=\"wac-breadcrumbs__wrapper\">\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\">\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n <div class=\"name\" [ngClass]=\"{'valid': b.valid}\">{{ b.name }}</div>\n <i class=\"fas fa-chevron-right\"></i>\n </div>\n </div>\n</div>\n"
|
|
17
|
+
template: "<div class=\"wac-breadcrumbs\">\n <div class=\"wac-breadcrumbs__wrapper\">\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\" (click)=\"valueChanged(i)\">\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n <div class=\"name\" [ngClass]=\"{'valid': b.valid}\">{{ b.name }}</div>\n <i class=\"fas fa-chevron-right\"></i>\n </div>\n </div>\n</div>\n"
|
|
11
18
|
},] }
|
|
12
19
|
];
|
|
13
20
|
BreadcrumbsComponent.ctorParameters = () => [];
|
|
14
21
|
BreadcrumbsComponent.propDecorators = {
|
|
15
|
-
breadcrumbs: [{ type: Input }]
|
|
22
|
+
breadcrumbs: [{ type: Input }],
|
|
23
|
+
indexChange: [{ type: Output }]
|
|
16
24
|
};
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU83RSxNQUFNLE9BQU8sb0JBQW9CO0lBVS9CO1FBTEEsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUdsQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFdEIsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFlBQVksQ0FBQyxDQUFDO1FBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDZixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7O1lBdEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQiwybkJBQTJDO2FBQzVDOzs7OzBCQUdFLEtBQUs7MEJBS0wsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0JyZWFkY3J1bWJzRHRvfSBmcm9tICcuL2JyZWFkY3J1bWJzLmR0byc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1icmVhZGNydW1icycsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBicmVhZGNydW1iczogQnJlYWRjcnVtYnNEdG87XG5cbiAgaW5kZXg6IG51bWJlciA9IDA7XG5cbiAgQE91dHB1dCgpXG4gIGluZGV4Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIHZhbHVlQ2hhbmdlZChpKSB7XG4gICAgdGhpcy5pbmRleCA9IGk7XG4gICAgdGhpcy5pbmRleENoYW5nZS5lbWl0KHRoaXMuaW5kZXgpO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
export class CardPriceComponent {
|
|
3
3
|
constructor() {
|
|
4
|
+
this.disabled = false;
|
|
5
|
+
this.btnTextcolor = '#ffffff';
|
|
4
6
|
this.click = new EventEmitter();
|
|
5
7
|
}
|
|
6
8
|
ngOnInit() {
|
|
@@ -12,7 +14,7 @@ export class CardPriceComponent {
|
|
|
12
14
|
CardPriceComponent.decorators = [
|
|
13
15
|
{ type: Component, args: [{
|
|
14
16
|
selector: 'wac-card-price',
|
|
15
|
-
template: "<div class=\"wac-card-price\">\n <strong>{{amount}}</strong>\n <p>{{title}}</p>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"cta\">\n <wac-button [label]=\"btnLabel\" extraClasses=\"is-success\" (click)=\"triggerClick()\"></wac-button>\n </div>\n</div>\n"
|
|
17
|
+
template: "<div class=\"wac-card-price\">\n <strong>{{amount}}</strong>\n <p>{{title}}</p>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"cta\">\n <wac-button [label]=\"btnLabel\" extraClasses=\"is-success\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [textcolor]=\"btnTextcolor\"></wac-button>\n </div>\n</div>\n"
|
|
16
18
|
},] }
|
|
17
19
|
];
|
|
18
20
|
CardPriceComponent.ctorParameters = () => [];
|
|
@@ -24,6 +26,8 @@ CardPriceComponent.propDecorators = {
|
|
|
24
26
|
priceWording: [{ type: Input }],
|
|
25
27
|
subtitle: [{ type: Input }],
|
|
26
28
|
btnLabel: [{ type: Input }],
|
|
29
|
+
disabled: [{ type: Input }],
|
|
30
|
+
btnTextcolor: [{ type: Input }],
|
|
27
31
|
click: [{ type: Output }]
|
|
28
32
|
};
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU03RSxNQUFNLE9BQU8sa0JBQWtCO0lBK0I3QjtRQVBBLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFHMUIsaUJBQVksR0FBRyxTQUFTLENBQUM7UUFFUixVQUFLLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFL0MsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QixDQUFDOzs7WUExQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLDZlQUEwQzthQUMzQzs7OztxQkFHRSxLQUFLO29CQUdMLEtBQUs7b0JBR0wsS0FBSzt1QkFHTCxLQUFLOzJCQUdMLEtBQUs7dUJBR0wsS0FBSzt1QkFHTCxLQUFLO3VCQUdMLEtBQUs7MkJBR0wsS0FBSztvQkFHTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLWNhcmQtcHJpY2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1wcmljZS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRQcmljZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KClcbiAgYW1vdW50OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwcmljZTogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGN1cnJlbmN5OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHJpY2VXb3JkaW5nOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBidG5MYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIFxuICBASW5wdXQoKVxuICBidG5UZXh0Y29sb3IgPSAnI2ZmZmZmZic7XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBjbGljazogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIHRyaWdnZXJDbGljaygpIHtcbiAgICB0aGlzLmNsaWNrLmVtaXQodHJ1ZSk7XG4gIH1cblxufVxuIl19
|
|
@@ -3690,23 +3690,33 @@ WrapperSidebarComponent.propDecorators = {
|
|
|
3690
3690
|
};
|
|
3691
3691
|
|
|
3692
3692
|
class BreadcrumbsComponent {
|
|
3693
|
-
constructor() {
|
|
3693
|
+
constructor() {
|
|
3694
|
+
this.index = 0;
|
|
3695
|
+
this.indexChange = new EventEmitter();
|
|
3696
|
+
}
|
|
3694
3697
|
ngOnInit() {
|
|
3695
3698
|
}
|
|
3699
|
+
valueChanged(i) {
|
|
3700
|
+
this.index = i;
|
|
3701
|
+
this.indexChange.emit(this.index);
|
|
3702
|
+
}
|
|
3696
3703
|
}
|
|
3697
3704
|
BreadcrumbsComponent.decorators = [
|
|
3698
3705
|
{ type: Component, args: [{
|
|
3699
3706
|
selector: 'wac-breadcrumbs',
|
|
3700
|
-
template: "<div class=\"wac-breadcrumbs\">\n <div class=\"wac-breadcrumbs__wrapper\">\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\">\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n <div class=\"name\" [ngClass]=\"{'valid': b.valid}\">{{ b.name }}</div>\n <i class=\"fas fa-chevron-right\"></i>\n </div>\n </div>\n</div>\n"
|
|
3707
|
+
template: "<div class=\"wac-breadcrumbs\">\n <div class=\"wac-breadcrumbs__wrapper\">\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\" (click)=\"valueChanged(i)\">\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n <div class=\"name\" [ngClass]=\"{'valid': b.valid}\">{{ b.name }}</div>\n <i class=\"fas fa-chevron-right\"></i>\n </div>\n </div>\n</div>\n"
|
|
3701
3708
|
},] }
|
|
3702
3709
|
];
|
|
3703
3710
|
BreadcrumbsComponent.ctorParameters = () => [];
|
|
3704
3711
|
BreadcrumbsComponent.propDecorators = {
|
|
3705
|
-
breadcrumbs: [{ type: Input }]
|
|
3712
|
+
breadcrumbs: [{ type: Input }],
|
|
3713
|
+
indexChange: [{ type: Output }]
|
|
3706
3714
|
};
|
|
3707
3715
|
|
|
3708
3716
|
class CardPriceComponent {
|
|
3709
3717
|
constructor() {
|
|
3718
|
+
this.disabled = false;
|
|
3719
|
+
this.btnTextcolor = '#ffffff';
|
|
3710
3720
|
this.click = new EventEmitter();
|
|
3711
3721
|
}
|
|
3712
3722
|
ngOnInit() {
|
|
@@ -3718,7 +3728,7 @@ class CardPriceComponent {
|
|
|
3718
3728
|
CardPriceComponent.decorators = [
|
|
3719
3729
|
{ type: Component, args: [{
|
|
3720
3730
|
selector: 'wac-card-price',
|
|
3721
|
-
template: "<div class=\"wac-card-price\">\n <strong>{{amount}}</strong>\n <p>{{title}}</p>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"cta\">\n <wac-button [label]=\"btnLabel\" extraClasses=\"is-success\" (click)=\"triggerClick()\"></wac-button>\n </div>\n</div>\n"
|
|
3731
|
+
template: "<div class=\"wac-card-price\">\n <strong>{{amount}}</strong>\n <p>{{title}}</p>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"cta\">\n <wac-button [label]=\"btnLabel\" extraClasses=\"is-success\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [textcolor]=\"btnTextcolor\"></wac-button>\n </div>\n</div>\n"
|
|
3722
3732
|
},] }
|
|
3723
3733
|
];
|
|
3724
3734
|
CardPriceComponent.ctorParameters = () => [];
|
|
@@ -3730,6 +3740,8 @@ CardPriceComponent.propDecorators = {
|
|
|
3730
3740
|
priceWording: [{ type: Input }],
|
|
3731
3741
|
subtitle: [{ type: Input }],
|
|
3732
3742
|
btnLabel: [{ type: Input }],
|
|
3743
|
+
disabled: [{ type: Input }],
|
|
3744
|
+
btnTextcolor: [{ type: Input }],
|
|
3733
3745
|
click: [{ type: Output }]
|
|
3734
3746
|
};
|
|
3735
3747
|
|