@wizishop/angular-components 0.0.144 → 0.0.147

package/bundles/wizishop-angular-components.umd.js

@@ -4212,24 +4212,34 @@
 
     var BreadcrumbsComponent = /** @class */ (function () {
         function BreadcrumbsComponent() {
+            this.index = 0;
+            this.indexChange = new i0.EventEmitter();
         }
         BreadcrumbsComponent.prototype.ngOnInit = function () {
         };
+        BreadcrumbsComponent.prototype.valueChanged = function (i) {
+            this.index = i;
+            this.indexChange.emit(this.index);
+        };
         return BreadcrumbsComponent;
     }());
     BreadcrumbsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-breadcrumbs',
-                    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"
+                    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"
                 },] }
     ];
     BreadcrumbsComponent.ctorParameters = function () { return []; };
     BreadcrumbsComponent.propDecorators = {
-        breadcrumbs: [{ type: i0.Input }]
+        breadcrumbs: [{ type: i0.Input }],
+        indexChange: [{ type: i0.Output }]
     };
 
     var CardPriceComponent = /** @class */ (function () {
         function CardPriceComponent() {
+            this.disabled = false;
+            this.btnTextcolor = '#ffffff';
+            this.extraClasses = 'is-success';
             this.click = new i0.EventEmitter();
         }
         CardPriceComponent.prototype.ngOnInit = function () {
@@ -4242,7 +4252,7 @@
     CardPriceComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-card-price',
-                    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"
+                    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\"></wac-button>\n  </div>\n</div>\n"
                 },] }
     ];
     CardPriceComponent.ctorParameters = function () { return []; };
@@ -4254,6 +4264,9 @@
         priceWording: [{ type: i0.Input }],
         subtitle: [{ type: i0.Input }],
         btnLabel: [{ type: i0.Input }],
+        disabled: [{ type: i0.Input }],
+        btnTextcolor: [{ type: i0.Input }],
+        extraClasses: [{ type: i0.Input }],
         click: [{ type: i0.Output }]
     };