@wizishop/angular-components 0.0.139 → 0.0.142

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@wizishop/ng-wizi-bulma'), require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-perfect-scrollbar'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/overlay'), require('@angular/cdk/table'), require('@angular/animations'), require('ngx-chips'), require('@ngx-translate/core'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('@wizishop/angular-components', ['exports', '@wizishop/ng-wizi-bulma', '@angular/core', '@angular/common', '@angular/forms', 'ngx-perfect-scrollbar', 'rxjs', 'rxjs/operators', '@angular/cdk/overlay', '@angular/cdk/table', '@angular/animations', 'ngx-chips', '@ngx-translate/core', '@angular/router'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wizishop = global.wizishop || {}, global.wizishop['angular-components'] = {}), global['ng-wizi-bulma'], global.ng.core, global.ng.common, global.ng.forms, global['ngx-perfect-scrollbar'], global.rxjs, global.rxjs.operators, global.ng.cdk.overlay, global.ng.cdk.table, global.ng.animations, global['ngx-chips'], global['@ngx-translate/core'], global.ng.router));
-}(this, (function (exports, i1$1, i0, common, forms, ngxPerfectScrollbar, rxjs, operators, i1, table, animations, ngxChips, core, router) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@wizishop/ng-wizi-bulma'), require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-perfect-scrollbar'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/overlay'), require('@angular/cdk/table'), require('@angular/animations'), require('ngx-chips'), require('@ngx-translate/core'), require('@angular/router'), require('ngx-autosize')) :
+    typeof define === 'function' && define.amd ? define('@wizishop/angular-components', ['exports', '@wizishop/ng-wizi-bulma', '@angular/core', '@angular/common', '@angular/forms', 'ngx-perfect-scrollbar', 'rxjs', 'rxjs/operators', '@angular/cdk/overlay', '@angular/cdk/table', '@angular/animations', 'ngx-chips', '@ngx-translate/core', '@angular/router', 'ngx-autosize'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wizishop = global.wizishop || {}, global.wizishop['angular-components'] = {}), global['ng-wizi-bulma'], global.ng.core, global.ng.common, global.ng.forms, global['ngx-perfect-scrollbar'], global.rxjs, global.rxjs.operators, global.ng.cdk.overlay, global.ng.cdk.table, global.ng.animations, global['ngx-chips'], global['@ngx-translate/core'], global.ng.router, global.ngxAutosize));
+}(this, (function (exports, i1$1, i0, common, forms, ngxPerfectScrollbar, rxjs, operators, i1, table, animations, ngxChips, core, router, ngxAutosize) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -1229,6 +1229,7 @@
             this.extraClasses = 'is-info'; // todo make a list of existing class
             this.label = '';
             this.icon = '';
+            this.textcolor = '#ffffff';
             this.widthAuto = false;
             this.contentHorizontalPosition = 'center';
             this.iconFontSize = 12;
@@ -1331,7 +1332,7 @@
     ButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-button',
-                    template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"confirmDelete && waitForConfirmDelete ? addMaxWidthDelete() : '';onButtonClick($event);\"\n  (mouseleave)=\"animation ? resetMaxWidth() : '';\"\n  (mouseenter)=\"animation ? addMaxWidth() : '';\"\n  wzAutoHide (clickOutside)=\"confirmDelete && !waitForConfirmDelete ? resetMaxWidthDelete() : ''\"\n  [ngClass]=\"[\n    label === '' ? 'alone' : '',\n    animationRight ? 'animation-right' : '',\n    animation ? 'animationText' : '',\n    isLoading ? 'is-loading' : '',\n    opacity ? 'opacity' : '',\n    disabled ? 'disabled' : '',\n    widthAuto ? 'width-auto' : '',\n    whiteSpaceNowrap ? 'white-space-no-wrap' : '',\n    !waitForConfirmDelete && confirmDelete ? 'step-delete' : '',\n    confirmDelete ? 'deletePosition-' + confirmDeletePosition : ''\n    ]\"\n    [ngStyle]=\"{\n      'text-align': contentHorizontalPosition\n    }\"\n>\n  <span class=\"wac-button__wrapper\">\n    <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span class=\"wac-button__animation\" [style.maxWidth]=\"buttonMaxWidth\" [style.width]=\"buttonWidth + 'px'\">\n    <span #calculWidth class=\"wac-button__animation__text\" [innerHTML]=\"animationText\"></span>\n  </span>\n  <span class=\"wac-button__confirmDelete\" [style.maxWidth]=\"buttonMaxWidthDelete\" [style.width]=\"buttonWidthDelete + 'px'\">\n    <span #calculWidthDelete class=\"wac-button__confirmDelete__text\" [innerHTML]=\"confirmDeleteText\"></span>\n  </span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n\n  </span>\n</a>\n"
+                    template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"confirmDelete && waitForConfirmDelete ? addMaxWidthDelete() : '';onButtonClick($event);\"\n  (mouseleave)=\"animation ? resetMaxWidth() : '';\"\n  (mouseenter)=\"animation ? addMaxWidth() : '';\"\n  wzAutoHide (clickOutside)=\"confirmDelete && !waitForConfirmDelete ? resetMaxWidthDelete() : ''\"\n  [ngClass]=\"[\n    label === '' ? 'alone' : '',\n    animationRight ? 'animation-right' : '',\n    animation ? 'animationText' : '',\n    isLoading ? 'is-loading' : '',\n    opacity ? 'opacity' : '',\n    disabled ? 'disabled' : '',\n    widthAuto ? 'width-auto' : '',\n    whiteSpaceNowrap ? 'white-space-no-wrap' : '',\n    !waitForConfirmDelete && confirmDelete ? 'step-delete' : '',\n    confirmDelete ? 'deletePosition-' + confirmDeletePosition : ''\n    ]\"\n    [ngStyle]=\"{\n      'text-align': contentHorizontalPosition\n    }\"\n>\n  <span class=\"wac-button__wrapper\" [style.color]=\"textcolor\">\n    <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span class=\"wac-button__animation\" [style.maxWidth]=\"buttonMaxWidth\" [style.width]=\"buttonWidth + 'px'\">\n    <span #calculWidth class=\"wac-button__animation__text\" [innerHTML]=\"animationText\"></span>\n  </span>\n  <span class=\"wac-button__confirmDelete\" [style.maxWidth]=\"buttonMaxWidthDelete\" [style.width]=\"buttonWidthDelete + 'px'\">\n    <span #calculWidthDelete class=\"wac-button__confirmDelete__text\" [innerHTML]=\"confirmDeleteText\"></span>\n  </span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n\n  </span>\n</a>\n"
                 },] }
     ];
     ButtonComponent.ctorParameters = function () { return []; };
@@ -1340,6 +1341,7 @@
         label: [{ type: i0.Input }],
         icon: [{ type: i0.Input }],
         iconNext: [{ type: i0.Input }],
+        textcolor: [{ type: i0.Input }],
         widthAuto: [{ type: i0.Input }],
         contentHorizontalPosition: [{ type: i0.Input }],
         iconFontSize: [{ type: i0.Input }],
@@ -1991,6 +1993,7 @@
             this.size = null;
             this.min = null;
             this.max = null;
+            this.dynamicSize = false;
             this.progressBar = false;
             this.disabled = false;
             this.id = 'wac-textarea__' +
@@ -2026,7 +2029,7 @@
     TextAreaComponent.decorators = [
         { type: i0.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: forms.NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }]
                 },] }
     ];
@@ -2039,11 +2042,13 @@
         size: [{ type: i0.Input }],
         min: [{ type: i0.Input }],
         max: [{ type: i0.Input }],
+        dynamicSize: [{ type: i0.Input }],
         progressBar: [{ type: i0.Input }]
     };
 
     var H1Component = /** @class */ (function () {
         function H1Component() {
+            this.annotation = '';
             this.withImg = false;
         }
         H1Component.prototype.ngOnInit = function () { };
@@ -2052,11 +2057,12 @@
     H1Component.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-h1',
-                    template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg}\"><ng-content></ng-content></h1>\n"
+                    template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg}\"><ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small></h1>\n"
                 },] }
     ];
     H1Component.ctorParameters = function () { return []; };
     H1Component.propDecorators = {
+        annotation: [{ type: i0.Input }],
         withImg: [{ type: i0.Input }]
     };
 
@@ -4185,6 +4191,72 @@
                 },] }
     ];
 
+    var WrapperSidebarComponent = /** @class */ (function () {
+        function WrapperSidebarComponent() {
+            this.reverse = false;
+        }
+        WrapperSidebarComponent.prototype.ngOnInit = function () {
+        };
+        return WrapperSidebarComponent;
+    }());
+    WrapperSidebarComponent.decorators = [
+        { type: i0.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 = function () { return []; };
+    WrapperSidebarComponent.propDecorators = {
+        reverse: [{ type: i0.Input }]
+    };
+
+    var BreadcrumbsComponent = /** @class */ (function () {
+        function BreadcrumbsComponent() {
+        }
+        BreadcrumbsComponent.prototype.ngOnInit = function () {
+        };
+        return BreadcrumbsComponent;
+    }());
+    BreadcrumbsComponent.decorators = [
+        { type: i0.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 = function () { return []; };
+    BreadcrumbsComponent.propDecorators = {
+        breadcrumbs: [{ type: i0.Input }]
+    };
+
+    var CardPriceComponent = /** @class */ (function () {
+        function CardPriceComponent() {
+            this.click = new i0.EventEmitter();
+        }
+        CardPriceComponent.prototype.ngOnInit = function () {
+        };
+        CardPriceComponent.prototype.triggerClick = function () {
+            this.click.emit(true);
+        };
+        return CardPriceComponent;
+    }());
+    CardPriceComponent.decorators = [
+        { type: i0.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 = function () { return []; };
+    CardPriceComponent.propDecorators = {
+        amount: [{ type: i0.Input }],
+        title: [{ type: i0.Input }],
+        price: [{ type: i0.Input }],
+        currency: [{ type: i0.Input }],
+        priceWording: [{ type: i0.Input }],
+        subtitle: [{ type: i0.Input }],
+        btnLabel: [{ type: i0.Input }],
+        click: [{ type: i0.Output }]
+    };
+
     var components = [
         TagComponent,
         TabComponent,
@@ -4226,7 +4298,10 @@
         WrapperBlocsComponent,
         SnackbarComponent,
         SearchComponent,
-        SelectedListComponent
+        SelectedListComponent,
+        WrapperSidebarComponent,
+        BreadcrumbsComponent,
+        CardPriceComponent
     ];
     var exportsFromModule = [
         PaginationComponent,
@@ -4271,6 +4346,7 @@
                         ngxPerfectScrollbar.PerfectScrollbarModule,
                         AlertPopupModule,
                         router.RouterModule,
+                        ngxAutosize.AutosizeModule,
                         TreeModule
                     ],
                     declarations: components,
@@ -4327,8 +4403,10 @@
     exports.AutoHideDirective = AutoHideDirective;
     exports.BackComponent = BackComponent;
     exports.BlockComponent = BlockComponent;
+    exports.BreadcrumbsComponent = BreadcrumbsComponent;
     exports.ButtonComponent = ButtonComponent;
     exports.CalendarComponent = CalendarComponent;
+    exports.CardPriceComponent = CardPriceComponent;
     exports.CheckBoxRow = CheckBoxRow;
     exports.CheckboxComponent = CheckboxComponent;
     exports.DebounceKeyupDirective = DebounceKeyupDirective;
@@ -4391,6 +4469,7 @@
     exports.WiziComponentsModule = WiziComponentsModule;
     exports.WrapperBlocsComponent = WrapperBlocsComponent;
     exports.WrapperComponent = WrapperComponent;
+    exports.WrapperSidebarComponent = WrapperSidebarComponent;
     exports.WzEditInPlaceComponent = WzEditInPlaceComponent;
     exports.ZindexToggleDirective = ZindexToggleDirective;
     exports.ɵa = DomService;