@wizishop/angular-components 0.0.106 → 0.0.109

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

@@ -368,15 +368,15 @@
         InputSearchComponent.prototype.registerOnTouched = function (fn) {
             this.onTouchedCallback = fn;
         };
-        InputSearchComponent.prototype.handleDebouncedKeyUp = function (event) {
-            this.changeDebounced.emit(event.target.value);
+        InputSearchComponent.prototype.handleDebouncedKeyUp = function () {
+            this.changeDebounced.emit(this.value);
         };
         return InputSearchComponent;
     }());
     InputSearchComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-input-search',
-                    template: "<div class=\"wac-field-input-search\" [ngClass]=\"smallPadding ? 'small-padding' : ''\">\n  <p class=\"control has-icons-left has-icons-right\">\n    <input\n      [placeholder]=\"placeholder\"\n      value=\"\"\n      class=\"input\"\n      type=\"text\"\n      [attr.id]=\"id\"\n      [(ngModel)]=\"value\"\n      debounceKeyUp\n      [debounceTime]=\"1000\"\n      (onEventChange)=\"handleDebouncedKeyUp($event)\"\n    />\n    <i class=\"icon fal fa-search\"></i>\n  </p>\n</div>\n",
+                    template: "<div class=\"wac-field-input-search\" [ngClass]=\"smallPadding ? 'small-padding' : ''\">\n  <p class=\"control has-icons-left has-icons-right\">\n    <input\n      [placeholder]=\"placeholder\"\n      value=\"\"\n      class=\"input\"\n      type=\"text\"\n      [attr.id]=\"id\"\n      [(ngModel)]=\"value\"\n      debounceKeyUp\n      [debounceTime]=\"1000\"\n      (onEventChange)=\"handleDebouncedKeyUp()\"\n    />\n    <i class=\"icon fal fa-search\"></i>\n  </p>\n</div>\n",
                     providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: InputSearchComponent, multi: true }]
                 },] }
     ];
@@ -865,8 +865,7 @@
     TagComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-tag',
-                    template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big }\">\n  {{ label }}\n  <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n",
-                    encapsulation: i0.ViewEncapsulation.None
+                    template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big }\">\n  {{ label }}\n  <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n"
                 },] }
     ];
     TagComponent.ctorParameters = function () { return []; };
@@ -3345,6 +3344,7 @@
             this.visibleChange = new i0.EventEmitter();
             this.response = new i0.EventEmitter();
             this.background = true;
+            this.zIndex = 9999;
             this.firstOpen = true;
         }
         FreePopinComponent.prototype.ngOnInit = function () {
@@ -3373,7 +3373,7 @@
     FreePopinComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-free-popin',
-                    template: "<div class=\"wac-free-popin\" *ngIf=\"visible\">\n\n\n    <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\n      <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\n        <i class=\"fas fa-times\"></i>\n      </a>\n      <div class=\"wac-free-popin__wrapper__content\">\n        <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n          <ng-content></ng-content>\n        </perfect-scrollbar>\n      </div>\n      <div class=\"wac-free-popin__wrapper__buttons\">\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n          <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" hasLoader=\"true\" (click)=\"validatePopin()\"></wac-button>\n        </div>\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n          <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" hasLoader=\"true\" (click)=\"refusePopin()\"></wac-button>\n        </div>\n      </div>\n    </div>\n  <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\n</div>\n"
+                    template: "<div class=\"wac-free-popin\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\n    <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\n      <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\n        <i class=\"fas fa-times\"></i>\n      </a>\n      <div class=\"wac-free-popin__wrapper__content\">\n        <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n          <ng-content></ng-content>\n        </perfect-scrollbar>\n      </div>\n      <div class=\"wac-free-popin__wrapper__buttons\">\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n          <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" hasLoader=\"true\" (click)=\"validatePopin()\"></wac-button>\n        </div>\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n          <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" hasLoader=\"true\" (click)=\"refusePopin()\"></wac-button>\n        </div>\n      </div>\n    </div>\n  <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\n</div>\n"
                 },] }
     ];
     FreePopinComponent.ctorParameters = function () { return [
@@ -3386,7 +3386,8 @@
         disableCloseOutside: [{ type: i0.Input }],
         visibleChange: [{ type: i0.Output }],
         response: [{ type: i0.Output }],
-        background: [{ type: i0.Input }]
+        background: [{ type: i0.Input }],
+        zIndex: [{ type: i0.Input }]
     };
 
     var BlockComponent = /** @class */ (function () {