@wizishop/angular-components 0.0.170 → 0.0.171

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'), 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';
+    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'), require('ngx-scrollbar'), require('ngx-scrollbar/reached-event')) :
+    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', 'ngx-scrollbar', 'ngx-scrollbar/reached-event'], 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, global.ngxScrollbar, global.reachedEvent));
+}(this, (function (exports, i1$1, i0, common, forms, ngxPerfectScrollbar, rxjs, operators, i1, table, animations, ngxChips, core, router, ngxAutosize, ngxScrollbar, reachedEvent) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -4212,13 +4212,14 @@
     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\" [style.backgroundImage]=\"'url(' + backgroundGrey + ')'\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n"
+                    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\" [style.backgroundImage]=\"'url(' + backgroundGrey + ')'\" [style.backgroundSize]=\"backgroundWidth\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n"
                 },] }
     ];
     WrapperSidebarComponent.ctorParameters = function () { return []; };
     WrapperSidebarComponent.propDecorators = {
         reverse: [{ type: i0.Input }],
-        backgroundGrey: [{ type: i0.Input }]
+        backgroundGrey: [{ type: i0.Input }],
+        backgroundWidth: [{ type: i0.Input }]
     };
 
     var BreadcrumbsComponent = /** @class */ (function () {
@@ -4421,6 +4422,9 @@
             }
             return columns;
         };
+        MosaicComponent.prototype.onBottomReached = function () {
+            console.log('end bottom !');
+        };
         MosaicComponent.prototype.onImportImage = function (src) {
             this.importImageSrc.emit(src);
         };
@@ -4429,7 +4433,7 @@
     MosaicComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-mosaic',
-                    template: "<div class=\"wac-mosaic\" *ngIf=\"!isLoading; else loading\">\n  <div class=\"wac-mosaic__wrapper\">\n    <div class=\"wac-mosaic__wrapper__column\" *ngFor=\"let column of columns\">\n        <div class=\"wac-mosaic__wrapper__column__image\" *ngFor=\"let image of column; let i = index;\">\n          <img [src]=\"image.src\" [alt]=\"image.alt\"/>\n          <div class=\"hover\">\n            <ng-container\n              [ngTemplateOutlet]=\"importButtonTemplate || defaultImportButton\"\n              [ngTemplateOutletContext]=\"{ $implicit: image }\"\n            >\n            </ng-container>\n          </div>\n        </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #defaultImportButton let-image>\n  <wac-button [icon]=\"'fa-solid fa-image'\" [label]=\"'wac.MosaicComponent.import' | translate\" [extraClasses]=\"'is-success'\" (click)=\"onImportImage(image.src)\"></wac-button>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"wac-mosaic__loader\" *ngIf=\"isLoading\">\n    <wac-loader></wac-loader>\n  </div>\n</ng-template>\n",
+                    template: "<div class=\"wac-mosaic\" *ngIf=\"!isLoading; else loading\">\n  <ng-scrollbar (reachedBottom)=\"onBottomReached()\" reachedOffset=\"200\" class=\"wac-mosaic__wrapper__scrollbar\">\n    <div class=\"wac-mosaic__wrapper\">\n        <div class=\"wac-mosaic__wrapper__column\" *ngFor=\"let column of columns\">\n            <div class=\"wac-mosaic__wrapper__column__image\" *ngFor=\"let image of column; let i = index;\">\n              <img [src]=\"image.src\" [alt]=\"image.alt\"/>\n              <div class=\"hover\">\n                <ng-container\n                  [ngTemplateOutlet]=\"importButtonTemplate || defaultImportButton\"\n                  [ngTemplateOutletContext]=\"{ $implicit: image }\"\n                >\n                </ng-container>\n              </div>\n            </div>\n        </div>\n    </div>\n  </ng-scrollbar>\n</div>\n\n<ng-template #defaultImportButton let-image>\n  <wac-button [icon]=\"'fa-solid fa-image'\" [label]=\"'wac.MosaicComponent.import' | translate\" [extraClasses]=\"'is-success'\" (click)=\"onImportImage(image.src)\"></wac-button>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"wac-mosaic__loader\" *ngIf=\"isLoading\">\n    <wac-loader></wac-loader>\n  </div>\n</ng-template>\n",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -4536,6 +4540,8 @@
                         AlertPopupModule,
                         router.RouterModule,
                         ngxAutosize.AutosizeModule,
+                        ngxScrollbar.NgScrollbarModule,
+                        reachedEvent.NgScrollbarReachedModule,
                         TreeModule
                     ],
                     declarations: components,