@wizishop/angular-components 0.0.131 → 0.0.134

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

@@ -338,7 +338,7 @@
     var InputSearchComponent = /** @class */ (function () {
         function InputSearchComponent() {
             this.placeholder = '';
-            this.smallPadding = false;
+            this.smallPadding = false; // todo Try to be more flexible like changing type : export type PaddingConfig = "default" | "small" | "big" | "no-padding";
             this.innerValue = '';
             this.changeDebounced = new i0.EventEmitter(); // debounced
             this.onTouchedCallback = function () { };
@@ -687,6 +687,7 @@
             this.hasInput = false;
             this.inputPlaceholder = '';
             this.id = '';
+            this.whiteSpace = true;
             this.disabled = false;
         }
         CheckboxComponent.prototype.registerOnChange = function (fn) {
@@ -719,7 +720,7 @@
     CheckboxComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-checkbox',
-                    template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', 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>{{ 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 }\">\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",
                     providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }],
                     animations: [inOutY]
                 },] }
@@ -734,7 +735,8 @@
         hasInput: [{ type: i0.Input }],
         inputPlaceholder: [{ type: i0.Input }],
         id: [{ type: i0.Input }],
-        name: [{ type: i0.Input }]
+        name: [{ type: i0.Input }],
+        whiteSpace: [{ type: i0.Input }]
     };
 
     var FiltersTableService = /** @class */ (function () {
@@ -2093,7 +2095,7 @@
     HeaderPageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-header-page',
-                    template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\">\n      <div class=\"wac-header-page__maxWidth__top__left\">\n        <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n        <wac-h1>{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n"
+                    template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\">\n      <div class=\"wac-header-page__maxWidth__top__left\">\n        <!-- TODO Hard to use when only want a button and not a router link -->\n        <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n        <wac-h1>{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n"
                 },] }
     ];
     HeaderPageComponent.ctorParameters = function () { return []; };
@@ -3186,7 +3188,8 @@
             var _this = this;
             this.openCategories = true;
             setTimeout(function () {
-                _this.searchElement.nativeElement.focus();
+                var _a;
+                (_a = _this.searchElement.nativeElement) === null || _a === void 0 ? void 0 : _a.focus();
             }, 0);
         };
         SelectComponent.prototype.unselectAll = function () {