@wizishop/angular-components 0.0.108 → 0.0.111

package/angular-components.scss

@@ -2489,7 +2489,6 @@ $wac-color-success-popup-alert: #6DCC95!default;
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 9999;
 
   &__wrapper {
     background-color: white;
@@ -3612,6 +3611,7 @@ a.wac-link {
   position: fixed;
   top: 0;
   left: 0;
+  z-index: 9999;
 
   &__wrapper {
     background-color: white;

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

@@ -927,7 +927,8 @@
             this.confirmDeleteText = '';
             this.confirmDeletePosition = 'right';
             this.click = new i0.EventEmitter();
-            this.isLoading = false;
+            this.isLoadingChange = new i0.EventEmitter();
+            this._isLoading = false;
             this.interval = null;
             this.waitForConfirmDelete = false;
             this.buttonMaxWidth = '0px';
@@ -936,6 +937,20 @@
             this.buttonWidthDelete = '0px';
             this.currentLoading = 0;
         }
+        Object.defineProperty(ButtonComponent.prototype, "isLoading", {
+            get: function () {
+                return this._isLoading;
+            },
+            set: function (isLoading) {
+                if (isLoading) {
+                    this.launchLoading();
+                }
+                this._isLoading = isLoading;
+                this.isLoadingChange.next(isLoading);
+            },
+            enumerable: false,
+            configurable: true
+        });
         ButtonComponent.prototype.ngOnInit = function () {
             if (this.confirmDelete) {
                 this.waitForConfirmDelete = true;
@@ -976,20 +991,21 @@
         };
         ButtonComponent.prototype.onButtonClick = function (event) {
             event.stopPropagation();
-            if (!this.disabled) {
-                if (this.hasLoader) {
-                    this.launchLoading();
-                }
-                if (!this.waitForConfirmDelete) {
-                    this.click.emit(event);
-                    if (this.confirmDelete) {
-                        this.resetMaxWidthDelete();
-                    }
-                }
-                else {
-                    this.waitForConfirmDelete = false;
+            if (this.disabled) {
+                return;
+            }
+            if (this.hasLoader) {
+                this.launchLoading();
+            }
+            if (!this.waitForConfirmDelete) {
+                this.click.emit(event);
+                if (this.confirmDelete) {
+                    this.resetMaxWidthDelete();
                 }
             }
+            else {
+                this.waitForConfirmDelete = false;
+            }
         };
         ButtonComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
@@ -1030,6 +1046,8 @@
         confirmDeleteText: [{ type: i0.Input }],
         confirmDeletePosition: [{ type: i0.Input }],
         click: [{ type: i0.Output }],
+        isLoading: [{ type: i0.Input }],
+        isLoadingChange: [{ type: i0.Output }],
         calculWidth: [{ type: i0.ViewChild, args: ['calculWidth',] }],
         calculWidthDelete: [{ type: i0.ViewChild, args: ['calculWidthDelete',] }]
     };
@@ -3288,7 +3306,6 @@
             this.visibleChange = new i0.EventEmitter();
             this.response = new i0.EventEmitter();
             this.background = true;
-            this.zIndex = 9999;
             this.firstOpen = true;
         }
         PopinComponent.prototype.ngOnInit = function () {
@@ -3317,7 +3334,7 @@
     PopinComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-popin',
-                    template: "<div class=\"wac-free\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\n  <div class=\"wac-free__wrapper\" wzAutoHide (clickOutside)=\"closePopin()\">\n    <a class=\"wac-free__wrapper__button-close\" (click)=\"closePopin()\">\n      <i class=\"fas fa-times\"></i>\n    </a>\n    <div class=\"wac-free__wrapper__content\">\n      <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n        <img [src]=\"imgSrc\" alt=\"barre admin\" />\n\n        <h2 class=\"wac-popin__wrapper__title\" [innerHTML]=\"title\"></h2>\n\n        <p class=\"wac-popin__wrapper__text\" [innerHTML]=\"content\"></p>\n      </perfect-scrollbar>\n    </div>\n    <div class=\"wac-free__wrapper__buttons\">\n      <div class=\"wac-free__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__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__background\" *ngIf=\"background\"></div>\n</div>\n"
+                    template: "<div class=\"wac-free\" *ngIf=\"visible\">\n  <div class=\"wac-free__wrapper\" wzAutoHide (clickOutside)=\"closePopin()\">\n    <a class=\"wac-free__wrapper__button-close\" (click)=\"closePopin()\">\n      <i class=\"fas fa-times\"></i>\n    </a>\n    <div class=\"wac-free__wrapper__content\">\n      <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n        <img [src]=\"imgSrc\" alt=\"barre admin\" />\n\n        <h2 class=\"wac-popin__wrapper__title\" [innerHTML]=\"title\"></h2>\n\n        <p class=\"wac-popin__wrapper__text\" [innerHTML]=\"content\"></p>\n      </perfect-scrollbar>\n    </div>\n    <div class=\"wac-free__wrapper__buttons\">\n      <div class=\"wac-free__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__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__background\" *ngIf=\"background\"></div>\n</div>\n"
                 },] }
     ];
     PopinComponent.ctorParameters = function () { return [
@@ -3334,8 +3351,7 @@
         visible: [{ type: i0.Input }],
         visibleChange: [{ type: i0.Output }],
         response: [{ type: i0.Output }],
-        background: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }]
+        background: [{ type: i0.Input }]
     };
 
     var FreePopinComponent = /** @class */ (function () {
@@ -3346,6 +3362,7 @@
             this.visibleChange = new i0.EventEmitter();
             this.response = new i0.EventEmitter();
             this.background = true;
+            this.zIndex = 9999;
             this.firstOpen = true;
         }
         FreePopinComponent.prototype.ngOnInit = function () {
@@ -3374,7 +3391,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 [
@@ -3387,7 +3404,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 () {