@egjs/ngx-infinitegrid 4.10.0-beta.1 → 4.10.0

package/fesm2020/egjs-ngx-infinitegrid.mjs

@@ -0,0 +1,398 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, PLATFORM_ID, Component, Inject, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { isPlatformServer, CommonModule } from '@angular/common';
+import { Subject, fromEvent } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { withInfiniteGridMethods, Renderer, INFINITEGRID_EVENTS, mountRenderingItems, getRenderingItems, MasonryInfiniteGrid, JustifiedInfiniteGrid, FrameInfiniteGrid, PackingInfiniteGrid } from '@egjs/infinitegrid';
+import { __decorate } from 'tslib';
+
+class NgxInfiniteGridInterface {
+}
+__decorate([
+    withInfiniteGridMethods
+], NgxInfiniteGridInterface.prototype, "vanillaGrid", void 0);
+
+/**
+ * egjs-infinitegrid
+ * Copyright (c) 2021-present NAVER Corp.
+ * MIT license
+ */
+class NgxInfiniteGridComponent extends NgxInfiniteGridInterface {
+    constructor(elementRef, _platformId, _ngZone) {
+        super();
+        this.elementRef = elementRef;
+        this._platformId = _platformId;
+        this._ngZone = _ngZone;
+        this.items = [];
+        this.trackBy = ((_, item) => item.key);
+        this.groupBy = ((_, item) => item.groupKey);
+        this.infoBy = () => ({});
+        this.visibleItems = [];
+        this._renderer = new Renderer();
+        this._isChange = false;
+        this._destroy$ = new Subject();
+        for (const name in INFINITEGRID_EVENTS) {
+            const eventName = INFINITEGRID_EVENTS[name];
+            this[eventName] = new EventEmitter();
+        }
+    }
+    ngOnInit() {
+        this._updateVisibleChildren();
+    }
+    ngOnChanges() {
+        this._isChange = true;
+        this._updateVisibleChildren();
+    }
+    ngAfterViewInit() {
+        if (isPlatformServer(this._platformId)) {
+            return;
+        }
+        const GridClass = this.constructor.GridClass;
+        const defaultOptions = GridClass.defaultOptions;
+        const options = {};
+        for (const name in defaultOptions) {
+            if (name in this && typeof this[name] !== "undefined") {
+                options[name] = this[name];
+            }
+        }
+        options.renderer = this._renderer;
+        // The `InfiniteGrid` set ups `scroll` and `resize` events through `ScrollManager`
+        // and `ResizeWatcher`. These events force Angular to run change detection whenever
+        // dispatched; this happens too often.
+        const grid = this._ngZone.runOutsideAngular(() => new GridClass(this.elementRef.nativeElement, options));
+        for (const name in INFINITEGRID_EVENTS) {
+            const eventName = INFINITEGRID_EVENTS[name];
+            fromEvent(grid, eventName)
+                .pipe(takeUntil(this._destroy$))
+                .subscribe((event) => {
+                const emitter = this[eventName];
+                if (emitter && emitter.observers.length > 0) {
+                    this._ngZone.run(() => emitter.emit(event));
+                }
+            });
+        }
+        this.vanillaGrid = grid;
+        fromEvent(this._renderer, 'requestUpdate')
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this._ngZone.run(() => {
+                this._isChange = true;
+                this._updateVisibleChildren();
+            });
+        });
+        mountRenderingItems(this._getItemInfos(), {
+            grid,
+            useFirstRender: this.useFirstRender,
+            useLoading: this.useLoading,
+            usePlaceholder: this.usePlaceholder,
+            horizontal: this.horizontal,
+            status: this.status,
+        });
+        this._renderer.updated();
+    }
+    ngAfterViewChecked() {
+        if (!this._isChange || !this.vanillaGrid) {
+            return;
+        }
+        const children = [].slice.call(this.getContainerElement().children);
+        if (this.visibleItems.length !== children.length) {
+            return;
+        }
+        this._isChange = false;
+        const GridClass = this.constructor.GridClass;
+        const propertyTypes = GridClass.propertyTypes;
+        const grid = this.vanillaGrid;
+        for (const name in propertyTypes) {
+            if (name in this) {
+                grid[name] = this[name];
+            }
+        }
+        this._renderer.updated(children);
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this.vanillaGrid?.destroy();
+    }
+    _getItemInfos() {
+        const items = this.items;
+        const trackBy = this.trackBy;
+        const groupBy = this.groupBy;
+        const infoBy = this.infoBy;
+        return items.map((item, i) => {
+            const { data, ...rest } = infoBy(i, item);
+            return {
+                groupKey: groupBy(i, item),
+                key: trackBy(i, item),
+                ...rest,
+                data: {
+                    ...data,
+                    ...item,
+                },
+            };
+        });
+    }
+    _updateVisibleChildren() {
+        this.visibleItems = getRenderingItems(this._getItemInfos(), {
+            grid: this.vanillaGrid,
+            useFirstRender: this.useFirstRender,
+            useLoading: this.useLoading,
+            usePlaceholder: this.usePlaceholder,
+            horizontal: this.horizontal,
+            status: this.status,
+        });
+    }
+}
+NgxInfiniteGridComponent.GridClass = null;
+NgxInfiniteGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxInfiniteGridComponent, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+NgxInfiniteGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgxInfiniteGridComponent, selector: "ngx-infinite-grid, [NgxInfiniteGrid]", inputs: { gridConstructor: "gridConstructor", renderer: "renderer", container: "container", containerTag: "containerTag", threshold: "threshold", useRecycle: "useRecycle", horizontal: "horizontal", percentage: "percentage", isEqualSize: "isEqualSize", isConstantSize: "isConstantSize", gap: "gap", attributePrefix: "attributePrefix", resizeDebounce: "resizeDebounce", maxResizeDebounce: "maxResizeDebounce", autoResize: "autoResize", useFit: "useFit", useTransform: "useTransform", renderOnPropertyChange: "renderOnPropertyChange", preserveUIOnDestroy: "preserveUIOnDestroy", defaultDirection: "defaultDirection", externalItemRenderer: "externalItemRenderer", externalContainerManager: "externalContainerManager", outlineLength: "outlineLength", outlineSize: "outlineSize", useRoundedSize: "useRoundedSize", useResizeObserver: "useResizeObserver", observeChildren: "observeChildren", scrollContainer: "scrollContainer", appliedItemChecker: "appliedItemChecker", usePlaceholder: "usePlaceholder", useLoading: "useLoading", status: "status", useFirstRender: "useFirstRender", items: "items", trackBy: "trackBy", groupBy: "groupBy", infoBy: "infoBy" }, outputs: { renderComplete: "renderComplete", contentError: "contentError", changeScroll: "changeScroll", requestAppend: "requestAppend", requestPrepend: "requestPrepend" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<slot></slot>', isInline: true, styles: [":host{display:block}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxInfiniteGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-infinite-grid, [NgxInfiniteGrid]', template: '<slot></slot>', styles: [":host{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: i0.NgZone }]; }, propDecorators: { gridConstructor: [{
+                type: Input
+            }], renderer: [{
+                type: Input
+            }], container: [{
+                type: Input
+            }], containerTag: [{
+                type: Input
+            }], threshold: [{
+                type: Input
+            }], useRecycle: [{
+                type: Input
+            }], horizontal: [{
+                type: Input
+            }], percentage: [{
+                type: Input
+            }], isEqualSize: [{
+                type: Input
+            }], isConstantSize: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], attributePrefix: [{
+                type: Input
+            }], resizeDebounce: [{
+                type: Input
+            }], maxResizeDebounce: [{
+                type: Input
+            }], autoResize: [{
+                type: Input
+            }], useFit: [{
+                type: Input
+            }], useTransform: [{
+                type: Input
+            }], renderOnPropertyChange: [{
+                type: Input
+            }], preserveUIOnDestroy: [{
+                type: Input
+            }], defaultDirection: [{
+                type: Input
+            }], externalItemRenderer: [{
+                type: Input
+            }], externalContainerManager: [{
+                type: Input
+            }], outlineLength: [{
+                type: Input
+            }], outlineSize: [{
+                type: Input
+            }], useRoundedSize: [{
+                type: Input
+            }], useResizeObserver: [{
+                type: Input
+            }], observeChildren: [{
+                type: Input
+            }], scrollContainer: [{
+                type: Input
+            }], appliedItemChecker: [{
+                type: Input
+            }], usePlaceholder: [{
+                type: Input
+            }], useLoading: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], useFirstRender: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], trackBy: [{
+                type: Input
+            }], groupBy: [{
+                type: Input
+            }], infoBy: [{
+                type: Input
+            }], renderComplete: [{
+                type: Output
+            }], contentError: [{
+                type: Output
+            }], changeScroll: [{
+                type: Output
+            }], requestAppend: [{
+                type: Output
+            }], requestPrepend: [{
+                type: Output
+            }] } });
+
+const TEMPLATE = `
+<ng-template #content><ng-content></ng-content></ng-template>
+
+<ng-template #viewer>
+  <div *ngIf="container === true; else noContainer" #containerRef>
+    <ng-template [ngTemplateOutlet]="content"></ng-template>
+  </div>
+
+  <ng-template #noContainer>
+    <ng-template [ngTemplateOutlet]="content"></ng-template>
+  </ng-template>
+</ng-template>
+
+<div *ngIf="elementRef.nativeElement.tagName.indexOf('NGX-') === 0; else noWrapper" #wrapperRef>
+  <ng-template [ngTemplateOutlet]="viewer"></ng-template>
+</div>
+
+<ng-template #noWrapper>
+  <ng-template [ngTemplateOutlet]="viewer"></ng-template>
+</ng-template>
+`;
+
+class NgxMasonryInfiniteGridComponent extends NgxInfiniteGridComponent {
+}
+NgxMasonryInfiniteGridComponent.GridClass = MasonryInfiniteGrid;
+NgxMasonryInfiniteGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxMasonryInfiniteGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgxMasonryInfiniteGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgxMasonryInfiniteGridComponent, selector: "ngx-masonry-infinite-grid, [NgxMasonryInfiniteGrid]", inputs: { column: "column", columnSize: "columnSize", columnSizeRatio: "columnSizeRatio", align: "align", columnCalculationThreshold: "columnCalculationThreshold", maxStretchColumnSize: "maxStretchColumnSize" }, usesInheritance: true, ngImport: i0, template: "\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #viewer>\n  <div *ngIf=\"container === true; else noContainer\" #containerRef>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </div>\n\n  <ng-template #noContainer>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-template>\n</ng-template>\n\n<div *ngIf=\"elementRef.nativeElement.tagName.indexOf('NGX-') === 0; else noWrapper\" #wrapperRef>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</div>\n\n<ng-template #noWrapper>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</ng-template>\n", isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxMasonryInfiniteGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngx-masonry-infinite-grid, [NgxMasonryInfiniteGrid]',
+                    template: TEMPLATE,
+                }]
+        }], propDecorators: { column: [{
+                type: Input
+            }], columnSize: [{
+                type: Input
+            }], columnSizeRatio: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }], columnCalculationThreshold: [{
+                type: Input
+            }], maxStretchColumnSize: [{
+                type: Input
+            }] } });
+
+class NgxJustifiedInfiniteGridComponent extends NgxInfiniteGridComponent {
+}
+NgxJustifiedInfiniteGridComponent.GridClass = JustifiedInfiniteGrid;
+NgxJustifiedInfiniteGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxJustifiedInfiniteGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgxJustifiedInfiniteGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgxJustifiedInfiniteGridComponent, selector: "ngx-justified-infinite-grid, [NgxJustifiedInfiniteGrid]", inputs: { columnRange: "columnRange", rowRange: "rowRange", sizeRange: "sizeRange", displayedRow: "displayedRow", isCroppedSize: "isCroppedSize" }, usesInheritance: true, ngImport: i0, template: "\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #viewer>\n  <div *ngIf=\"container === true; else noContainer\" #containerRef>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </div>\n\n  <ng-template #noContainer>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-template>\n</ng-template>\n\n<div *ngIf=\"elementRef.nativeElement.tagName.indexOf('NGX-') === 0; else noWrapper\" #wrapperRef>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</div>\n\n<ng-template #noWrapper>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</ng-template>\n", isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxJustifiedInfiniteGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngx-justified-infinite-grid, [NgxJustifiedInfiniteGrid]',
+                    template: TEMPLATE,
+                }]
+        }], propDecorators: { columnRange: [{
+                type: Input
+            }], rowRange: [{
+                type: Input
+            }], sizeRange: [{
+                type: Input
+            }], displayedRow: [{
+                type: Input
+            }], isCroppedSize: [{
+                type: Input
+            }] } });
+
+class NgxFrameInfiniteGridComponent extends NgxInfiniteGridComponent {
+}
+NgxFrameInfiniteGridComponent.GridClass = FrameInfiniteGrid;
+NgxFrameInfiniteGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxFrameInfiniteGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgxFrameInfiniteGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgxFrameInfiniteGridComponent, selector: "ngx-frame-infinite-grid, [NgxFrameInfiniteGrid]", inputs: { frame: "frame", useFrameFill: "useFrameFill", rectSize: "rectSize" }, usesInheritance: true, ngImport: i0, template: "\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #viewer>\n  <div *ngIf=\"container === true; else noContainer\" #containerRef>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </div>\n\n  <ng-template #noContainer>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-template>\n</ng-template>\n\n<div *ngIf=\"elementRef.nativeElement.tagName.indexOf('NGX-') === 0; else noWrapper\" #wrapperRef>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</div>\n\n<ng-template #noWrapper>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</ng-template>\n", isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxFrameInfiniteGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngx-frame-infinite-grid, [NgxFrameInfiniteGrid]',
+                    template: TEMPLATE,
+                }]
+        }], propDecorators: { frame: [{
+                type: Input
+            }], useFrameFill: [{
+                type: Input
+            }], rectSize: [{
+                type: Input
+            }] } });
+
+class NgxPackingInfiniteGridComponent extends NgxInfiniteGridComponent {
+}
+NgxPackingInfiniteGridComponent.GridClass = PackingInfiniteGrid;
+NgxPackingInfiniteGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxPackingInfiniteGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgxPackingInfiniteGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgxPackingInfiniteGridComponent, selector: "ngx-packing-infinite-grid, [NgxPackingInfiniteGrid]", inputs: { aspectRatio: "aspectRatio", sizeWeight: "sizeWeight", ratioWeight: "ratioWeight", weightPriority: "weightPriority" }, usesInheritance: true, ngImport: i0, template: "\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #viewer>\n  <div *ngIf=\"container === true; else noContainer\" #containerRef>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </div>\n\n  <ng-template #noContainer>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-template>\n</ng-template>\n\n<div *ngIf=\"elementRef.nativeElement.tagName.indexOf('NGX-') === 0; else noWrapper\" #wrapperRef>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</div>\n\n<ng-template #noWrapper>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</ng-template>\n", isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxPackingInfiniteGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngx-packing-infinite-grid, [NgxPackingInfiniteGrid]',
+                    template: TEMPLATE,
+                }]
+        }], propDecorators: { aspectRatio: [{
+                type: Input
+            }], sizeWeight: [{
+                type: Input
+            }], ratioWeight: [{
+                type: Input
+            }], weightPriority: [{
+                type: Input
+            }] } });
+
+class NgxInfiniteGridModule {
+}
+NgxInfiniteGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxInfiniteGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxInfiniteGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: NgxInfiniteGridModule, declarations: [NgxInfiniteGridComponent,
+        NgxMasonryInfiniteGridComponent,
+        NgxJustifiedInfiniteGridComponent,
+        NgxFrameInfiniteGridComponent,
+        NgxPackingInfiniteGridComponent], imports: [CommonModule], exports: [NgxInfiniteGridComponent,
+        NgxMasonryInfiniteGridComponent,
+        NgxJustifiedInfiniteGridComponent,
+        NgxFrameInfiniteGridComponent,
+        NgxPackingInfiniteGridComponent] });
+NgxInfiniteGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxInfiniteGridModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgxInfiniteGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NgxInfiniteGridComponent,
+                        NgxMasonryInfiniteGridComponent,
+                        NgxJustifiedInfiniteGridComponent,
+                        NgxFrameInfiniteGridComponent,
+                        NgxPackingInfiniteGridComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [
+                        NgxInfiniteGridComponent,
+                        NgxMasonryInfiniteGridComponent,
+                        NgxJustifiedInfiniteGridComponent,
+                        NgxFrameInfiniteGridComponent,
+                        NgxPackingInfiniteGridComponent,
+                    ],
+                }]
+        }] });
+
+/** This shouldn't be used outside of the library, required for the Ivy compilation. */
+
+/*
+ * Public API Surface of ngx-infinitegrid
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxInfiniteGridComponent, NgxInfiniteGridModule, NgxMasonryInfiniteGridComponent, NgxFrameInfiniteGridComponent as ɵNgxFrameInfiniteGridComponent, NgxJustifiedInfiniteGridComponent as ɵNgxJustifiedInfiniteGridComponent, NgxPackingInfiniteGridComponent as ɵNgxPackingInfiniteGridComponent };
+//# sourceMappingURL=egjs-ngx-infinitegrid.mjs.map

package/fesm2020/egjs-ngx-infinitegrid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"egjs-ngx-infinitegrid.mjs","sources":["../../../projects/ngx-infinitegrid/src/lib/ngx-infinitegrid.interface.ts","../../../projects/ngx-infinitegrid/src/lib/ngx-infinitegrid.component.ts","../../../projects/ngx-infinitegrid/src/lib/consts.ts","../../../projects/ngx-infinitegrid/src/lib/grids/ngx-masonry-infinitegrid.component.ts","../../../projects/ngx-infinitegrid/src/lib/grids/ngx-justified-infinitegrid.component.ts","../../../projects/ngx-infinitegrid/src/lib/grids/ngx-frame-infinitegrid.component.ts","../../../projects/ngx-infinitegrid/src/lib/grids/ngx-packing-infinitegrid.component.ts","../../../projects/ngx-infinitegrid/src/lib/ngx-infinitegrid.module.ts","../../../projects/ngx-infinitegrid/src/private_export.ts","../../../projects/ngx-infinitegrid/src/public-api.ts","../../../projects/ngx-infinitegrid/src/egjs-ngx-infinitegrid.ts"],"sourcesContent":["/**\n * egjs-infinitegrid\n * Copyright (c) 2021-present NAVER Corp.\n * MIT license\n */\nimport VanillaInfiniteGrid, { InfiniteGridMethods, withInfiniteGridMethods } from '@egjs/infinitegrid';\nimport { NgxInfiniteGridComponent } from './ngx-infinitegrid.component';\n\nexport class NgxInfiniteGridInterface {\n  @withInfiniteGridMethods\n  protected vanillaGrid!: VanillaInfiniteGrid;\n}\nexport interface NgxInfiniteGridInterface extends InfiniteGridMethods<NgxInfiniteGridComponent> { }\n","/**\n * egjs-infinitegrid\n * Copyright (c) 2021-present NAVER Corp.\n * MIT license\n */\n import {\n  AfterViewChecked,\n  AfterViewInit,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  PLATFORM_ID,\n  Inject,\n  NgZone\n} from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { fromEvent, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport {\n  getRenderingItems,\n  InfiniteGridFunction,\n  InfiniteGridItem,\n  InfiniteGridItemInfo,\n  InfiniteGridOptions,\n  INFINITEGRID_EVENTS,\n  mountRenderingItems,\n  OnContentError,\n  OnRenderComplete,\n  OnRequestAppend,\n  OnRequestPrepend,\n  OnChangeScroll,\n  Renderer,\n} from '@egjs/infinitegrid';\nimport { NgxInfiniteGridInterface } from './ngx-infinitegrid.interface';\nimport { NgxInfiniteGridProps } from './types';\nimport Grid, { GridOptions } from '@egjs/grid';\n\n@Component({\n  selector: 'ngx-infinite-grid, [NgxInfiniteGrid]',\n  template: '<slot></slot>',\n  styles: [\n    ':host { display: block }',\n  ],\n})\nexport class NgxInfiniteGridComponent\n  extends NgxInfiniteGridInterface\n  implements Required<InfiniteGridOptions>,\n  NgxInfiniteGridProps,\n  AfterViewInit, AfterViewChecked, OnChanges, OnDestroy {\n  public static GridClass: InfiniteGridFunction | null = null;\n  @Input() gridConstructor!: NgxInfiniteGridProps['gridConstructor'];\n  @Input() renderer!: NgxInfiniteGridProps['renderer'];\n  @Input() container!: NgxInfiniteGridProps['container'];\n  @Input() containerTag!: NgxInfiniteGridProps['containerTag'];\n  @Input() threshold!: NgxInfiniteGridProps['threshold'];\n  @Input() useRecycle!: NgxInfiniteGridProps['useRecycle'];\n  @Input() horizontal!: NgxInfiniteGridProps['horizontal'];\n  @Input() percentage!: NgxInfiniteGridProps['percentage'];\n  @Input() isEqualSize!: NgxInfiniteGridProps['isEqualSize'];\n  @Input() isConstantSize!: NgxInfiniteGridProps['isConstantSize'];\n  @Input() gap!: NgxInfiniteGridProps['gap'];\n  @Input() attributePrefix!: NgxInfiniteGridProps['attributePrefix'];\n  @Input() resizeDebounce!: NgxInfiniteGridProps['resizeDebounce'];\n  @Input() maxResizeDebounce!: NgxInfiniteGridProps['maxResizeDebounce'];\n  @Input() autoResize!: NgxInfiniteGridProps['autoResize'];\n  @Input() useFit!: NgxInfiniteGridProps['useFit'];\n  @Input() useTransform!: NgxInfiniteGridProps['useTransform'];\n  @Input() renderOnPropertyChange!: NgxInfiniteGridProps['renderOnPropertyChange'];\n  @Input() preserveUIOnDestroy!: NgxInfiniteGridProps['preserveUIOnDestroy'];\n  @Input() defaultDirection!: NgxInfiniteGridProps['defaultDirection'];\n  @Input() externalItemRenderer!: NgxInfiniteGridProps['externalItemRenderer'];\n  @Input() externalContainerManager!: NgxInfiniteGridProps['externalContainerManager'];\n  @Input() outlineLength!: NgxInfiniteGridProps['outlineLength'];\n  @Input() outlineSize!: NgxInfiniteGridProps['outlineSize'];\n  @Input() useRoundedSize!: NgxInfiniteGridProps['useRoundedSize'];\n  @Input() useResizeObserver!: NgxInfiniteGridProps['useResizeObserver'];\n  @Input() observeChildren!: NgxInfiniteGridProps['observeChildren'];\n  @Input() scrollContainer!: NgxInfiniteGridProps['scrollContainer'];\n  @Input() appliedItemChecker!: NgxInfiniteGridProps['appliedItemChecker'];\n\n  @Input() usePlaceholder!: NgxInfiniteGridProps['useFirstRender'];\n  @Input() useLoading!: NgxInfiniteGridProps['useLoading'];\n  @Input() status!: NgxInfiniteGridProps['status'];\n  @Input() useFirstRender!: NgxInfiniteGridProps['useFirstRender'];\n  @Input() items: NgxInfiniteGridProps['items'] = [];\n  @Input() trackBy: NgxInfiniteGridProps['trackBy'] = ((_, item) => item.key);\n  @Input() groupBy: NgxInfiniteGridProps['groupBy'] = ((_, item) => item.groupKey);\n  @Input() infoBy: NgxInfiniteGridProps['infoBy'] = () => ({});\n  @Output() renderComplete!: EventEmitter<OnRenderComplete>;\n  @Output() contentError!: EventEmitter<OnContentError>;\n  @Output() changeScroll!: EventEmitter<OnChangeScroll>;\n  @Output() requestAppend!: EventEmitter<OnRequestAppend>;\n  @Output() requestPrepend!: EventEmitter<OnRequestPrepend>;\n  public visibleItems: InfiniteGridItem[] = [];\n\n  private _renderer = new Renderer();\n  private _isChange = false;\n\n  private _destroy$ = new Subject<void>();\n\n  constructor(\n    public elementRef: ElementRef<HTMLElement>,\n    @Inject(PLATFORM_ID) private _platformId: string,\n    private _ngZone: NgZone\n  ) {\n    super();\n\n    for (const name in INFINITEGRID_EVENTS) {\n      const eventName = (INFINITEGRID_EVENTS as any)[name];\n      (this as any)[eventName] = new EventEmitter();\n    }\n  }\n\n  ngOnInit() {\n    this._updateVisibleChildren();\n  }\n\n  ngOnChanges() {\n    this._isChange = true;\n    this._updateVisibleChildren();\n  }\n\n  ngAfterViewInit(): void {\n    if (isPlatformServer(this._platformId)) {\n      return;\n    }\n\n    const GridClass = (this.constructor as typeof NgxInfiniteGridComponent).GridClass;\n    const defaultOptions = GridClass!.defaultOptions;\n    const options: Partial<InfiniteGridOptions> = {};\n\n    for (const name in defaultOptions) {\n      if (name in this && typeof (this as any)[name] !== \"undefined\") {\n        (options as any)[name] = (this as any)[name];\n      }\n    }\n\n    options.renderer = this._renderer;\n\n    // The `InfiniteGrid` set ups `scroll` and `resize` events through `ScrollManager`\n    // and `ResizeWatcher`. These events force Angular to run change detection whenever\n    // dispatched; this happens too often.\n    const grid = this._ngZone.runOutsideAngular(\n      () => new GridClass!(this.elementRef.nativeElement, options)\n    );\n\n    for (const name in INFINITEGRID_EVENTS) {\n      const eventName = (INFINITEGRID_EVENTS as any)[name];\n\n      fromEvent(grid, eventName)\n        .pipe(takeUntil(this._destroy$))\n        .subscribe((event) => {\n          const emitter = (this as any)[eventName];\n          if (emitter && emitter.observers.length > 0) {\n            this._ngZone.run(() => emitter.emit(event));\n          }\n        });\n    }\n\n    this.vanillaGrid = grid;\n\n    fromEvent(this._renderer, 'requestUpdate')\n      .pipe(takeUntil(this._destroy$))\n      .subscribe(() => {\n        this._ngZone.run(() => {\n          this._isChange = true;\n          this._updateVisibleChildren();\n        });\n      });\n\n    mountRenderingItems(this._getItemInfos(), {\n      grid,\n      useFirstRender: this.useFirstRender,\n      useLoading: this.useLoading,\n      usePlaceholder: this.usePlaceholder,\n      horizontal: this.horizontal,\n      status: this.status,\n    });\n    this._renderer.updated();\n  }\n\n  ngAfterViewChecked() {\n    if (!this._isChange || !this.vanillaGrid) {\n      return;\n    }\n    const children = [].slice.call(this.getContainerElement().children);\n\n    if (this.visibleItems.length !== children.length) {\n      return;\n    }\n    this._isChange = false;\n    const GridClass = (this.constructor as typeof NgxInfiniteGridComponent).GridClass;\n    const propertyTypes = GridClass!.propertyTypes;\n    const grid = this.vanillaGrid;\n\n    for (const name in propertyTypes) {\n      if (name in this) {\n        (grid as any)[name] = (this as any)[name];\n      }\n    }\n\n    this._renderer.updated(children);\n  }\n\n  ngOnDestroy() {\n    this._destroy$.next();\n    this.vanillaGrid?.destroy();\n  }\n\n  private _getItemInfos(): InfiniteGridItemInfo[] {\n    const items = this.items;\n    const trackBy = this.trackBy;\n    const groupBy = this.groupBy;\n    const infoBy = this.infoBy;\n\n    return items.map((item, i) => {\n      const {\n        data,\n        ...rest\n      } = infoBy(i, item);\n      return {\n        groupKey: groupBy(i, item),\n        key: trackBy(i, item),\n        ...rest,\n        data: {\n          ...data,\n          ...item,\n        },\n      };\n    });\n  }\n\n  private _updateVisibleChildren() {\n    this.visibleItems = getRenderingItems(this._getItemInfos(), {\n      grid: this.vanillaGrid,\n      useFirstRender: this.useFirstRender,\n      useLoading: this.useLoading,\n      usePlaceholder: this.usePlaceholder,\n      horizontal: this.horizontal,\n      status: this.status,\n    });\n  }\n}\n","export const TEMPLATE = `\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #viewer>\n  <div *ngIf=\"container === true; else noContainer\" #containerRef>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </div>\n\n  <ng-template #noContainer>\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-template>\n</ng-template>\n\n<div *ngIf=\"elementRef.nativeElement.tagName.indexOf('NGX-') === 0; else noWrapper\" #wrapperRef>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</div>\n\n<ng-template #noWrapper>\n  <ng-template [ngTemplateOutlet]=\"viewer\"></ng-template>\n</ng-template>\n`;\n","import {\n  NgxInfiniteGridComponent,\n} from '../ngx-infinitegrid.component';\nimport { Component, Input } from '@angular/core';\nimport {\n  MasonryInfiniteGrid as VanillaMasonryInfiniteGrid,\n  MasonryInfiniteGridOptions,\n} from \"@egjs/infinitegrid\";\nimport { TEMPLATE } from '../consts';\n\n\n@Component({\n  selector: 'ngx-masonry-infinite-grid, [NgxMasonryInfiniteGrid]',\n  template: TEMPLATE,\n})\nexport class NgxMasonryInfiniteGridComponent extends NgxInfiniteGridComponent\n  implements Required<MasonryInfiniteGridOptions> {\n  public static GridClass = VanillaMasonryInfiniteGrid;\n  @Input() column!: Required<MasonryInfiniteGridOptions>['column'];\n  @Input() columnSize!: Required<MasonryInfiniteGridOptions>['columnSize'];\n  @Input() columnSizeRatio!: Required<MasonryInfiniteGridOptions>['columnSizeRatio'];\n  @Input() align!: Required<MasonryInfiniteGridOptions>['align'];\n  @Input() columnCalculationThreshold!: Required<MasonryInfiniteGridOptions>['columnCalculationThreshold'];\n  @Input() maxStretchColumnSize!: Required<MasonryInfiniteGridOptions>['maxStretchColumnSize'];\n}\n","import {\n  NgxInfiniteGridComponent,\n} from '../ngx-infinitegrid.component';\nimport { Component, Input } from '@angular/core';\nimport {\n  JustifiedInfiniteGrid as VanillaJustifiedInfiniteGrid,\n  JustifiedInfiniteGridOptions,\n} from \"@egjs/infinitegrid\";\nimport { TEMPLATE } from '../consts';\n\n\n@Component({\n  selector: 'ngx-justified-infinite-grid, [NgxJustifiedInfiniteGrid]',\n  template: TEMPLATE,\n})\nexport class NgxJustifiedInfiniteGridComponent extends NgxInfiniteGridComponent\n  implements Required<JustifiedInfiniteGridOptions> {\n  @Input() columnRange!: Required<JustifiedInfiniteGridOptions>['columnRange'];\n  @Input() rowRange!: Required<JustifiedInfiniteGridOptions>['rowRange'];\n  @Input() sizeRange!: Required<JustifiedInfiniteGridOptions>['sizeRange'];\n  @Input() displayedRow!: Required<JustifiedInfiniteGridOptions>['displayedRow'];\n  @Input() isCroppedSize!: Required<JustifiedInfiniteGridOptions>['isCroppedSize'];\n  public static GridClass = VanillaJustifiedInfiniteGrid;\n}\n","import {\n  NgxInfiniteGridComponent,\n} from '../ngx-infinitegrid.component';\nimport { Component, Input } from '@angular/core';\nimport {\n  FrameInfiniteGrid as VanillaFrameInfiniteGrid,\n  FrameInfiniteGridOptions,\n} from \"@egjs/infinitegrid\";\nimport { TEMPLATE } from '../consts';\n\n@Component({\n  selector: 'ngx-frame-infinite-grid, [NgxFrameInfiniteGrid]',\n  template: TEMPLATE,\n})\nexport class NgxFrameInfiniteGridComponent extends NgxInfiniteGridComponent\n  implements Required<FrameInfiniteGridOptions> {\n  @Input() frame!: Required<FrameInfiniteGridOptions>['frame'];\n  @Input() useFrameFill!: Required<FrameInfiniteGridOptions>['useFrameFill'];\n  @Input() rectSize!: Required<FrameInfiniteGridOptions>['rectSize'];\n  public static GridClass = VanillaFrameInfiniteGrid;\n}\n","import {\n  NgxInfiniteGridComponent,\n} from '../ngx-infinitegrid.component';\nimport { Component, Input } from '@angular/core';\nimport {\n  PackingInfiniteGrid as VanillaPackingInfiniteGrid,\n  PackingInfiniteGridOptions,\n} from \"@egjs/infinitegrid\";\nimport { TEMPLATE } from '../consts';\n\n\n@Component({\n  selector: 'ngx-packing-infinite-grid, [NgxPackingInfiniteGrid]',\n  template: TEMPLATE,\n})\nexport class NgxPackingInfiniteGridComponent extends NgxInfiniteGridComponent\n  implements Required<PackingInfiniteGridOptions> {\n  @Input() aspectRatio!: Required<PackingInfiniteGridOptions>['aspectRatio'];\n  @Input() sizeWeight!: Required<PackingInfiniteGridOptions>['sizeWeight'];\n  @Input() ratioWeight!: Required<PackingInfiniteGridOptions>['ratioWeight'];\n  @Input() weightPriority!: Required<PackingInfiniteGridOptions>['weightPriority'];\n  public static GridClass = VanillaPackingInfiniteGrid;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NgxInfiniteGridComponent } from './ngx-infinitegrid.component';\nimport { NgxMasonryInfiniteGridComponent } from './grids/ngx-masonry-infinitegrid.component';\nimport { NgxJustifiedInfiniteGridComponent } from './grids/ngx-justified-infinitegrid.component';\nimport { NgxFrameInfiniteGridComponent } from './grids/ngx-frame-infinitegrid.component';\nimport { NgxPackingInfiniteGridComponent } from './grids/ngx-packing-infinitegrid.component';\n\n\n\n\n@NgModule({\n  declarations: [\n    NgxInfiniteGridComponent,\n    NgxMasonryInfiniteGridComponent,\n    NgxJustifiedInfiniteGridComponent,\n    NgxFrameInfiniteGridComponent,\n    NgxPackingInfiniteGridComponent,\n  ],\n  imports: [\n    CommonModule,\n  ],\n  exports: [\n    NgxInfiniteGridComponent,\n    NgxMasonryInfiniteGridComponent,\n    NgxJustifiedInfiniteGridComponent,\n    NgxFrameInfiniteGridComponent,\n    NgxPackingInfiniteGridComponent,\n  ],\n})\nexport class NgxInfiniteGridModule { }\n","/** This shouldn't be used outside of the library, required for the Ivy compilation. */\nexport { NgxJustifiedInfiniteGridComponent as ɵNgxJustifiedInfiniteGridComponent } from './lib/grids/ngx-justified-infinitegrid.component';\nexport { NgxFrameInfiniteGridComponent as ɵNgxFrameInfiniteGridComponent } from './lib/grids/ngx-frame-infinitegrid.component';\nexport { NgxPackingInfiniteGridComponent as ɵNgxPackingInfiniteGridComponent } from './lib/grids/ngx-packing-infinitegrid.component';\n","/*\n * Public API Surface of ngx-infinitegrid\n */\n\nexport * from './lib/grids/ngx-masonry-infinitegrid.component';\nexport * from './lib/ngx-infinitegrid.component';\nexport * from './lib/ngx-infinitegrid.module';\n\nexport * from './private_export';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["VanillaMasonryInfiniteGrid","VanillaJustifiedInfiniteGrid","VanillaFrameInfiniteGrid","VanillaPackingInfiniteGrid"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@egjs/ngx-infinitegrid" />
+export * from './public-api';

package/lib/grids/ngx-frame-infinitegrid.component.d.ts

@@ -1,8 +1,11 @@
 import { NgxInfiniteGridComponent } from '../ngx-infinitegrid.component';
 import { FrameInfiniteGrid as VanillaFrameInfiniteGrid, FrameInfiniteGridOptions } from "@egjs/infinitegrid";
+import * as i0 from "@angular/core";
 export declare class NgxFrameInfiniteGridComponent extends NgxInfiniteGridComponent implements Required<FrameInfiniteGridOptions> {
     frame: Required<FrameInfiniteGridOptions>['frame'];
     useFrameFill: Required<FrameInfiniteGridOptions>['useFrameFill'];
     rectSize: Required<FrameInfiniteGridOptions>['rectSize'];
     static GridClass: typeof VanillaFrameInfiniteGrid;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxFrameInfiniteGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxFrameInfiniteGridComponent, "ngx-frame-infinite-grid, [NgxFrameInfiniteGrid]", never, { "frame": "frame"; "useFrameFill": "useFrameFill"; "rectSize": "rectSize"; }, {}, never, ["*"], false, never>;
 }

package/lib/grids/ngx-justified-infinitegrid.component.d.ts

@@ -1,5 +1,6 @@
 import { NgxInfiniteGridComponent } from '../ngx-infinitegrid.component';
 import { JustifiedInfiniteGrid as VanillaJustifiedInfiniteGrid, JustifiedInfiniteGridOptions } from "@egjs/infinitegrid";
+import * as i0 from "@angular/core";
 export declare class NgxJustifiedInfiniteGridComponent extends NgxInfiniteGridComponent implements Required<JustifiedInfiniteGridOptions> {
     columnRange: Required<JustifiedInfiniteGridOptions>['columnRange'];
     rowRange: Required<JustifiedInfiniteGridOptions>['rowRange'];
@@ -7,4 +8,6 @@ export declare class NgxJustifiedInfiniteGridComponent extends NgxInfiniteGridCo
     displayedRow: Required<JustifiedInfiniteGridOptions>['displayedRow'];
     isCroppedSize: Required<JustifiedInfiniteGridOptions>['isCroppedSize'];
     static GridClass: typeof VanillaJustifiedInfiniteGrid;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxJustifiedInfiniteGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxJustifiedInfiniteGridComponent, "ngx-justified-infinite-grid, [NgxJustifiedInfiniteGrid]", never, { "columnRange": "columnRange"; "rowRange": "rowRange"; "sizeRange": "sizeRange"; "displayedRow": "displayedRow"; "isCroppedSize": "isCroppedSize"; }, {}, never, ["*"], false, never>;
 }

package/lib/grids/ngx-masonry-infinitegrid.component.d.ts

@@ -1,5 +1,6 @@
 import { NgxInfiniteGridComponent } from '../ngx-infinitegrid.component';
 import { MasonryInfiniteGrid as VanillaMasonryInfiniteGrid, MasonryInfiniteGridOptions } from "@egjs/infinitegrid";
+import * as i0 from "@angular/core";
 export declare class NgxMasonryInfiniteGridComponent extends NgxInfiniteGridComponent implements Required<MasonryInfiniteGridOptions> {
     static GridClass: typeof VanillaMasonryInfiniteGrid;
     column: Required<MasonryInfiniteGridOptions>['column'];
@@ -8,4 +9,6 @@ export declare class NgxMasonryInfiniteGridComponent extends NgxInfiniteGridComp
     align: Required<MasonryInfiniteGridOptions>['align'];
     columnCalculationThreshold: Required<MasonryInfiniteGridOptions>['columnCalculationThreshold'];
     maxStretchColumnSize: Required<MasonryInfiniteGridOptions>['maxStretchColumnSize'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMasonryInfiniteGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMasonryInfiniteGridComponent, "ngx-masonry-infinite-grid, [NgxMasonryInfiniteGrid]", never, { "column": "column"; "columnSize": "columnSize"; "columnSizeRatio": "columnSizeRatio"; "align": "align"; "columnCalculationThreshold": "columnCalculationThreshold"; "maxStretchColumnSize": "maxStretchColumnSize"; }, {}, never, ["*"], false, never>;
 }

package/lib/grids/ngx-packing-infinitegrid.component.d.ts

@@ -1,9 +1,12 @@
 import { NgxInfiniteGridComponent } from '../ngx-infinitegrid.component';
 import { PackingInfiniteGrid as VanillaPackingInfiniteGrid, PackingInfiniteGridOptions } from "@egjs/infinitegrid";
+import * as i0 from "@angular/core";
 export declare class NgxPackingInfiniteGridComponent extends NgxInfiniteGridComponent implements Required<PackingInfiniteGridOptions> {
     aspectRatio: Required<PackingInfiniteGridOptions>['aspectRatio'];
     sizeWeight: Required<PackingInfiniteGridOptions>['sizeWeight'];
     ratioWeight: Required<PackingInfiniteGridOptions>['ratioWeight'];
     weightPriority: Required<PackingInfiniteGridOptions>['weightPriority'];
     static GridClass: typeof VanillaPackingInfiniteGrid;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxPackingInfiniteGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxPackingInfiniteGridComponent, "ngx-packing-infinite-grid, [NgxPackingInfiniteGrid]", never, { "aspectRatio": "aspectRatio"; "sizeWeight": "sizeWeight"; "ratioWeight": "ratioWeight"; "weightPriority": "weightPriority"; }, {}, never, ["*"], false, never>;
 }

package/lib/ngx-infinitegrid.component.d.ts

@@ -7,6 +7,7 @@ import { AfterViewChecked, AfterViewInit, ElementRef, EventEmitter, OnChanges, O
 import { InfiniteGridFunction, InfiniteGridItem, InfiniteGridOptions, OnContentError, OnRenderComplete, OnRequestAppend, OnRequestPrepend, OnChangeScroll } from '@egjs/infinitegrid';
 import { NgxInfiniteGridInterface } from './ngx-infinitegrid.interface';
 import { NgxInfiniteGridProps } from './types';
+import * as i0 from "@angular/core";
 export declare class NgxInfiniteGridComponent extends NgxInfiniteGridInterface implements Required<InfiniteGridOptions>, NgxInfiniteGridProps, AfterViewInit, AfterViewChecked, OnChanges, OnDestroy {
     elementRef: ElementRef<HTMLElement>;
     private _platformId;
@@ -48,6 +49,7 @@ export declare class NgxInfiniteGridComponent extends NgxInfiniteGridInterface i
     items: NgxInfiniteGridProps['items'];
     trackBy: NgxInfiniteGridProps['trackBy'];
     groupBy: NgxInfiniteGridProps['groupBy'];
+    infoBy: NgxInfiniteGridProps['infoBy'];
     renderComplete: EventEmitter<OnRenderComplete>;
     contentError: EventEmitter<OnContentError>;
     changeScroll: EventEmitter<OnChangeScroll>;
@@ -65,4 +67,6 @@ export declare class NgxInfiniteGridComponent extends NgxInfiniteGridInterface i
     ngOnDestroy(): void;
     private _getItemInfos;
     private _updateVisibleChildren;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxInfiniteGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxInfiniteGridComponent, "ngx-infinite-grid, [NgxInfiniteGrid]", never, { "gridConstructor": "gridConstructor"; "renderer": "renderer"; "container": "container"; "containerTag": "containerTag"; "threshold": "threshold"; "useRecycle": "useRecycle"; "horizontal": "horizontal"; "percentage": "percentage"; "isEqualSize": "isEqualSize"; "isConstantSize": "isConstantSize"; "gap": "gap"; "attributePrefix": "attributePrefix"; "resizeDebounce": "resizeDebounce"; "maxResizeDebounce": "maxResizeDebounce"; "autoResize": "autoResize"; "useFit": "useFit"; "useTransform": "useTransform"; "renderOnPropertyChange": "renderOnPropertyChange"; "preserveUIOnDestroy": "preserveUIOnDestroy"; "defaultDirection": "defaultDirection"; "externalItemRenderer": "externalItemRenderer"; "externalContainerManager": "externalContainerManager"; "outlineLength": "outlineLength"; "outlineSize": "outlineSize"; "useRoundedSize": "useRoundedSize"; "useResizeObserver": "useResizeObserver"; "observeChildren": "observeChildren"; "scrollContainer": "scrollContainer"; "appliedItemChecker": "appliedItemChecker"; "usePlaceholder": "usePlaceholder"; "useLoading": "useLoading"; "status": "status"; "useFirstRender": "useFirstRender"; "items": "items"; "trackBy": "trackBy"; "groupBy": "groupBy"; "infoBy": "infoBy"; }, { "renderComplete": "renderComplete"; "contentError": "contentError"; "changeScroll": "changeScroll"; "requestAppend": "requestAppend"; "requestPrepend": "requestPrepend"; }, never, never, false, never>;
 }

package/lib/ngx-infinitegrid.module.d.ts

@@ -1,2 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ngx-infinitegrid.component";
+import * as i2 from "./grids/ngx-masonry-infinitegrid.component";
+import * as i3 from "./grids/ngx-justified-infinitegrid.component";
+import * as i4 from "./grids/ngx-frame-infinitegrid.component";
+import * as i5 from "./grids/ngx-packing-infinitegrid.component";
+import * as i6 from "@angular/common";
 export declare class NgxInfiniteGridModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxInfiniteGridModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxInfiniteGridModule, [typeof i1.NgxInfiniteGridComponent, typeof i2.NgxMasonryInfiniteGridComponent, typeof i3.NgxJustifiedInfiniteGridComponent, typeof i4.NgxFrameInfiniteGridComponent, typeof i5.NgxPackingInfiniteGridComponent], [typeof i6.CommonModule], [typeof i1.NgxInfiniteGridComponent, typeof i2.NgxMasonryInfiniteGridComponent, typeof i3.NgxJustifiedInfiniteGridComponent, typeof i4.NgxFrameInfiniteGridComponent, typeof i5.NgxPackingInfiniteGridComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxInfiniteGridModule>;
 }

package/lib/types.d.ts

@@ -16,4 +16,5 @@ export interface NgxInfiniteGridProps extends NgxInfiniteGridEvents, Required<In
     items: any[];
     trackBy: (index: number, item: any) => any;
     groupBy: (index: number, item: any) => any;
+    infoBy: (index: number, item: any) => Record<string, any>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egjs/ngx-infinitegrid",
-  "version": "4.10.0-beta.1",
+  "version": "4.10.0",
   "description": "An Angular component that can arrange items infinitely according to the type of grids",
   "repository": {
     "type": "git",
@@ -18,15 +18,27 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@egjs/infinitegrid": "~4.9.0",
-    "tslib": "^2.0.0"
+    "@egjs/infinitegrid": "~4.10.0",
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/egjs-ngx-infinitegrid.mjs",
+  "es2020": "fesm2020/egjs-ngx-infinitegrid.mjs",
+  "esm2020": "esm2020/egjs-ngx-infinitegrid.mjs",
+  "fesm2020": "fesm2020/egjs-ngx-infinitegrid.mjs",
+  "fesm2015": "fesm2015/egjs-ngx-infinitegrid.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/egjs-ngx-infinitegrid.mjs",
+      "es2020": "./fesm2020/egjs-ngx-infinitegrid.mjs",
+      "es2015": "./fesm2015/egjs-ngx-infinitegrid.mjs",
+      "node": "./fesm2015/egjs-ngx-infinitegrid.mjs",
+      "default": "./fesm2020/egjs-ngx-infinitegrid.mjs"
+    }
   },
-  "main": "bundles/egjs-ngx-infinitegrid.umd.js",
-  "module": "fesm2015/egjs-ngx-infinitegrid.js",
-  "es2015": "fesm2015/egjs-ngx-infinitegrid.js",
-  "esm2015": "esm2015/egjs-ngx-infinitegrid.js",
-  "fesm2015": "fesm2015/egjs-ngx-infinitegrid.js",
-  "typings": "egjs-ngx-infinitegrid.d.ts",
-  "metadata": "egjs-ngx-infinitegrid.metadata.json",
   "sideEffects": false
 }