@wizishop/angular-components 0.0.64 → 0.0.68

package/angular-components.scss

@@ -118,6 +118,14 @@ $wac-color-success-popup-alert: #6DCC95!default;
   width: rem(36);
   height: rem(36);
 }
+
+.wac-table__head__cell--checkbox .wac-field-checkbox.alone .is-checkradio[type=checkbox]:not(:checked) + label:before {
+  background-color: $wac-white;
+}
+
+.wac-table__head__cell--checkbox .wac-field-checkbox__row {
+  transform: translateX(5px);
+}
 .wac-radio {
   .is-checkradio[type='radio'] {
     outline: 0 !important;
@@ -2432,6 +2440,10 @@ $wac-color-success-popup-alert: #6DCC95!default;
       width: 100%;
       border-bottom: 1px solid $wac-textarea-border-color;
 
+      &:first-child:last-child {
+        border-bottom: none;
+      }
+
       &__cell {
         @include flexbox();
         @include flex(1);
@@ -2506,8 +2518,8 @@ $wac-color-success-popup-alert: #6DCC95!default;
   font-size: rem(14);
   line-height: rem(16);
   border-radius: rem(3);
-  padding: rem(8) rem(15);
-  font-weight: 500;
+  padding: rem(9);
+  font-weight: 600;
   transition: 0.3s ease;
 
   &.big {
@@ -5587,7 +5599,7 @@ a.wac-link {
 
     &__sublevel {
       position: absolute;
-      width: 160px;
+      min-width: 160px;
       top: 100%;
       right: 0;
       z-index: -1;
@@ -5601,6 +5613,7 @@ a.wac-link {
       &__container {
         padding: 10px 10px;
         border: 1px solid $wac-border-color;
+        border-radius: 3px;
 
         &__item {
           padding: 5.7px 10px;

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

@@ -3301,6 +3301,7 @@
         function FreePopinComponent(domService) {
             this.domService = domService;
             this.visible = false;
+            this.disableCloseOutside = false;
             this.visibleChange = new i0.EventEmitter();
             this.response = new i0.EventEmitter();
             this.background = true;
@@ -3318,13 +3319,16 @@
             this.closePopin();
         };
         FreePopinComponent.prototype.closePopin = function () {
+            console.log('ici');
             if (!this.firstOpen) {
                 this.visible = false;
                 this.visibleChange.emit(this.visible);
                 this.firstOpen = true;
+                console.log('ici2');
             }
             else {
                 this.firstOpen = false;
+                console.log('ici3');
             }
         };
         return FreePopinComponent;
@@ -3332,7 +3336,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)=\"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\">\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"
                 },] }
     ];
     FreePopinComponent.ctorParameters = function () { return [
@@ -3342,6 +3346,7 @@
         okButtonLabel: [{ type: i0.Input }],
         koButtonLabel: [{ type: i0.Input }],
         visible: [{ type: i0.Input }],
+        disableCloseOutside: [{ type: i0.Input }],
         visibleChange: [{ type: i0.Output }],
         response: [{ type: i0.Output }],
         background: [{ type: i0.Input }]
@@ -3686,7 +3691,9 @@
     var SelectedListComponent = /** @class */ (function () {
         function SelectedListComponent() {
             this.enableSelectAll = true;
-            this.selectedItems = new i0.EventEmitter();
+            this.selectedItemsIndex = new i0.EventEmitter();
+            this.selectedItemsAll = new i0.EventEmitter();
+            this.unSelectedItemsAll = new i0.EventEmitter();
             this.selectedOptionIndex = [];
             this.switchSelectAll = false;
         }
@@ -3706,7 +3713,7 @@
                 _this.selectedOptionIndex.push(i);
             });
             this.switchSelectAll = true;
-            this.selectedItems.emit(this.selectedOptionIndex);
+            this.selectedItemsAll.emit(this.selectedOptionIndex);
         };
         SelectedListComponent.prototype.checkSelectedItem = function () {
             var _this = this;
@@ -3724,12 +3731,12 @@
                 _this.options[i].checked = false;
             });
             this.switchSelectAll = false;
-            this.selectedItems.emit(this.selectedOptionIndex);
+            this.unSelectedItemsAll.emit(this.selectedOptionIndex);
         };
         SelectedListComponent.prototype.selectItem = function (i) {
             this.options[i].checked = !this.options[i].checked;
             this.checkSelectedItem();
-            this.selectedItems.emit(this.selectedOptionIndex);
+            this.selectedItemsIndex.emit(i);
         };
         return SelectedListComponent;
     }());
@@ -3745,7 +3752,9 @@
         textSelectAll: [{ type: i0.Input }],
         textUnSelectAll: [{ type: i0.Input }],
         enableSelectAll: [{ type: i0.Input }],
-        selectedItems: [{ type: i0.Output }]
+        selectedItemsIndex: [{ type: i0.Output }],
+        selectedItemsAll: [{ type: i0.Output }],
+        unSelectedItemsAll: [{ type: i0.Output }]
     };
 
     var components = [