@wizishop/angular-components 0.0.248 → 0.0.251

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

@@ -3579,6 +3579,7 @@
             this.visibleChange = new i0.EventEmitter();
             this.response = new i0.EventEmitter();
             this.background = true;
+            this.closeOnBackgroundClick = true;
             this.firstOpen = true;
         }
         PopinComponent.prototype.ngOnInit = function () {
@@ -3592,7 +3593,11 @@
             this.response.emit(false);
             this.closePopin();
         };
-        PopinComponent.prototype.closePopin = function () {
+        PopinComponent.prototype.closePopin = function (clickOnBackground) {
+            if (clickOnBackground === void 0) { clickOnBackground = false; }
+            if (!this.closeOnBackgroundClick && clickOnBackground) {
+                return;
+            }
             if (!this.firstOpen) { //trick for auto-hide directive that close immediatly the pop-in
                 this.visible = false;
                 this.visibleChange.emit(this.visible);
@@ -3607,7 +3612,7 @@
     PopinComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-popin',
-                    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 *ngIf=\"imgSrc\" [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(true)\">\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 *ngIf=\"imgSrc\" [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 [
@@ -3624,7 +3629,8 @@
         visible: [{ type: i0.Input }],
         visibleChange: [{ type: i0.Output }],
         response: [{ type: i0.Output }],
-        background: [{ type: i0.Input }]
+        background: [{ type: i0.Input }],
+        closeOnBackgroundClick: [{ type: i0.Input }]
     };
 
     var FreePopinComponent = /** @class */ (function () {
@@ -4670,6 +4676,47 @@
         itemsChange: [{ type: i0.Output }]
     };
 
+    var ChargingBarComponent = /** @class */ (function () {
+        function ChargingBarComponent() {
+            this.value = 0;
+        }
+        ChargingBarComponent.prototype.ngOnInit = function () {
+        };
+        return ChargingBarComponent;
+    }());
+    ChargingBarComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'wac-charging-bar',
+                    template: "<div class=\"wac-charging-bar\">\n  <div class=\"wac-charging-bar__wrapLine\">\n    <div class=\"wac-charging-bar__wrapLine__line\">\n      <div class=\"wac-charging-bar__wrapLine__line__width\" [ngStyle]=\"{'max-width': value + '%'}\"></div>\n    </div>\n  </div>\n  <div class=\"wac-charging-bar__number\" [innerHTML]=\"value + '%'\"></div>\n</div>\n"
+                },] }
+    ];
+    ChargingBarComponent.ctorParameters = function () { return []; };
+    ChargingBarComponent.propDecorators = {
+        value: [{ type: i0.Input }]
+    };
+
+    var ExpandedPanelComponent = /** @class */ (function () {
+        function ExpandedPanelComponent() {
+            this.section = false;
+            this.open = false;
+        }
+        ExpandedPanelComponent.prototype.ngOnInit = function () {
+        };
+        return ExpandedPanelComponent;
+    }());
+    ExpandedPanelComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'wac-expanded-panel',
+                    template: "<div class=\"wac-expanded-panel\">\n  <div class=\"wac-expanded-panel__top\" (click)=\"open = !open\">\n    <div class=\"wac-expanded-panel__top__label\" [ngClass]=\"{'big': section}\" [innerHTML]=\"label\"></div>\n    <div class=\"wac-expanded-panel__top__icon\" [ngClass]=\"{'is-open': open, 'big': section}\">\n      <i class=\"fa-regular fa-angle-down\"></i>\n    </div>\n  </div>\n  <div class=\"wac-expanded-panel__bottom\" [ngClass]=\"{'is-open': open}\">\n    <ng-content></ng-content>\n  </div>\n</div>\n"
+                },] }
+    ];
+    ExpandedPanelComponent.ctorParameters = function () { return []; };
+    ExpandedPanelComponent.propDecorators = {
+        label: [{ type: i0.Input }],
+        section: [{ type: i0.Input }],
+        open: [{ type: i0.Input }]
+    };
+
     var components = [
         TagComponent,
         TabComponent,
@@ -4721,7 +4768,9 @@
         MosaicComponent,
         ContentWithButtonsComponent,
         WrapperMultipleBlockComponent,
-        DraganddropListComponent
+        DraganddropListComponent,
+        ChargingBarComponent,
+        ExpandedPanelComponent
     ];
     var exportsFromModule = [
         PaginationComponent,
@@ -4831,6 +4880,7 @@
     exports.ButtonComponent = ButtonComponent;
     exports.CalendarComponent = CalendarComponent;
     exports.CardPriceComponent = CardPriceComponent;
+    exports.ChargingBarComponent = ChargingBarComponent;
     exports.CheckBoxRow = CheckBoxRow;
     exports.CheckboxComponent = CheckboxComponent;
     exports.ConfirmDeleteComponent = ConfirmDeleteComponent;
@@ -4839,6 +4889,7 @@
     exports.DeleteComponent = DeleteComponent;
     exports.DraganddropListComponent = DraganddropListComponent;
     exports.DropdownComponent = DropdownComponent;
+    exports.ExpandedPanelComponent = ExpandedPanelComponent;
     exports.FiltersComponent = FiltersComponent;
     exports.FiltersTableService = FiltersTableService;
     exports.FormatObjectToRecursifTreePipe = FormatObjectToRecursifTreePipe;