@wizishop/angular-components 0.0.135 → 0.0.137

package/angular-components.scss

@@ -4351,6 +4351,10 @@ h1.wac-h1 {
     font-size: rem(22);
     line-height: rem(30);
   }
+  &.with-img {
+    display: flex;
+    align-items: center;
+  }
 }
 .wac-header-page {
   width: 100%;

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

@@ -2044,6 +2044,7 @@
 
     var H1Component = /** @class */ (function () {
         function H1Component() {
+            this.withImg = false;
         }
         H1Component.prototype.ngOnInit = function () { };
         return H1Component;
@@ -2051,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() {
@@ -2090,6 +2094,7 @@
 
     var HeaderPageComponent = /** @class */ (function () {
         function HeaderPageComponent() {
+            this.withImg = false;
         }
         HeaderPageComponent.prototype.ngOnInit = function () { };
         return HeaderPageComponent;
@@ -2097,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 () {