@wizishop/angular-components 0.0.143 → 0.0.146

package/angular-components.scss

@@ -608,6 +608,9 @@ $wac-subtitle-color: #7A87A1!default;
     justify-content: center;
     position: relative;
     padding: 10px;
+    &:not(.valid) {
+      cursor: pointer;
+    }
     @include media('<desktop') {
       width: auto;
       min-width: unset;
@@ -675,6 +678,15 @@ $wac-subtitle-color: #7A87A1!default;
         display: none;
       }
     }
+    &:hover:not(.valid), &:focus:not(.valid) {
+      .round {
+        background-color: $wac-wizishop-blue;
+        border-color: $wac-wizishop-blue;
+        > span, > i {
+          color: $wac-white;
+        }
+      }
+    }
   }
 }
 .wac-button {
@@ -6488,7 +6500,7 @@ div.wac-field-input-search {
           bottom: -3px;
           left: 0;
           width: 100%;
-          height: 1px;
+          height: 1.5px;
           background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23e95656' stroke-width='1' stroke-dasharray='3%2c 6' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");
           background-position: left top;
         }

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

@@ -3117,7 +3117,7 @@
     SelectInTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-select-in-text',
-                    template: "<div class=\"wac-select-in-text\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\">\n  <div class=\"wac-select-in-text__prepend\" [innerHTML]=\"preText\" *ngIf=\"preText\"></div>\n  <div #current class=\"wac-select-in-text__current\" (click)=\"openCategories = !openCategories\">\n    <span>{{ currentLabel }}</span>\n    <div\n      class=\"wac-select-in-text__content\"\n      [ngClass]=\"{ hidden: !openCategories && !alwaysOpen, open: type === 'open' }\"\n      [ngStyle]=\"{ 'max-width': maxWidthItems }\"\n    >\n      <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length > 0\">\n        <div class=\"wac-select-in-text__content__item\" *ngFor=\"let item of items; trackBy: customTB; let index = index;\">\n          <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(index)\">\n            <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n          </div>\n        </div>\n      </perfect-scrollbar>\n    </div>\n  </div>\n  <div class=\"wac-select-in-text__after\" [innerHTML]=\"postText\" *ngIf=\"postText\"></div>\n</div>\n"
+                    template: "<div class=\"wac-select-in-text\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\n  <div class=\"wac-select-in-text__prepend\" [innerHTML]=\"preText\" *ngIf=\"preText\"></div>\n  <div #current class=\"wac-select-in-text__current\" (click)=\"openCategories = !openCategories\">\n    <span>{{ currentLabel }}</span>\n    <div\n      class=\"wac-select-in-text__content\"\n      [ngClass]=\"{ hidden: !openCategories && !alwaysOpen, open: type === 'open' }\"\n      [ngStyle]=\"{ 'max-width': maxWidthItems }\"\n    >\n      <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length > 0\">\n        <div class=\"wac-select-in-text__content__item\" *ngFor=\"let item of items; trackBy: customTB; let index = index;\">\n          <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(index)\">\n            <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n          </div>\n        </div>\n      </perfect-scrollbar>\n    </div>\n  </div>\n  <div class=\"wac-select-in-text__after\" [innerHTML]=\"postText\" *ngIf=\"postText\"></div>\n</div>\n"
                 },] }
     ];
     SelectInTextComponent.ctorParameters = function () { return []; };
@@ -4212,24 +4212,33 @@
 
     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.click = new i0.EventEmitter();
         }
         CardPriceComponent.prototype.ngOnInit = function () {
@@ -4242,7 +4251,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=\"is-success\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [textcolor]=\"btnTextcolor\"></wac-button>\n  </div>\n</div>\n"
                 },] }
     ];
     CardPriceComponent.ctorParameters = function () { return []; };
@@ -4254,6 +4263,8 @@
         priceWording: [{ type: i0.Input }],
         subtitle: [{ type: i0.Input }],
         btnLabel: [{ type: i0.Input }],
+        disabled: [{ type: i0.Input }],
+        btnTextcolor: [{ type: i0.Input }],
         click: [{ type: i0.Output }]
     };