@wizishop/angular-components 0.0.116 → 0.0.119

package/angular-components.scss

@@ -6,9 +6,9 @@ $wac-background-color-disabled: #ecf0f1!default;
 $wac-table-background-color: #fafafa!default;
 $wac-bleu-color: #52aecd!default;
 $wac-red-color: #ff1800!default;
-$wac-border-color: #dee2ed!default;
-$wac-border-form: #dee2ed!default;
-$wac-border-light: #dee2ed!default;
+$wac-border-color: #cfd4e4!default;
+$wac-border-form: #cfd4e4!default;
+$wac-border-light: #cfd4e4!default;
 $wac-color-loader2: #a2c739!default;
 $wac-color-loader: #4baed0!default;
 $wac-color-text-grey: #6b7881!default;
@@ -25,8 +25,8 @@ $wac-header-color: #1e2e43!default;
 $wac-hover-btn-grey: #5263841a!default;
 $wac-info-box-shadow: #e5e5e5!default;
 $wac-input-active-color: #52aecd!default;
-$wac-input-border-search: #dee2ed!default;
-$wac-input-border: #dee2ed!default;
+$wac-input-border-search: #cfd4e4!default;
+$wac-input-border: #cfd4e4!default;
 $wac-input-radio-color-active-label: #1e2e43!default;
 $wac-input-radio-color-label: #6b7881!default;
 $wac-lightened-secondary: #d8d8d8!default;
@@ -57,7 +57,7 @@ $wac-second-color: #526384!default;
 $wac-secondary-color: #526384!default;
 $wac-secondary-text: #6c6c6c!default;
 $wac-p-alert-color-success: #11552e!default;
-$wac-textarea-border-color: #dee2ed!default;
+$wac-textarea-border-color: #cfd4e4!default;
 $wac-warning-color: #f5b226!default;
 $wac-white: #ffffff!default;
 $wac-wizishop-blue-button-darken: #3596b7!default;
@@ -91,7 +91,7 @@ $wac-checkbox-shadow: #52aecd66!default;
 
 $wac-edit-in-place-border: #a8a8a8!default;
 $wac-edit-in-place-background: #ffffff!default;
-$wac-edit-in-place-before-border-bottom: #dee2ed!default;
+$wac-edit-in-place-before-border-bottom: #cfd4e4!default;
 
 $wac-free-popin-boxshadow: #2F35424D!default;
 
@@ -305,7 +305,22 @@ $wac-color-success-popup-alert: #6DCC95!default;
           background-color: $wac-wizishop-blue;
           color: $white;
         }
+
+        @include media('<1024px') {
+          display: none;
+        }
       }
+
+      &__button {
+        height: rem(40);
+        width: fit-content;
+        margin-left: auto;
+
+        @include media('>1024px') {
+          display: none;
+        }
+      }
+
     }
     &__content {
       width: 100%;
@@ -350,8 +365,7 @@ $wac-color-success-popup-alert: #6DCC95!default;
       }
     }
   }
-}
-.wac {
+}.wac {
   &-select-in-text {
     width: auto;
     position: relative;
@@ -2513,6 +2527,12 @@ $wac-color-success-popup-alert: #6DCC95!default;
     font-weight: 500 !important;
     margin-bottom: 0;
   }
+
+  textarea {
+    &.is-danger {
+      border-color: $wac-primary-button !important;
+    }
+  }
   textarea:focus {
     border-color: $wizishop-blue !important;
 

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

@@ -947,7 +947,7 @@
 
     var ButtonComponent = /** @class */ (function () {
         function ButtonComponent() {
-            this.extraClasses = 'is-info';
+            this.extraClasses = 'is-info'; // todo make a list of existing class
             this.label = '';
             this.icon = '';
             this.widthAuto = false;
@@ -957,6 +957,7 @@
             this.disabled = false;
             this.whiteSpaceNowrap = false;
             this.opacity = false;
+            // TODO MAKE ANNIMATION AVAILABLE FOR MOBILE as CONFIRM DELETE DO (because, its doeant show the text and trigger click)
             this.animation = false;
             this.animationRight = false;
             this.animationText = '';
@@ -2080,6 +2081,7 @@
 
     var SwitchComponent = /** @class */ (function () {
         function SwitchComponent() {
+            // todo add ngmodel and review texts display (textState is mandaoty in order to display textStateEnable and textStateDisable)
             this.value = false;
             this.textState = false;
             this.textStateEnable = '';
@@ -3809,7 +3811,7 @@
     SelectedListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-selected-list',
-                    template: "<div class=\"selected-list\">\n  <div class=\"selected-list__wrapper\">\n    <div class=\"selected-list__wrapper__head\">\n      <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n      <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n        <span *ngIf=\"textSelectAll && !areAllOptionsSelected\" [innerHTML]=\"textSelectAll\" (click)=\"onSelectAll()\"></span>\n        <span *ngIf=\"textUnSelectAll && areAllOptionsSelected\" [innerHTML]=\"textUnSelectAll\" (click)=\"onUnSelectAll()\"></span>\n      </ng-container>\n\n    </div>\n    <div class=\"selected-list__wrapper__content\">\n      <div class=\"selected-list__wrapper__content__item\" *ngFor=\"let item of options;let i = index;\" [ngClass]=\"{'active': item.checked}\" (click)=\"onSelectItem(i)\">\n        <span [innerHTML]=\"item.label\"></span>\n        <i class=\"fas fa-check\"></i>\n      </div>\n    </div>\n  </div>\n</div>\n"
+                    template: "<div class=\"selected-list\">\n  <div class=\"selected-list__wrapper\">\n    <div class=\"selected-list__wrapper__head\">\n      <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n      <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n        <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n          <span [innerHTML]=\"textSelectAll\" (click)=\"onSelectAll()\"></span>\n          <div class=\"selected-list__wrapper__head__button\">\n            <wac-button\n              [extraClasses]=\"'is-grey'\"\n              [icon]=\"'fa-duotone fa-check-double'\"\n              (click)=\"onSelectAll()\"\n            >\n            </wac-button>\n          </div>\n\n        </ng-container>\n\n        <ng-container *ngIf=\"textUnSelectAll && areAllOptionsSelected\">\n          <span [innerHTML]=\"textUnSelectAll\" (click)=\"onUnSelectAll()\"></span>\n          <div class=\"selected-list__wrapper__head__button\">\n            <wac-button\n              [extraClasses]=\"'is-grey'\"\n              [icon]=\"'fa-duotone fa-check-double'\"\n              (click)=\"onUnSelectAll()\"\n            >\n            </wac-button>\n          </div>\n        </ng-container>\n\n      </ng-container>\n\n    </div>\n    <div class=\"selected-list__wrapper__content\">\n      <div class=\"selected-list__wrapper__content__item\" *ngFor=\"let item of options;let i = index;\" [ngClass]=\"{'active': item.checked}\" (click)=\"onSelectItem(i)\">\n        <span [innerHTML]=\"item.label\"></span>\n        <i class=\"fas fa-check\"></i>\n      </div>\n    </div>\n  </div>\n</div>\n"
                 },] }
     ];
     SelectedListComponent.propDecorators = {