@wizishop/angular-components 0.0.162 → 0.0.164

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

@@ -4381,14 +4381,28 @@
             this.isLoading = true;
         }
         MosaicComponent.prototype.ngOnInit = function () {
+            if (this.items) {
+                var splitItems = this.sliceIntoChunks(this.items, (this.items.length / 3));
+                this.columnLeft = splitItems[0];
+                this.columnCenter = splitItems[1];
+                this.columnRight = splitItems[2];
+            }
+            this.isLoading = false;
+        };
+        MosaicComponent.prototype.sliceIntoChunks = function (arr, chunkSize) {
+            var res = [];
+            for (var i = 0; i < arr.length; i += chunkSize) {
+                var chunk = arr.slice(i, i + chunkSize);
+                res.push(chunk);
+            }
+            return res;
         };
         return MosaicComponent;
     }());
     MosaicComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-mosaic',
-                    template: "<div class=\"wac-mosaic__loader\" *ngIf=\"isLoading\">\n  <wac-loader></wac-loader>\n</div>\n<div class=\"wac-mosaic\" *ngIf=\"!isLoading\">\n  <div class=\"wac-mosaic__wrapper\">\n    <div class=\"wac-mosaic__wrapper__column\"></div>\n    <div class=\"wac-mosaic__wrapper__column\" *ngIf=\"items\"></div>\n    <div class=\"wac-mosaic__wrapper__column\"></div>\n  </div>\n</div>\n",
-                    styles: [".wac-mosaic__loader{min-height:400px;width:100%;display:flex;justify-content:center;align-items:center}"]
+                    template: "<div class=\"wac-mosaic__loader\" *ngIf=\"isLoading\">\n  <wac-loader></wac-loader>\n</div>\n<div class=\"wac-mosaic\" *ngIf=\"!isLoading\">\n  <div class=\"wac-mosaic__wrapper\">\n    <div class=\"wac-mosaic__wrapper__column\" *ngIf=\"columnLeft\">\n      <div class=\"wac-mosaic__wrapper__column__item\" *ngFor=\"let img of columnLeft; let i = index;\">\n        <img [src]=\"img\" />\n      </div>\n    </div>\n    <div class=\"wac-mosaic__wrapper__column\" *ngIf=\"columnCenter\" >\n      <div class=\"wac-mosaic__wrapper__column__item\" *ngFor=\"let img of columnCenter; let i = index;\">\n        <img [src]=\"img\" />\n      </div>\n    </div>\n    <div class=\"wac-mosaic__wrapper__column\" *ngIf=\"columnRight\">\n      <div class=\"wac-mosaic__wrapper__column__item\" *ngFor=\"let img of columnRight; let i = index;\">\n        <img [src]=\"img\" />\n      </div>\n    </div>\n  </div>\n</div>\n"
                 },] }
     ];
     MosaicComponent.ctorParameters = function () { return []; };