@wizishop/angular-components 0.0.239 → 0.0.241

package/angular-components.scss

@@ -3251,6 +3251,28 @@ $wac-subtitle-color: #7A87A1!default;
   }
 }
 .wac-text-area {
+
+  ::-webkit-input-placeholder {
+    /* Chrome/Opera/Safari */
+    color: $wac-placeholder-color !important;
+    opacity: 1;
+  }
+  ::-moz-placeholder {
+    /* Firefox 19+ */
+    color: $wac-placeholder-color !important;
+    opacity: 1;
+  }
+  :-ms-input-placeholder {
+    /* IE 10+ */
+    color: $wac-placeholder-color !important;
+    opacity: 1;
+  }
+  :-moz-placeholder {
+    /* Firefox 18- */
+    color: $wac-placeholder-color !important;
+    opacity: 1;
+  }
+
   label {
     padding: 0!important;
     font-size: rem(14)!important;
@@ -4982,6 +5004,60 @@ span.wac-tooltip {
     }
   }
 
+  &.is-green {
+    .wac-button__tooltips {
+      background-color: $wac-green-color-darken!important;
+      color: $wac-white!important;
+      &.right {
+        &:before {
+          border-color: transparent $wac-green-color-darken transparent transparent;
+        }
+      }
+
+      &.left {
+        &:before {
+          border-color: transparent transparent transparent $wac-green-color-darken;
+        }
+      }
+
+      &.top-center {
+        &:before {
+          border-color: $wac-green-color-darken transparent transparent transparent;
+        }
+      }
+
+      &.top-right {
+        &:before {
+          border-color: $wac-green-color-darken transparent transparent transparent;
+        }
+      }
+
+      &.top-left {
+        &:before {
+          border-color: $wac-green-color-darken transparent transparent transparent;
+        }
+      }
+
+      &.bottom-center {
+        &:before {
+          border-color: transparent transparent $wac-green-color-darken transparent;
+        }
+      }
+
+      &.bottom-right {
+        &:before {
+          border-color: transparent transparent $wac-green-color-darken transparent;
+        }
+      }
+
+      &.bottom-left {
+        &:before {
+          border-color: transparent transparent $wac-green-color-darken transparent;
+        }
+      }
+    }
+  }
+
   &.is-success {
     background-color: $wac-green-color;
     border-color: $wac-green-color;
@@ -6895,6 +6971,26 @@ div.wac-field-input-search {
   }
 }
 .wac-input {
+  ::-webkit-input-placeholder {
+    /* Chrome/Opera/Safari */
+    color: $wac-placeholder-color !important;
+    opacity: 1;
+  }
+  ::-moz-placeholder {
+    /* Firefox 19+ */
+    color: $wac-placeholder-color !important;
+    opacity: 1;
+  }
+  :-ms-input-placeholder {
+    /* IE 10+ */
+    color: $wac-placeholder-color !important;
+    opacity: 1;
+  }
+  :-moz-placeholder {
+    /* Firefox 18- */
+    color: $wac-placeholder-color !important;
+    opacity: 1;
+  }
   .field-label {
     margin-bottom: 0!important;
     &.is-normal {
@@ -6943,26 +7039,6 @@ div.wac-field-input-search {
         background-color: transparent;
       }
     }
-    ::-webkit-input-placeholder {
-      /* Chrome/Opera/Safari */
-      color: $wac-placeholder-color !important;
-      opacity: 1;
-    }
-    ::-moz-placeholder {
-      /* Firefox 19+ */
-      color: $wac-placeholder-color !important;
-      opacity: 1;
-    }
-    :-ms-input-placeholder {
-      /* IE 10+ */
-      color: $wac-placeholder-color !important;
-      opacity: 1;
-    }
-    :-moz-placeholder {
-      /* Firefox 18- */
-      color: $wac-placeholder-color !important;
-      opacity: 1;
-    }
   }
 
   label {

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

@@ -2398,36 +2398,66 @@
     };
 
     var SwitchComponent = /** @class */ (function () {
-        function SwitchComponent() {
-            // todo add ngmodel and review texts display (textState is mandaoty in order to display textStateEnable and textStateDisable)
+        function SwitchComponent(changeDetectorRef) {
+            this.changeDetectorRef = changeDetectorRef;
+            // todo add ngmodel and review texts display (textState is mandatory in order to display textStateEnable and textStateDisable)
             this.value = false;
             this.textState = false;
             this.textStateEnable = '';
             this.textStateDisable = '';
-            this.showInput = false;
+            this.showInput = false; // todo should not be handle here, but in another component
             this.danger = false;
             this.whiteSpace = false;
             this.switchChange = new i0.EventEmitter(); // todo set emitted type
-            this.changeInput = new i0.EventEmitter(); // todo set emitted type
+            this.changeInput = new i0.EventEmitter(); // todo set emitted type, should be removed
+            this.onChange = function (value) { };
+            this.onTouched = function () { };
         }
         SwitchComponent.prototype.ngOnInit = function () {
             this.id = 'switch-' + Math.floor(Math.random() * Math.floor(1000));
         };
         SwitchComponent.prototype.changeValue = function (event) {
-            this.switchChange.emit(event.target.checked);
+            if (this.disabled) {
+                return;
+            }
+            this.value = event.target.checked;
+            this.switchChange.emit(this.value);
+            this.onChange(this.value);
         };
         SwitchComponent.prototype.triggerInput = function () {
             this.changeInput.emit(this.valueInput);
         };
+        SwitchComponent.prototype.writeValue = function (value) {
+            this.value = value;
+        };
+        SwitchComponent.prototype.registerOnChange = function (onChange) {
+            this.onChange = onChange;
+        };
+        SwitchComponent.prototype.onBlur = function () {
+            this.onTouched();
+        };
+        SwitchComponent.prototype.registerOnTouched = function (onTouched) {
+            this.onTouched = onTouched;
+        };
+        SwitchComponent.prototype.setDisabledState = function (disabled) {
+            this.disabled = disabled;
+            this.changeDetectorRef.markForCheck();
+        };
         return SwitchComponent;
     }());
     SwitchComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-switch',
-                    template: "<div class=\"wac-switch\">\n  <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\"/>\n  <label [for]=\"id\" class=\"wac-switch__label\">\n    <span class=\"wac-switch__label__text\"\n      ><ng-content></ng-content\n      ><span\n        *ngIf=\"textState\"\n        [ngStyle]=\"{'whiteSpace': whiteSpace ? 'nowrap' :'normal'}\"\n        >{{ textState }} <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n        <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong></span\n      ></span\n    >\n  </label>\n</div>\n<div class=\"wac-show-input\" *ngIf=\"showInput && value\">\n  <input [placeholder]=\"placholderInput\" type=\"text\" [(ngModel)]=\"valueInput\" (blur)=\"triggerInput()\" />\n</div>\n"
+                    template: "<div class=\"wac-switch\">\n  <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\n  <label [for]=\"id\" class=\"wac-switch__label\">\n    <span class=\"wac-switch__label__text\"\n      ><ng-content></ng-content\n      ><span\n        *ngIf=\"textState\"\n        [ngStyle]=\"{'whiteSpace': whiteSpace ? 'nowrap' :'normal'}\"\n        >{{ textState }} <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n        <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong></span\n      ></span\n    >\n  </label>\n</div>\n<div class=\"wac-show-input\" *ngIf=\"showInput && value\">\n  <input [placeholder]=\"placholderInput\" type=\"text\" [(ngModel)]=\"valueInput\" (blur)=\"triggerInput()\" />\n</div>\n",
+                    providers: [
+                        { provide: forms.NG_VALUE_ACCESSOR, useExisting: SwitchComponent, multi: true },
+                    ],
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
     ];
-    SwitchComponent.ctorParameters = function () { return []; };
+    SwitchComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef }
+    ]; };
     SwitchComponent.propDecorators = {
         value: [{ type: i0.Input }],
         textState: [{ type: i0.Input }],