@wizishop/angular-components 0.0.145 → 0.0.148
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 +5379 -5363
- package/bundles/wizishop-angular-components.umd.js +18 -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 +10 -2
- package/fesm2015/wizishop-angular-components.js +20 -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 +4 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.148.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.145.tgz +0 -0
|
@@ -4212,24 +4212,35 @@
|
|
|
4212
4212
|
|
|
4213
4213
|
var BreadcrumbsComponent = /** @class */ (function () {
|
|
4214
4214
|
function BreadcrumbsComponent() {
|
|
4215
|
+
this.index = 0;
|
|
4216
|
+
this.indexChange = new i0.EventEmitter();
|
|
4215
4217
|
}
|
|
4216
4218
|
BreadcrumbsComponent.prototype.ngOnInit = function () {
|
|
4217
4219
|
};
|
|
4220
|
+
BreadcrumbsComponent.prototype.valueChanged = function (i) {
|
|
4221
|
+
this.index = i;
|
|
4222
|
+
this.indexChange.emit(this.index);
|
|
4223
|
+
};
|
|
4218
4224
|
return BreadcrumbsComponent;
|
|
4219
4225
|
}());
|
|
4220
4226
|
BreadcrumbsComponent.decorators = [
|
|
4221
4227
|
{ type: i0.Component, args: [{
|
|
4222
4228
|
selector: 'wac-breadcrumbs',
|
|
4223
|
-
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"
|
|
4229
|
+
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"
|
|
4224
4230
|
},] }
|
|
4225
4231
|
];
|
|
4226
4232
|
BreadcrumbsComponent.ctorParameters = function () { return []; };
|
|
4227
4233
|
BreadcrumbsComponent.propDecorators = {
|
|
4228
|
-
breadcrumbs: [{ type: i0.Input }]
|
|
4234
|
+
breadcrumbs: [{ type: i0.Input }],
|
|
4235
|
+
indexChange: [{ type: i0.Output }]
|
|
4229
4236
|
};
|
|
4230
4237
|
|
|
4231
4238
|
var CardPriceComponent = /** @class */ (function () {
|
|
4232
4239
|
function CardPriceComponent() {
|
|
4240
|
+
this.disabled = false;
|
|
4241
|
+
this.btnTextcolor = '#ffffff';
|
|
4242
|
+
this.extraClasses = 'is-success';
|
|
4243
|
+
this.hideButton = false;
|
|
4233
4244
|
this.click = new i0.EventEmitter();
|
|
4234
4245
|
}
|
|
4235
4246
|
CardPriceComponent.prototype.ngOnInit = function () {
|
|
@@ -4242,7 +4253,7 @@
|
|
|
4242
4253
|
CardPriceComponent.decorators = [
|
|
4243
4254
|
{ type: i0.Component, args: [{
|
|
4244
4255
|
selector: 'wac-card-price',
|
|
4245
|
-
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=\"
|
|
4256
|
+
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]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [textcolor]=\"btnTextcolor\" *ngIf=\"!hideButton\"></wac-button>\n </div>\n</div>\n"
|
|
4246
4257
|
},] }
|
|
4247
4258
|
];
|
|
4248
4259
|
CardPriceComponent.ctorParameters = function () { return []; };
|
|
@@ -4254,6 +4265,10 @@
|
|
|
4254
4265
|
priceWording: [{ type: i0.Input }],
|
|
4255
4266
|
subtitle: [{ type: i0.Input }],
|
|
4256
4267
|
btnLabel: [{ type: i0.Input }],
|
|
4268
|
+
disabled: [{ type: i0.Input }],
|
|
4269
|
+
btnTextcolor: [{ type: i0.Input }],
|
|
4270
|
+
extraClasses: [{ type: i0.Input }],
|
|
4271
|
+
hideButton: [{ type: i0.Input }],
|
|
4257
4272
|
click: [{ type: i0.Output }]
|
|
4258
4273
|
};
|
|
4259
4274
|
|