@wizishop/angular-components 0.0.133 → 0.0.137

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

@@ -573,9 +573,11 @@
         ZindexToggleDirective.prototype.switchToggle = function () {
             if (this.isActived) {
                 this.renderer.addClass(this.currentElement.nativeElement.parentElement.parentNode, 'zindexToggle');
+                this.renderer.addClass(this.currentElement.nativeElement.parentElement.parentNode.parentNode, 'zindexToggle');
             }
             else {
                 this.renderer.removeClass(this.currentElement.nativeElement.parentElement.parentNode, 'zindexToggle');
+                this.renderer.removeClass(this.currentElement.nativeElement.parentElement.parentNode.parentNode, 'zindexToggle');
             }
         };
         ZindexToggleDirective.prototype.ngOnDestroy = function () {
@@ -687,6 +689,7 @@
             this.hasInput = false;
             this.inputPlaceholder = '';
             this.id = '';
+            this.whiteSpace = true;
             this.disabled = false;
         }
         CheckboxComponent.prototype.registerOnChange = function (fn) {
@@ -719,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', 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 +737,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 () {
@@ -2040,6 +2044,7 @@
 
     var H1Component = /** @class */ (function () {
         function H1Component() {
+            this.withImg = false;
         }
         H1Component.prototype.ngOnInit = function () { };
         return H1Component;
@@ -2047,10 +2052,13 @@
     H1Component.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-h1',
-                    template: "<h1 class=\"wac-h1\"><ng-content></ng-content></h1>\n"
+                    template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg}\"><ng-content></ng-content></h1>\n"
                 },] }
     ];
     H1Component.ctorParameters = function () { return []; };
+    H1Component.propDecorators = {
+        withImg: [{ type: i0.Input }]
+    };
 
     var H2Component = /** @class */ (function () {
         function H2Component() {
@@ -2086,6 +2094,7 @@
 
     var HeaderPageComponent = /** @class */ (function () {
         function HeaderPageComponent() {
+            this.withImg = false;
         }
         HeaderPageComponent.prototype.ngOnInit = function () { };
         return HeaderPageComponent;
@@ -2093,13 +2102,14 @@
     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        <!-- 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"
+                    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 [withImg]=\"withImg\">{{ 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 []; };
     HeaderPageComponent.propDecorators = {
         title: [{ type: i0.Input }],
-        linkBack: [{ type: i0.Input }]
+        linkBack: [{ type: i0.Input }],
+        withImg: [{ type: i0.Input }]
     };
 
     var InputComponent = /** @class */ (function () {