@wizishop/angular-components 0.0.107 → 0.0.110

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;

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,17 @@
             this.buttonWidthDelete = '0px';
             this.currentLoading = 0;
         }
+        Object.defineProperty(ButtonComponent.prototype, "isLoading", {
+            get: function () {
+                return this._isLoading;
+            },
+            set: function (value) {
+                this._isLoading = value;
+                this.isLoadingChange.next(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
         ButtonComponent.prototype.ngOnInit = function () {
             if (this.confirmDelete) {
                 this.waitForConfirmDelete = true;
@@ -1030,6 +1042,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',] }]
     };
@@ -3344,6 +3358,7 @@
             this.visibleChange = new i0.EventEmitter();
             this.response = new i0.EventEmitter();
             this.background = true;
+            this.zIndex = 9999;
             this.firstOpen = true;
         }
         FreePopinComponent.prototype.ngOnInit = function () {
@@ -3372,7 +3387,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 [
@@ -3385,7 +3400,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 () {