@wizishop/angular-components 0.0.135 → 0.0.140

package/fesm2015/wizishop-angular-components.js

@@ -11,6 +11,7 @@ import { trigger, transition, style, animate, state } from '@angular/animations'
 import { TagInputModule } from 'ngx-chips';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { RouterModule } from '@angular/router';
+import { AutosizeModule } from 'ngx-autosize';
 
 class LoaderComponent {
     constructor() {
@@ -1604,6 +1605,7 @@ class TextAreaComponent {
         this.size = null;
         this.min = null;
         this.max = null;
+        this.dynamicSize = false;
         this.progressBar = false;
         this.disabled = false;
         this.id = 'wac-textarea__' +
@@ -1638,7 +1640,7 @@ class TextAreaComponent {
 TextAreaComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wac-text-area',
-                template: "<div class=\"field wac-text-area\">\n  <div class=\"field-label is-normal has-text-left\">\n    <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <p class=\"control\" [ngClass]=\"{ 'has-icons-right': textError }\">\n        <textarea\n          class=\"textarea\"\n          [id]=\"id\"\n          [ngClass]=\"{ 'is-danger': textError, 'has-help-text': textInfo != '' || size }\"\n          [placeholder]=\"placeholder\"\n          [attr.size]=\"size\"\n          [(ngModel)]=\"value\"\n          (ngModelChange)=\"onChange($event)\"\n          (blur)=\"onBlur()\"\n          [disabled]=\"disabled\"\n        ></textarea>\n\n        <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n          <i class=\"fal fa-times has-text-danger\"></i>\n        </span>\n        <span\n          *ngIf=\"textInfo && (textError === null || textError === '')\"\n          class=\"is-size-7 wac-text-area__info text-info\"\n          [innerHtml]=\"textInfo\"\n        ></span>\n        <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n        <span\n          *ngIf=\"size && !progressBar\"\n          class=\"is-size-7 wac-text-area__size\"\n          [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n          >{{ value ? value.length : 0 }}/{{ size }}</span\n        >\n      </p>\n      <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n    </div>\n  </div>\n</div>\n",
+                template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n  <div class=\"field-label is-normal has-text-left\">\n    <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <p class=\"control\" [ngClass]=\"{ 'has-icons-right': textError }\">\n        <textarea\n          class=\"textarea\"\n          [id]=\"id\"\n          [ngClass]=\"{ 'is-danger': textError, 'has-help-text': textInfo != '' || size }\"\n          [placeholder]=\"placeholder\"\n          [attr.size]=\"size\"\n          [(ngModel)]=\"value\"\n          (ngModelChange)=\"onChange($event)\"\n          (blur)=\"onBlur()\"\n          [disabled]=\"disabled\"\n          [autosize]=\"dynamicSize\"\n          [onlyGrow]=\"true\"\n        ></textarea>\n\n        <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n          <i class=\"fal fa-times has-text-danger\"></i>\n        </span>\n        <span\n          *ngIf=\"textInfo && (textError === null || textError === '')\"\n          class=\"is-size-7 wac-text-area__info text-info\"\n          [innerHtml]=\"textInfo\"\n        ></span>\n        <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n        <span\n          *ngIf=\"size && !progressBar\"\n          class=\"is-size-7 wac-text-area__size\"\n          [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n          >{{ value ? value.length : 0 }}/{{ size }}</span\n        >\n      </p>\n      <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n    </div>\n  </div>\n</div>\n",
                 providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }]
             },] }
 ];
@@ -1651,20 +1653,26 @@ TextAreaComponent.propDecorators = {
     size: [{ type: Input }],
     min: [{ type: Input }],
     max: [{ type: Input }],
+    dynamicSize: [{ type: Input }],
     progressBar: [{ type: Input }]
 };
 
 class H1Component {
-    constructor() { }
+    constructor() {
+        this.withImg = false;
+    }
     ngOnInit() { }
 }
 H1Component.decorators = [
     { type: 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 = () => [];
+H1Component.propDecorators = {
+    withImg: [{ type: Input }]
+};
 
 class H2Component {
     constructor() { }
@@ -1696,19 +1704,22 @@ H3Component.propDecorators = {
 };
 
 class HeaderPageComponent {
-    constructor() { }
+    constructor() {
+        this.withImg = false;
+    }
     ngOnInit() { }
 }
 HeaderPageComponent.decorators = [
     { type: 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 = () => [];
 HeaderPageComponent.propDecorators = {
     title: [{ type: Input }],
-    linkBack: [{ type: Input }]
+    linkBack: [{ type: Input }],
+    withImg: [{ type: Input }]
 };
 
 class InputComponent {
@@ -1965,6 +1976,7 @@ class SwitchComponent {
         this.textStateDisable = '';
         this.showInput = false;
         this.danger = false;
+        this.whiteSpace = false;
         this.switchChange = new EventEmitter(); // todo set emitted type
         this.changeInput = new EventEmitter(); // todo set emitted type
     }
@@ -1981,7 +1993,7 @@ class SwitchComponent {
 SwitchComponent.decorators = [
     { type: 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 = () => [];
@@ -1993,6 +2005,7 @@ SwitchComponent.propDecorators = {
     showInput: [{ type: Input }],
     placholderInput: [{ type: Input }],
     danger: [{ type: Input }],
+    whiteSpace: [{ type: Input }],
     switchChange: [{ type: Output }],
     changeInput: [{ type: Output }]
 };
@@ -3654,6 +3667,68 @@ TreeModule.decorators = [
             },] }
 ];
 
+class WrapperSidebarComponent {
+    constructor() {
+        this.reverse = false;
+    }
+    ngOnInit() {
+    }
+}
+WrapperSidebarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'wac-wrapper-sidebar',
+                template: "<div class=\"wac-wrapper-sidebar\" [ngClass]=\"{'reverse': reverse}\">\n  <div class=\"wac-wrapper-sidebar__left\">\n    <ng-content select=\"[sidebar]\"></ng-content>\n  </div>\n  <div class=\"wac-wrapper-sidebar__right\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n"
+            },] }
+];
+WrapperSidebarComponent.ctorParameters = () => [];
+WrapperSidebarComponent.propDecorators = {
+    reverse: [{ type: Input }]
+};
+
+class BreadcrumbsComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+BreadcrumbsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'wac-breadcrumbs',
+                template: "<div class=\"wac-breadcrumbs\">\n  <div class=\"wac-breadcrumbs__wrapper\">\n    <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\">\n      <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n      <div class=\"name\" [ngClass]=\"{'valid': b.valid}\">{{ b.name }}</div>\n      <i class=\"fas fa-chevron-right\"></i>\n    </div>\n  </div>\n</div>\n"
+            },] }
+];
+BreadcrumbsComponent.ctorParameters = () => [];
+BreadcrumbsComponent.propDecorators = {
+    breadcrumbs: [{ type: Input }]
+};
+
+class CardPriceComponent {
+    constructor() {
+        this.click = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    triggerClick() {
+        this.click.emit(true);
+    }
+}
+CardPriceComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'wac-card-price',
+                template: "<div class=\"wac-card-price\">\n  <strong>{{amount}}</strong>\n  <p>{{title}}</p>\n  <div class=\"price\">\n    <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n  </div>\n  <div class=\"subtitle\">{{subtitle}}</div>\n  <div class=\"cta\">\n    <wac-button [label]=\"btnLabel\" extraClasses=\"is-success\" (click)=\"triggerClick()\"></wac-button>\n  </div>\n</div>\n"
+            },] }
+];
+CardPriceComponent.ctorParameters = () => [];
+CardPriceComponent.propDecorators = {
+    amount: [{ type: Input }],
+    title: [{ type: Input }],
+    price: [{ type: Input }],
+    currency: [{ type: Input }],
+    priceWording: [{ type: Input }],
+    subtitle: [{ type: Input }],
+    btnLabel: [{ type: Input }],
+    click: [{ type: Output }]
+};
+
 const components = [
     TagComponent,
     TabComponent,
@@ -3695,7 +3770,10 @@ const components = [
     WrapperBlocsComponent,
     SnackbarComponent,
     SearchComponent,
-    SelectedListComponent
+    SelectedListComponent,
+    WrapperSidebarComponent,
+    BreadcrumbsComponent,
+    CardPriceComponent
 ];
 const exportsFromModule = [
     PaginationComponent,
@@ -3737,6 +3815,7 @@ SharedComponentsModule.decorators = [
                     PerfectScrollbarModule,
                     AlertPopupModule,
                     RouterModule,
+                    AutosizeModule,
                     TreeModule
                 ],
                 declarations: components,
@@ -3776,5 +3855,5 @@ class TableFiltersGroup extends NwbFilterGroup {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractDebounceDirective, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, ButtonComponent, CalendarComponent, CheckBoxRow, CheckboxComponent, DebounceKeyupDirective, DeleteComponent, DropdownComponent, FiltersComponent, FiltersTableService, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MultipleSearchComponent, MultipleSearchPlusComponent, PaginationComponent, PopinComponent, ProgressBarComponent, RadioComponent, SearchComponent, SelectComponent, SelectFiltersPipe, SelectInTextComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TextAreaComponent, TextComponent, TooltipComponent, TreeComponent, TreeModule, UploadComponent, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WzEditInPlaceComponent, ZindexToggleDirective, DomService as ɵa, PaginationModule as ɵb, PagniationArrayTotalPages as ɵc, PagniationIsLastPage as ɵd, PagniationText as ɵe, TableModule as ɵf, InputSearchModule as ɵg, InputModule as ɵh, TooltipModule as ɵi, ProgressBarModule as ɵj, LoaderModule as ɵk, CheckboxModule as ɵl, inOutY as ɵm, TableCheckboxIdService as ɵn, MultiSelectionService as ɵo, inOutX as ɵp };
+export { AbstractDebounceDirective, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CardPriceComponent, CheckBoxRow, CheckboxComponent, DebounceKeyupDirective, DeleteComponent, DropdownComponent, FiltersComponent, FiltersTableService, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MultipleSearchComponent, MultipleSearchPlusComponent, PaginationComponent, PopinComponent, ProgressBarComponent, RadioComponent, SearchComponent, SelectComponent, SelectFiltersPipe, SelectInTextComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TextAreaComponent, TextComponent, TooltipComponent, TreeComponent, TreeModule, UploadComponent, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, DomService as ɵa, PaginationModule as ɵb, PagniationArrayTotalPages as ɵc, PagniationIsLastPage as ɵd, PagniationText as ɵe, TableModule as ɵf, InputSearchModule as ɵg, InputModule as ɵh, TooltipModule as ɵi, ProgressBarModule as ɵj, LoaderModule as ɵk, CheckboxModule as ɵl, inOutY as ɵm, TableCheckboxIdService as ɵn, MultiSelectionService as ɵo, inOutX as ɵp };
 //# sourceMappingURL=wizishop-angular-components.js.map