@wizishop/angular-components 0.0.134 → 0.0.139

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 () {
@@ -2042,6 +2044,7 @@
 
     var H1Component = /** @class */ (function () {
         function H1Component() {
+            this.withImg = false;
         }
         H1Component.prototype.ngOnInit = function () { };
         return H1Component;
@@ -2049,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() {
@@ -2088,6 +2094,7 @@
 
     var HeaderPageComponent = /** @class */ (function () {
         function HeaderPageComponent() {
+            this.withImg = false;
         }
         HeaderPageComponent.prototype.ngOnInit = function () { };
         return HeaderPageComponent;
@@ -2095,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 () {
@@ -2366,6 +2374,7 @@
             this.textStateDisable = '';
             this.showInput = false;
             this.danger = false;
+            this.whiteSpace = false;
             this.switchChange = new i0.EventEmitter(); // todo set emitted type
             this.changeInput = new i0.EventEmitter(); // todo set emitted type
         }
@@ -2383,7 +2392,7 @@
     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 *ngIf=\"textState\"\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 }\"/>\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"
                 },] }
     ];
     SwitchComponent.ctorParameters = function () { return []; };
@@ -2395,6 +2404,7 @@
         showInput: [{ type: i0.Input }],
         placholderInput: [{ type: i0.Input }],
         danger: [{ type: i0.Input }],
+        whiteSpace: [{ type: i0.Input }],
         switchChange: [{ type: i0.Output }],
         changeInput: [{ type: i0.Output }]
     };