@wizishop/angular-components 0.0.254 → 0.0.256

package/angular-components.scss

@@ -460,120 +460,120 @@ $wac-charging-bar-background: #E1E6EA!default;
     }
   }
 }
-.wac-block {
-  background-color: $white;
-  @include padding(rem(30));
-  box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
-  @include simple_transition();
-  height: 100%;
-  border-radius: 3px;
-
-  @include media('<tablet') {
-    @include padding(rem(20));
-  }
-
-  &.no-padding {
-    padding: 0;
-  }
-
-  &.border-radius {
-    border-radius: 5px;
-  }
-
-  &.sticky {
-    position: sticky;
-    top: 20px;
-  }
-
-  &.noFullHeight {
-    height: auto;
-  }
-
-  &.stretch {
-    display: flex;
-    flex-wrap: wrap;
-    .wac-block__content {
-      display: flex;
-    }
-  }
-
-  /*************************/
-  /* Titre INTERNE au bloc */
-  /*************************/
-  &__title {
-    text-transform: none;
-    font-size: rem(16);
-    font-weight: 500;
-    margin-bottom: rem(20);
-    color: $wac-main-text;
-
-    &.no-uppercase {
-      text-transform: none;
-    }
-
-    &.is-simple {
-      text-transform: none;
-      font-weight: 500;
-    }
-    i {
-      font-size: 16px;
-      margin: 0 0 0 8px;
-      &.success {
-        color: $wac-green-color;
-      }
-      &.warning {
-        color: $wac-orange-color;
-      }
-      &.danger {
-        color: $wac-primary-button;
-      }
-    }
-  }
-
-  &:hover {
-    box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
-  }
-
-  /*************************/
-  /* Titre EXTERNE au bloc */
-  /*************************/
-  &__external {
-    padding: 0;
-    background: transparent;
-    box-shadow: none;
-    height: calc(100% - 60px);
-    transition: none;
-
-    .wac-block__title {
-      font-size: 1.875rem;
-      margin-bottom: 1.5rem;
-      margin-left: 10px;
-      line-height: 1.5625rem;
-      margin-top: 0.625rem;
-      font-weight: 400;
-      color: $wac-block-color;
-      &.is-simple {
-        text-transform: none;
-        font-weight: 500;
-      }
-    }
-
-    .wac-block__content {
-      background-color: $wac-block-color-background;
-      padding: 1.875rem;
-      box-shadow: 0 0.125rem 0.3125rem rgba(45, 62, 85, 0.1);
-      transition: none;
-      height: 100%;
-      &:hover {
-        box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
-      }
-    }
-
-    &:hover {
-      box-shadow: none;
-    }
-  }
-}
+.wac-block {
+  background-color: $white;
+  @include padding(rem(30));
+  box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
+  @include simple_transition();
+  height: 100%;
+  border-radius: 3px;
+
+  @include media('<tablet') {
+    @include padding(rem(20));
+  }
+
+  &.no-padding {
+    padding: 0;
+  }
+
+  &.border-radius {
+    border-radius: 5px;
+  }
+
+  &.sticky {
+    position: sticky;
+    top: 20px;
+  }
+
+  &.noFullHeight {
+    height: auto;
+  }
+
+  &.stretch {
+    display: flex;
+    flex-wrap: wrap;
+    .wac-block__content {
+      display: flex;
+    }
+  }
+
+  /*************************/
+  /* Titre INTERNE au bloc */
+  /*************************/
+  &__title {
+    text-transform: none;
+    font-size: rem(16);
+    font-weight: 500;
+    margin-bottom: rem(20);
+    color: $wac-main-text;
+
+    &.no-uppercase {
+      text-transform: none;
+    }
+
+    &.is-simple {
+      text-transform: none;
+      font-weight: 500;
+    }
+    i {
+      font-size: 16px;
+      margin: 0 0 0 8px;
+      &.success {
+        color: $wac-green-color;
+      }
+      &.warning {
+        color: $wac-orange-color;
+      }
+      &.danger {
+        color: $wac-primary-button;
+      }
+    }
+  }
+
+  &:hover {
+    box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
+  }
+
+  /*************************/
+  /* Titre EXTERNE au bloc */
+  /*************************/
+  &__external {
+    padding: 0;
+    background: transparent;
+    box-shadow: none;
+    height: calc(100% - 60px);
+    transition: none;
+
+    .wac-block__title {
+      font-size: 1.875rem;
+      margin-bottom: 1.5rem;
+      margin-left: 10px;
+      line-height: 1.5625rem;
+      margin-top: 0.625rem;
+      font-weight: 400;
+      color: $wac-block-color;
+      &.is-simple {
+        text-transform: none;
+        font-weight: 500;
+      }
+    }
+
+    .wac-block__content {
+      background-color: $wac-block-color-background;
+      padding: 1.875rem;
+      box-shadow: 0 0.125rem 0.3125rem rgba(45, 62, 85, 0.1);
+      transition: none;
+      height: 100%;
+      &:hover {
+        box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
+      }
+    }
+
+    &:hover {
+      box-shadow: none;
+    }
+  }
+}
 .block-with-checkbox {
   width: 100%;
   display: flex;
@@ -3990,38 +3990,38 @@ $wac-charging-bar-background: #E1E6EA!default;
     }
   }
 }
-.wac-label {
-  @include flexbox();
-  background-color: $wac-gray-background;
-  border-radius: 3px;
-  border: 1px solid $wac-gray-background;
-  transition: border-color 0.3s ease-in-out;
-
-  &__wrapper {
-    padding: 7.5px 13px;
-    font-size: 14px;
-    line-height: 16px;
-    color: $wac-second-color;
-
-    i {
-      margin-left: 10px;
-      font-size: 12px;
-      line-height: 23px;
-      color: $wac-border-form;
-      transition: color 0.3s ease-in-out;
-    }
-  }
-
-  &:hover {
-    border-color: $wac-input-border;
-    transition: border-color 0.3s ease-in-out;
-
-    .wac-label__wrapper i {
-      color: $wac-second-color;
-      transition: color 0.3s ease-in-out;
-    }
-  }
-}
+.wac-label {
+  @include flexbox();
+  background-color: $wac-gray-background;
+  border-radius: 3px;
+  border: 1px solid $wac-gray-background;
+  transition: border-color 0.3s ease-in-out;
+
+  &__wrapper {
+    padding: 7.5px 13px;
+    font-size: 14px;
+    line-height: 16px;
+    color: $wac-second-color;
+
+    i {
+      margin-left: 10px;
+      font-size: 12px;
+      line-height: 23px;
+      color: $wac-border-form;
+      transition: color 0.3s ease-in-out;
+    }
+  }
+
+  &:hover {
+    border-color: $wac-input-border;
+    transition: border-color 0.3s ease-in-out;
+
+    .wac-label__wrapper i {
+      color: $wac-second-color;
+      transition: color 0.3s ease-in-out;
+    }
+  }
+}
 a.wac-link {
   position: relative;
   color: $wac-link-color;
@@ -5818,7 +5818,7 @@ a.wac-link {
         align-items: center;
         white-space: nowrap;
         strong {
-          margin: 0 0 0 5px;
+          margin: 0 5px 0 5px;
           font-weight: 600;
         }
       }

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

@@ -722,7 +722,7 @@
     CheckboxComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-checkbox',
-                    template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', 'disable-wt' : !whiteSpace, alone: alone }\">\n  <div class=\"wac-field-checkbox__row\">\n    <input\n      type=\"checkbox\"\n      [id]=\"id\"\n      class=\"is-checkradio\"\n      [name]=\"name\"\n      [value]=\"value\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"value\"\n      [checked]=\"checked\"\n      (ngModelChange)=\"onChange($event)\"\n    />\n    <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n  </div>\n  <input\n    *ngIf=\"hasInput && checked\"\n    [@inOutYAnimation]\n    type=\"text\"\n    [placeholder]=\"inputPlaceholder\"\n    (click)=\"inputClick($event)\"\n  />\n</div>\n",
+                    template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', 'disable-wt' : !whiteSpace, alone: alone }\">\r\n  <div class=\"wac-field-checkbox__row\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [id]=\"id\"\r\n      class=\"is-checkradio\"\r\n      [name]=\"name\"\r\n      [value]=\"value\"\r\n      [disabled]=\"disabled\"\r\n      [(ngModel)]=\"value\"\r\n      [checked]=\"checked\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n    />\r\n    <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\r\n  </div>\r\n  <input\r\n    *ngIf=\"hasInput && checked\"\r\n    [@inOutYAnimation]\r\n    type=\"text\"\r\n    [placeholder]=\"inputPlaceholder\"\r\n    (click)=\"inputClick($event)\"\r\n  />\r\n</div>\r\n",
                     providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }],
                     animations: [inOutY]
                 },] }
@@ -1598,7 +1598,7 @@
     LabelComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-label',
-                    template: "<div *ngIf=\"!deleted\" [@inOutXAnimation] class=\"wac-label\">\n  <div class=\"wac-label__wrapper\">\n    {{ label }}\n    <i class=\"far fa-times\" (click)=\"deleteLabel()\"></i>\n  </div>\n</div>\n",
+                    template: "<div *ngIf=\"!deleted\" [@inOutXAnimation] class=\"wac-label\">\r\n  <div class=\"wac-label__wrapper\">\r\n    {{ label }}\r\n    <i class=\"far fa-times\" (click)=\"deleteLabel()\"></i>\r\n  </div>\r\n</div>\r\n",
                     encapsulation: i0.ViewEncapsulation.None,
                     animations: [inOutX]
                 },] }
@@ -3672,7 +3672,7 @@
     FreePopinComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-free-popin',
-                    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"
+                    template: "<div class=\"wac-free-popin\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\r\n    <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\r\n      <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\r\n        <i class=\"fas fa-times\"></i>\r\n      </a>\r\n      <div class=\"wac-free-popin__wrapper__content\">\r\n        <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\r\n          <ng-content></ng-content>\r\n        </perfect-scrollbar>\r\n      </div>\r\n      <div class=\"wac-free-popin__wrapper__buttons\">\r\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\r\n          <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" hasLoader=\"true\" (click)=\"validatePopin()\"></wac-button>\r\n        </div>\r\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\r\n          <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" hasLoader=\"true\" (click)=\"refusePopin()\"></wac-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\r\n</div>\r\n"
                 },] }
     ];
     FreePopinComponent.ctorParameters = function () { return [
@@ -3707,7 +3707,7 @@
     BlockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-block',
-                    template: "<div\n  class=\"wac-block\"\n  [ngClass]=\"{ 'wac-block__external': titleExternalBlock, sticky: sticky, noFullHeight: noFullHeight, 'stretch': stretchHeight, 'border-radius': borderRadius, 'no-padding' : removePadding }\"\n>\n  <h2 *ngIf=\"titleBlock.length\" class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple, 'no-uppercase': !titleUppercase }\">\n    {{ titleBlock }} <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n  </h2>\n  <div class=\"wac-block__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n"
+                    template: "<div\r\n  class=\"wac-block\"\r\n  [ngClass]=\"{ 'wac-block__external': titleExternalBlock, sticky: sticky, noFullHeight: noFullHeight, 'stretch': stretchHeight, 'border-radius': borderRadius, 'no-padding' : removePadding }\"\r\n>\r\n  <h2 *ngIf=\"titleBlock.length\" class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple, 'no-uppercase': !titleUppercase }\">\r\n    {{ titleBlock }} <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\r\n  </h2>\r\n  <div class=\"wac-block__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n"
                 },] }
     ];
     BlockComponent.ctorParameters = function () { return []; };