@egjs/ngx-infinitegrid 4.7.1-beta.0 → 4.8.0

package/esm2015/lib/ngx-infinitegrid.component.js

@@ -0,0 +1,184 @@
+/**
+ * egjs-infinitegrid
+ * Copyright (c) 2021-present NAVER Corp.
+ * MIT license
+ */
+import { Component, ElementRef, EventEmitter, Input, Output, PLATFORM_ID, Inject, NgZone } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+import { fromEvent, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { getRenderingItems, INFINITEGRID_EVENTS, mountRenderingItems, Renderer, } from '@egjs/infinitegrid';
+import { NgxInfiniteGridInterface } from './ngx-infinitegrid.interface';
+export 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.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._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() {
+        var _a;
+        this._destroy$.next();
+        (_a = this.vanillaGrid) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    _getItemInfos() {
+        const items = this.items;
+        const trackBy = this.trackBy;
+        const groupBy = this.groupBy;
+        return items.map((item, i) => {
+            return {
+                groupKey: groupBy(i, item),
+                key: trackBy(i, item),
+                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.decorators = [
+    { type: Component, args: [{
+                selector: 'ngx-infinite-grid, [NgxInfiniteGrid]',
+                template: '<slot></slot>',
+                styles: [':host { display: block }']
+            },] }
+];
+NgxInfiniteGridComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: NgZone }
+];
+NgxInfiniteGridComponent.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 }],
+    usePlaceholder: [{ type: Input }],
+    useLoading: [{ type: Input }],
+    status: [{ type: Input }],
+    useFirstRender: [{ type: Input }],
+    items: [{ type: Input }],
+    trackBy: [{ type: Input }],
+    groupBy: [{ type: Input }],
+    renderComplete: [{ type: Output }],
+    contentError: [{ type: Output }],
+    changeScroll: [{ type: Output }],
+    requestAppend: [{ type: Output }],
+    requestPrepend: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWluZmluaXRlZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtaW5maW5pdGVncmlkL3NyYy9saWIvbmd4LWluZmluaXRlZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUNGLE9BQU8sRUFHTixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUNOLFdBQVcsRUFDWCxNQUFNLEVBQ04sTUFBTSxFQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQ0wsaUJBQWlCLEVBS2pCLG1CQUFtQixFQUNuQixtQkFBbUIsRUFNbkIsUUFBUSxHQUNULE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFVeEUsTUFBTSxPQUFPLHdCQUNYLFNBQVEsd0JBQXdCO0lBcURoQyxZQUNZLFVBQW1DLEVBQ2hCLFdBQW1CLEVBQ3hDLE9BQWU7UUFFdkIsS0FBSyxFQUFFLENBQUM7UUFKRSxlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQUNoQixnQkFBVyxHQUFYLFdBQVcsQ0FBUTtRQUN4QyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBbEJoQixVQUFLLEdBQWtDLEVBQUUsQ0FBQztRQUMxQyxZQUFPLEdBQW9DLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbkUsWUFBTyxHQUFvQyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksRUFB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Szt5QkFDTCxLQUFLO3lCQUNMLEtBQUs7eUJBQ0wsS0FBSzswQkFDTCxLQUFLOzZCQUNMLEtBQUs7a0JBQ0wsS0FBSzs4QkFDTCxLQUFLOzZCQUNMLEtBQUs7Z0NBQ0wsS0FBSzt5QkFDTCxLQUFLO3FCQUNMLEtBQUs7MkJBQ0wsS0FBSztxQ0FDTCxLQUFLO2tDQUNMLEtBQUs7K0JBQ0wsS0FBSzttQ0FDTCxLQUFLO3VDQUNMLEtBQUs7NEJBQ0wsS0FBSzswQkFDTCxLQUFLOzZCQUNMLEtBQUs7Z0NBQ0wsS0FBSzs4QkFDTCxLQUFLOzhCQUNMLEtBQUs7NkJBRUwsS0FBSzt5QkFDTCxLQUFLO3FCQUNMLEtBQUs7NkJBQ0wsS0FBSztvQkFDTCxLQUFLO3NCQUNMLEtBQUs7c0JBQ0wsS0FBSzs2QkFDTCxNQUFNOzJCQUNOLE1BQU07MkJBQ04sTUFBTTs0QkFDTixNQUFNOzZCQUNOLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIGVnanMtaW5maW5pdGVncmlkXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCBOQVZFUiBDb3JwLlxuICogTUlUIGxpY2Vuc2VcbiAqL1xuIGltcG9ydCB7XG4gIEFmdGVyVmlld0NoZWNrZWQsXG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgUExBVEZPUk1fSUQsXG4gIEluamVjdCxcbiAgTmdab25lXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaXNQbGF0Zm9ybVNlcnZlciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBmcm9tRXZlbnQsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHtcbiAgZ2V0UmVuZGVyaW5nSXRlbXMsXG4gIEluZmluaXRlR3JpZEZ1bmN0aW9uLFxuICBJbmZpbml0ZUdyaWRJdGVtLFxuICBJbmZpbml0ZUdyaWRJdGVtSW5mbyxcbiAgSW5maW5pdGVHcmlkT3B0aW9ucyxcbiAgSU5GSU5JVEVHUklEX0VWRU5UUyxcbiAgbW91bnRSZW5kZXJpbmdJdGVtcyxcbiAgT25Db250ZW50RXJyb3IsXG4gIE9uUmVuZGVyQ29tcGxldGUsXG4gIE9uUmVxdWVzdEFwcGVuZCxcbiAgT25SZXF1ZXN0UHJlcGVuZCxcbiAgT25DaGFuZ2VTY3JvbGwsXG4gIFJlbmRlcmVyLFxufSBmcm9tICdAZWdqcy9pbmZpbml0ZWdyaWQnO1xuaW1wb3J0IHsgTmd4SW5maW5pdGVHcmlkSW50ZXJmYWNlIH0gZnJvbSAnLi9uZ3gtaW5maW5pdGVncmlkLmludGVyZmFjZSc7XG5pbXBvcnQgeyBOZ3hJbmZpbml0ZUdyaWRQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtaW5maW5pdGUtZ3JpZCwgW05neEluZmluaXRlR3JpZF0nLFxuICB0ZW1wbGF0ZTogJzxzbG90Pjwvc2xvdD4nLFxuICBzdHlsZXM6IFtcbiAgICAnOmhvc3QgeyBkaXNwbGF5OiBibG9jayB9JyxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTmd4SW5maW5pdGVHcmlkQ29tcG9uZW50XG4gIGV4dGVuZHMgTmd4SW5maW5pdGVHcmlkSW50ZXJmYWNlXG4gIGltcGxlbWVudHMgUmVxdWlyZWQ8SW5maW5pdGVHcmlkT3B0aW9ucz4sXG4gIE5neEluZmluaXRlR3JpZFByb3BzLFxuICBBZnRlclZpZXdJbml0LCBBZnRlclZpZXdDaGVja2VkLCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIHB1YmxpYyBzdGF0aWMgR3JpZENsYXNzOiBJbmZpbml0ZUdyaWRGdW5jdGlvbiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBncmlkQ29uc3RydWN0b3IhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snZ3JpZENvbnN0cnVjdG9yJ107XG4gIEBJbnB1dCgpIHJlbmRlcmVyITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3JlbmRlcmVyJ107XG4gIEBJbnB1dCgpIGNvbnRhaW5lciE6IE5neEluZmluaXRlR3JpZFByb3BzWydjb250YWluZXInXTtcbiAgQElucHV0KCkgY29udGFpbmVyVGFnITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ2NvbnRhaW5lclRhZyddO1xuICBASW5wdXQoKSB0aHJlc2hvbGQhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1sndGhyZXNob2xkJ107XG4gIEBJbnB1dCgpIHVzZVJlY3ljbGUhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1sndXNlUmVjeWNsZSddO1xuICBASW5wdXQoKSBob3Jpem9udGFsITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ2hvcml6b250YWwnXTtcbiAgQElucHV0KCkgcGVyY2VudGFnZSE6IE5neEluZmluaXRlR3JpZFByb3BzWydwZXJjZW50YWdlJ107XG4gIEBJbnB1dCgpIGlzRXF1YWxTaXplITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ2lzRXF1YWxTaXplJ107XG4gIEBJbnB1dCgpIGlzQ29uc3RhbnRTaXplITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ2lzQ29uc3RhbnRTaXplJ107XG4gIEBJbnB1dCgpIGdhcCE6IE5neEluZmluaXRlR3JpZFByb3BzWydnYXAnXTtcbiAgQElucHV0KCkgYXR0cmlidXRlUHJlZml4ITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ2F0dHJpYnV0ZVByZWZpeCddO1xuICBASW5wdXQoKSByZXNpemVEZWJvdW5jZSE6IE5neEluZmluaXRlR3JpZFByb3BzWydyZXNpemVEZWJvdW5jZSddO1xuICBASW5wdXQoKSBtYXhSZXNpemVEZWJvdW5jZSE6IE5neEluZmluaXRlR3JpZFByb3BzWydtYXhSZXNpemVEZWJvdW5jZSddO1xuICBASW5wdXQoKSBhdXRvUmVzaXplITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ2F1dG9SZXNpemUnXTtcbiAgQElucHV0KCkgdXNlRml0ITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3VzZUZpdCddO1xuICBASW5wdXQoKSB1c2VUcmFuc2Zvcm0hOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1sndXNlVHJhbnNmb3JtJ107XG4gIEBJbnB1dCgpIHJlbmRlck9uUHJvcGVydHlDaGFuZ2UhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1sncmVuZGVyT25Qcm9wZXJ0eUNoYW5nZSddO1xuICBASW5wdXQoKSBwcmVzZXJ2ZVVJT25EZXN0cm95ITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3ByZXNlcnZlVUlPbkRlc3Ryb3knXTtcbiAgQElucHV0KCkgZGVmYXVsdERpcmVjdGlvbiE6IE5neEluZmluaXRlR3JpZFByb3BzWydkZWZhdWx0RGlyZWN0aW9uJ107XG4gIEBJbnB1dCgpIGV4dGVybmFsSXRlbVJlbmRlcmVyITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ2V4dGVybmFsSXRlbVJlbmRlcmVyJ107XG4gIEBJbnB1dCgpIGV4dGVybmFsQ29udGFpbmVyTWFuYWdlciE6IE5neEluZmluaXRlR3JpZFByb3BzWydleHRlcm5hbENvbnRhaW5lck1hbmFnZXInXTtcbiAgQElucHV0KCkgb3V0bGluZUxlbmd0aCE6IE5neEluZmluaXRlR3JpZFByb3BzWydvdXRsaW5lTGVuZ3RoJ107XG4gIEBJbnB1dCgpIG91dGxpbmVTaXplITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ291dGxpbmVTaXplJ107XG4gIEBJbnB1dCgpIHVzZVJvdW5kZWRTaXplITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3VzZVJvdW5kZWRTaXplJ107XG4gIEBJbnB1dCgpIHVzZVJlc2l6ZU9ic2VydmVyITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3VzZVJlc2l6ZU9ic2VydmVyJ107XG4gIEBJbnB1dCgpIG9ic2VydmVDaGlsZHJlbiE6IE5neEluZmluaXRlR3JpZFByb3BzWydvYnNlcnZlQ2hpbGRyZW4nXTtcbiAgQElucHV0KCkgc2Nyb2xsQ29udGFpbmVyITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3Njcm9sbENvbnRhaW5lciddO1xuXG4gIEBJbnB1dCgpIHVzZVBsYWNlaG9sZGVyITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3VzZUZpcnN0UmVuZGVyJ107XG4gIEBJbnB1dCgpIHVzZUxvYWRpbmchOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1sndXNlTG9hZGluZyddO1xuICBASW5wdXQoKSBzdGF0dXMhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snc3RhdHVzJ107XG4gIEBJbnB1dCgpIHVzZUZpcnN0UmVuZGVyITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3VzZUZpcnN0UmVuZGVyJ107XG4gIEBJbnB1dCgpIGl0ZW1zOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snaXRlbXMnXSA9IFtdO1xuICBASW5wdXQoKSB0cmFja0J5OiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1sndHJhY2tCeSddID0gKChfLCBpdGVtKSA9PiBpdGVtLmtleSk7XG4gIEBJbnB1dCgpIGdyb3VwQnk6IE5neEluZmluaXRlR3JpZFByb3BzWydncm91cEJ5J10gPSAoKF8sIGl0ZW0pID0+IGl0ZW0uZ3JvdXBLZXkpO1xuICBAT3V0cHV0KCkgcmVuZGVyQ29tcGxldGUhOiBFdmVudEVtaXR0ZXI8T25SZW5kZXJDb21wbGV0ZT47XG4gIEBPdXRwdXQoKSBjb250ZW50RXJyb3IhOiBFdmVudEVtaXR0ZXI8T25Db250ZW50RXJyb3I+O1xuICBAT3V0cHV0KCkgY2hhbmdlU2Nyb2xsITogRXZlbnRFbWl0dGVyPE9uQ2hhbmdlU2Nyb2xsPjtcbiAgQE91dHB1dCgpIHJlcXVlc3RBcHBlbmQhOiBFdmVudEVtaXR0ZXI8T25SZXF1ZXN0QXBwZW5kPjtcbiAgQE91dHB1dCgpIHJlcXVlc3RQcmVwZW5kITogRXZlbnRFbWl0dGVyPE9uUmVxdWVzdFByZXBlbmQ+O1xuICBwdWJsaWMgdmlzaWJsZUl0ZW1zOiBJbmZpbml0ZUdyaWRJdGVtW10gPSBbXTtcblxuICBwcml2YXRlIF9yZW5kZXJlciA9IG5ldyBSZW5kZXJlcigpO1xuICBwcml2YXRlIF9pc0NoYW5nZSA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcm90ZWN0ZWQgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgQEluamVjdChQTEFURk9STV9JRCkgcHJpdmF0ZSBfcGxhdGZvcm1JZDogc3RyaW5nLFxuICAgIHByaXZhdGUgX25nWm9uZTogTmdab25lXG4gICkge1xuICAgIHN1cGVyKCk7XG5cbiAgICBmb3IgKGNvbnN0IG5hbWUgaW4gSU5GSU5JVEVHUklEX0VWRU5UUykge1xuICAgICAgY29uc3QgZXZlbnROYW1lID0gKElORklOSVRFR1JJRF9FVkVOVFMgYXMgYW55KVtuYW1lXTtcbiAgICAgICh0aGlzIGFzIGFueSlbZXZlbnROYW1lXSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLl91cGRhdGVWaXNpYmxlQ2hpbGRyZW4oKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuX2lzQ2hhbmdlID0gdHJ1ZTtcbiAgICB0aGlzLl91cGRhdGVWaXNpYmxlQ2hpbGRyZW4oKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoaXNQbGF0Zm9ybVNlcnZlcih0aGlzLl9wbGF0Zm9ybUlkKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IEdyaWRDbGFzcyA9ICh0aGlzLmNvbnN0cnVjdG9yIGFzIHR5cGVvZiBOZ3hJbmZpbml0ZUdyaWRDb21wb25lbnQpLkdyaWRDbGFzcztcbiAgICBjb25zdCBkZWZhdWx0T3B0aW9ucyA9IEdyaWRDbGFzcyEuZGVmYXVsdE9wdGlvbnM7XG4gICAgY29uc3Qgb3B0aW9uczogUGFydGlhbDxJbmZpbml0ZUdyaWRPcHRpb25zPiA9IHt9O1xuXG4gICAgZm9yIChjb25zdCBuYW1lIGluIGRlZmF1bHRPcHRpb25zKSB7XG4gICAgICBpZiAobmFtZSBpbiB0aGlzICYmIHR5cGVvZiAodGhpcyBhcyBhbnkpW25hbWVdICE9PSBcInVuZGVmaW5lZFwiKSB7XG4gICAgICAgIChvcHRpb25zIGFzIGFueSlbbmFtZV0gPSAodGhpcyBhcyBhbnkpW25hbWVdO1xuICAgICAgfVxuICAgIH1cblxuICAgIG9wdGlvbnMucmVuZGVyZXIgPSB0aGlzLl9yZW5kZXJlcjtcblxuICAgIC8vIFRoZSBgSW5maW5pdGVHcmlkYCBzZXQgdXBzIGBzY3JvbGxgIGFuZCBgcmVzaXplYCBldmVudHMgdGhyb3VnaCBgU2Nyb2xsTWFuYWdlcmBcbiAgICAvLyBhbmQgYFJlc2l6ZVdhdGNoZXJgLiBUaGVzZSBldmVudHMgZm9yY2UgQW5ndWxhciB0byBydW4gY2hhbmdlIGRldGVjdGlvbiB3aGVuZXZlclxuICAgIC8vIGRpc3BhdGNoZWQ7IHRoaXMgaGFwcGVucyB0b28gb2Z0ZW4uXG4gICAgY29uc3QgZ3JpZCA9IHRoaXMuX25nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcihcbiAgICAgICgpID0+IG5ldyBHcmlkQ2xhc3MhKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCBvcHRpb25zKVxuICAgICk7XG5cbiAgICBmb3IgKGNvbnN0IG5hbWUgaW4gSU5GSU5JVEVHUklEX0VWRU5UUykge1xuICAgICAgY29uc3QgZXZlbnROYW1lID0gKElORklOSVRFR1JJRF9FVkVOVFMgYXMgYW55KVtuYW1lXTtcblxuICAgICAgZnJvbUV2ZW50KGdyaWQsIGV2ZW50TmFtZSlcbiAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSlcbiAgICAgICAgLnN1YnNjcmliZSgoZXZlbnQpID0+IHtcbiAgICAgICAgICBjb25zdCBlbWl0dGVyID0gKHRoaXMgYXMgYW55KVtldmVudE5hbWVdO1xuICAgICAgICAgIGlmIChlbWl0dGVyICYmIGVtaXR0ZXIub2JzZXJ2ZXJzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIHRoaXMuX25nWm9uZS5ydW4oKCkgPT4gZW1pdHRlci5lbWl0KGV2ZW50KSk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICB0aGlzLnZhbmlsbGFHcmlkID0gZ3JpZDtcblxuICAgIGZyb21FdmVudCh0aGlzLl9yZW5kZXJlciwgJ3JlcXVlc3RVcGRhdGUnKVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLl9pc0NoYW5nZSA9IHRydWU7XG4gICAgICAgIHRoaXMuX3VwZGF0ZVZpc2libGVDaGlsZHJlbigpO1xuICAgICAgfSk7XG5cbiAgICBtb3VudFJlbmRlcmluZ0l0ZW1zKHRoaXMuX2dldEl0ZW1JbmZvcygpLCB7XG4gICAgICBncmlkLFxuICAgICAgdXNlRmlyc3RSZW5kZXI6IHRoaXMudXNlRmlyc3RSZW5kZXIsXG4gICAgICB1c2VMb2FkaW5nOiB0aGlzLnVzZUxvYWRpbmcsXG4gICAgICB1c2VQbGFjZWhvbGRlcjogdGhpcy51c2VQbGFjZWhvbGRlcixcbiAgICAgIGhvcml6b250YWw6IHRoaXMuaG9yaXpvbnRhbCxcbiAgICAgIHN0YXR1czogdGhpcy5zdGF0dXMsXG4gICAgfSk7XG4gICAgdGhpcy5fcmVuZGVyZXIudXBkYXRlZCgpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdDaGVja2VkKCkge1xuICAgIGlmICghdGhpcy5faXNDaGFuZ2UgfHwgIXRoaXMudmFuaWxsYUdyaWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgY2hpbGRyZW4gPSBbXS5zbGljZS5jYWxsKHRoaXMuZ2V0Q29udGFpbmVyRWxlbWVudCgpLmNoaWxkcmVuKTtcblxuICAgIGlmICh0aGlzLnZpc2libGVJdGVtcy5sZW5ndGggIT09IGNoaWxkcmVuLmxlbmd0aCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9pc0NoYW5nZSA9IGZhbHNlO1xuICAgIGNvbnN0IEdyaWRDbGFzcyA9ICh0aGlzLmNvbnN0cnVjdG9yIGFzIHR5cGVvZiBOZ3hJbmZpbml0ZUdyaWRDb21wb25lbnQpLkdyaWRDbGFzcztcbiAgICBjb25zdCBwcm9wZXJ0eVR5cGVzID0gR3JpZENsYXNzIS5wcm9wZXJ0eVR5cGVzO1xuICAgIGNvbnN0IGdyaWQgPSB0aGlzLnZhbmlsbGFHcmlkO1xuXG4gICAgZm9yIChjb25zdCBuYW1lIGluIHByb3BlcnR5VHlwZXMpIHtcbiAgICAgIGlmIChuYW1lIGluIHRoaXMpIHtcbiAgICAgICAgKGdyaWQgYXMgYW55KVtuYW1lXSA9ICh0aGlzIGFzIGFueSlbbmFtZV07XG4gICAgICB9XG4gICAgfVxuXG4gICAgdGhpcy5fcmVuZGVyZXIudXBkYXRlZChjaGlsZHJlbik7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLl9kZXN0cm95JC5uZXh0KCk7XG4gICAgdGhpcy52YW5pbGxhR3JpZD8uZGVzdHJveSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfZ2V0SXRlbUluZm9zKCk6IEluZmluaXRlR3JpZEl0ZW1JbmZvW10ge1xuICAgIGNvbnN0IGl0ZW1zID0gdGhpcy5pdGVtcztcbiAgICBjb25zdCB0cmFja0J5ID0gdGhpcy50cmFja0J5O1xuICAgIGNvbnN0IGdyb3VwQnkgPSB0aGlzLmdyb3VwQnk7XG5cbiAgICByZXR1cm4gaXRlbXMubWFwKChpdGVtLCBpKSA9PiB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBncm91cEtleTogZ3JvdXBCeShpLCBpdGVtKSxcbiAgICAgICAga2V5OiB0cmFja0J5KGksIGl0ZW0pLFxuICAgICAgICBkYXRhOiBpdGVtLFxuICAgICAgfTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVZpc2libGVDaGlsZHJlbigpIHtcbiAgICB0aGlzLnZpc2libGVJdGVtcyA9IGdldFJlbmRlcmluZ0l0ZW1zKHRoaXMuX2dldEl0ZW1JbmZvcygpLCB7XG4gICAgICBncmlkOiB0aGlzLnZhbmlsbGFHcmlkLFxuICAgICAgdXNlRmlyc3RSZW5kZXI6IHRoaXMudXNlRmlyc3RSZW5kZXIsXG4gICAgICB1c2VMb2FkaW5nOiB0aGlzLnVzZUxvYWRpbmcsXG4gICAgICB1c2VQbGFjZWhvbGRlcjogdGhpcy51c2VQbGFjZWhvbGRlcixcbiAgICAgIGhvcml6b250YWw6IHRoaXMuaG9yaXpvbnRhbCxcbiAgICAgIHN0YXR1czogdGhpcy5zdGF0dXMsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2015/lib/ngx-infinitegrid.interface.js

@@ -0,0 +1,13 @@
+import { __decorate } from "tslib";
+/**
+ * egjs-infinitegrid
+ * Copyright (c) 2021-present NAVER Corp.
+ * MIT license
+ */
+import { withInfiniteGridMethods } from '@egjs/infinitegrid';
+export class NgxInfiniteGridInterface {
+}
+__decorate([
+    withInfiniteGridMethods
+], NgxInfiniteGridInterface.prototype, "vanillaGrid", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWluZmluaXRlZ3JpZC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtaW5maW5pdGVncmlkL3NyYy9saWIvbmd4LWluZmluaXRlZ3JpZC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBOzs7O0dBSUc7QUFDSCxPQUE0QixFQUF1Qix1QkFBdUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3ZHLE1BQU0sT0FBTyx3QkFBd0I7Q0FHcEM7QUFEQztJQURDLHVCQUF1Qjs2REFDb0IiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIGVnanMtaW5maW5pdGVncmlkXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCBOQVZFUiBDb3JwLlxuICogTUlUIGxpY2Vuc2VcbiAqL1xuaW1wb3J0IFZhbmlsbGFJbmZpbml0ZUdyaWQsIHsgSW5maW5pdGVHcmlkTWV0aG9kcywgd2l0aEluZmluaXRlR3JpZE1ldGhvZHMgfSBmcm9tICdAZWdqcy9pbmZpbml0ZWdyaWQnO1xuaW1wb3J0IHsgTmd4SW5maW5pdGVHcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9uZ3gtaW5maW5pdGVncmlkLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBjbGFzcyBOZ3hJbmZpbml0ZUdyaWRJbnRlcmZhY2Uge1xuICBAd2l0aEluZmluaXRlR3JpZE1ldGhvZHNcbiAgcHJvdGVjdGVkIHZhbmlsbGFHcmlkITogVmFuaWxsYUluZmluaXRlR3JpZDtcbn1cbmV4cG9ydCBpbnRlcmZhY2UgTmd4SW5maW5pdGVHcmlkSW50ZXJmYWNlIGV4dGVuZHMgSW5maW5pdGVHcmlkTWV0aG9kczxOZ3hJbmZpbml0ZUdyaWRDb21wb25lbnQ+IHsgfVxuIl19

package/esm2015/lib/ngx-infinitegrid.module.js

@@ -0,0 +1,31 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { NgxInfiniteGridComponent } from './ngx-infinitegrid.component';
+import { NgxMasonryInfiniteGridComponent } from './grids/ngx-masonry-infinitegrid.component';
+import { NgxJustifiedInfiniteGridComponent } from './grids/ngx-justified-infinitegrid.component';
+import { NgxFrameInfiniteGridComponent } from './grids/ngx-frame-infinitegrid.component';
+import { NgxPackingInfiniteGridComponent } from './grids/ngx-packing-infinitegrid.component';
+export class NgxInfiniteGridModule {
+}
+NgxInfiniteGridModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    NgxInfiniteGridComponent,
+                    NgxMasonryInfiniteGridComponent,
+                    NgxJustifiedInfiniteGridComponent,
+                    NgxFrameInfiniteGridComponent,
+                    NgxPackingInfiniteGridComponent,
+                ],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [
+                    NgxInfiniteGridComponent,
+                    NgxMasonryInfiniteGridComponent,
+                    NgxJustifiedInfiniteGridComponent,
+                    NgxFrameInfiniteGridComponent,
+                    NgxPackingInfiniteGridComponent,
+                ],
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWluZmluaXRlZ3JpZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtaW5maW5pdGVncmlkL3NyYy9saWIvbmd4LWluZmluaXRlZ3JpZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDN0YsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDakcsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDekYsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUF3QjdGLE1BQU0sT0FBTyxxQkFBcUI7OztZQW5CakMsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWix3QkFBd0I7b0JBQ3hCLCtCQUErQjtvQkFDL0IsaUNBQWlDO29CQUNqQyw2QkFBNkI7b0JBQzdCLCtCQUErQjtpQkFDaEM7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7aUJBQ2I7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLHdCQUF3QjtvQkFDeEIsK0JBQStCO29CQUMvQixpQ0FBaUM7b0JBQ2pDLDZCQUE2QjtvQkFDN0IsK0JBQStCO2lCQUNoQzthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ3hJbmZpbml0ZUdyaWRDb21wb25lbnQgfSBmcm9tICcuL25neC1pbmZpbml0ZWdyaWQuY29tcG9uZW50JztcbmltcG9ydCB7IE5neE1hc29ucnlJbmZpbml0ZUdyaWRDb21wb25lbnQgfSBmcm9tICcuL2dyaWRzL25neC1tYXNvbnJ5LWluZmluaXRlZ3JpZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmd4SnVzdGlmaWVkSW5maW5pdGVHcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkcy9uZ3gtanVzdGlmaWVkLWluZmluaXRlZ3JpZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmd4RnJhbWVJbmZpbml0ZUdyaWRDb21wb25lbnQgfSBmcm9tICcuL2dyaWRzL25neC1mcmFtZS1pbmZpbml0ZWdyaWQuY29tcG9uZW50JztcbmltcG9ydCB7IE5neFBhY2tpbmdJbmZpbml0ZUdyaWRDb21wb25lbnQgfSBmcm9tICcuL2dyaWRzL25neC1wYWNraW5nLWluZmluaXRlZ3JpZC5jb21wb25lbnQnO1xuXG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBOZ3hJbmZpbml0ZUdyaWRDb21wb25lbnQsXG4gICAgTmd4TWFzb25yeUluZmluaXRlR3JpZENvbXBvbmVudCxcbiAgICBOZ3hKdXN0aWZpZWRJbmZpbml0ZUdyaWRDb21wb25lbnQsXG4gICAgTmd4RnJhbWVJbmZpbml0ZUdyaWRDb21wb25lbnQsXG4gICAgTmd4UGFja2luZ0luZmluaXRlR3JpZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE5neEluZmluaXRlR3JpZENvbXBvbmVudCxcbiAgICBOZ3hNYXNvbnJ5SW5maW5pdGVHcmlkQ29tcG9uZW50LFxuICAgIE5neEp1c3RpZmllZEluZmluaXRlR3JpZENvbXBvbmVudCxcbiAgICBOZ3hGcmFtZUluZmluaXRlR3JpZENvbXBvbmVudCxcbiAgICBOZ3hQYWNraW5nSW5maW5pdGVHcmlkQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hJbmZpbml0ZUdyaWRNb2R1bGUgeyB9XG4iXX0=

package/esm2015/lib/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtaW5maW5pdGVncmlkL3NyYy9saWIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogZWdqcy1pbmZpbml0ZWdyaWRcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50IE5BVkVSIENvcnAuXG4gKiBNSVQgbGljZW5zZVxuICovXG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgSW5maW5pdGVHcmlkRXZlbnRzLCBJbmZpbml0ZUdyaWRPcHRpb25zLCBJbmZpbml0ZUdyaWRTdGF0dXMgfSBmcm9tIFwiQGVnanMvaW5maW5pdGVncmlkXCI7XG5cbmV4cG9ydCB0eXBlIE5neEluZmluaXRlR3JpZEV2ZW50cyA9IHtcbiAgW2tleSBpbiBrZXlvZiBJbmZpbml0ZUdyaWRFdmVudHNdOiBFdmVudEVtaXR0ZXI8SW5maW5pdGVHcmlkRXZlbnRzW2tleV0+XG59O1xuXG5cbmV4cG9ydCBpbnRlcmZhY2UgTmd4SW5maW5pdGVHcmlkUHJvcHMgZXh0ZW5kcyBOZ3hJbmZpbml0ZUdyaWRFdmVudHMsIFJlcXVpcmVkPEluZmluaXRlR3JpZE9wdGlvbnM+IHtcbiAgdXNlUGxhY2Vob2xkZXI6IGJvb2xlYW47XG4gIHVzZUxvYWRpbmc6IGJvb2xlYW47XG4gIHVzZUZpcnN0UmVuZGVyOiBib29sZWFuO1xuICBzdGF0dXM6IEluZmluaXRlR3JpZFN0YXR1cztcbiAgaXRlbXM6IGFueVtdO1xuICB0cmFja0J5OiAoaW5kZXg6IG51bWJlciwgaXRlbTogYW55KSA9PiBhbnk7XG4gIGdyb3VwQnk6IChpbmRleDogbnVtYmVyLCBpdGVtOiBhbnkpID0+IGFueTtcbn1cbiJdfQ==

package/esm2015/public-api.js

@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of ngx-infinitegrid
+ */
+export * from './lib/grids/ngx-masonry-infinitegrid.component';
+export * from './lib/ngx-infinitegrid.component';
+export * from './lib/ngx-infinitegrid.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1pbmZpbml0ZWdyaWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWluZmluaXRlZ3JpZFxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2dyaWRzL25neC1tYXNvbnJ5LWluZmluaXRlZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmd4LWluZmluaXRlZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmd4LWluZmluaXRlZ3JpZC5tb2R1bGUnO1xuIl19

package/fesm2015/egjs-ngx-infinitegrid.js

@@ -0,0 +1,316 @@
+import { EventEmitter, Component, ElementRef, Inject, PLATFORM_ID, NgZone, Input, Output, NgModule } from '@angular/core';
+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.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._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() {
+        var _a;
+        this._destroy$.next();
+        (_a = this.vanillaGrid) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    _getItemInfos() {
+        const items = this.items;
+        const trackBy = this.trackBy;
+        const groupBy = this.groupBy;
+        return items.map((item, i) => {
+            return {
+                groupKey: groupBy(i, item),
+                key: trackBy(i, item),
+                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.decorators = [
+    { type: Component, args: [{
+                selector: 'ngx-infinite-grid, [NgxInfiniteGrid]',
+                template: '<slot></slot>',
+                styles: [':host { display: block }']
+            },] }
+];
+NgxInfiniteGridComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: NgZone }
+];
+NgxInfiniteGridComponent.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 }],
+    usePlaceholder: [{ type: Input }],
+    useLoading: [{ type: Input }],
+    status: [{ type: Input }],
+    useFirstRender: [{ type: Input }],
+    items: [{ type: Input }],
+    trackBy: [{ type: Input }],
+    groupBy: [{ 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>
+  <ng-template [ngIf]="container === true" [ngIfElse]="noContainer">
+    <div #containerRef>
+      <ng-container *ngTemplateOutlet="content"></ng-container>
+    </div>
+  </ng-template>
+  <ng-template #noContainer>
+    <ng-container *ngTemplateOutlet="content"></ng-container>
+  </ng-template>
+</ng-template>
+
+<ng-template [ngIf]="elementRef.nativeElement.tagName.indexOf('NGX-') === 0" [ngIfElse]="noWrapper">
+  <div #wrapperRef>
+    <ng-container *ngTemplateOutlet="viewer"></ng-container>
+  </div>
+</ng-template>
+
+<ng-template #noWrapper>
+  <ng-container *ngTemplateOutlet="viewer"></ng-container>
+</ng-template>
+`;
+
+class NgxMasonryInfiniteGridComponent extends NgxInfiniteGridComponent {
+}
+NgxMasonryInfiniteGridComponent.GridClass = MasonryInfiniteGrid;
+NgxMasonryInfiniteGridComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ngx-masonry-infinite-grid, [NgxMasonryInfiniteGrid]',
+                template: TEMPLATE
+            },] }
+];
+NgxMasonryInfiniteGridComponent.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.decorators = [
+    { type: Component, args: [{
+                selector: 'ngx-justified-infinite-grid, [NgxJustifiedInfiniteGrid]',
+                template: TEMPLATE
+            },] }
+];
+NgxJustifiedInfiniteGridComponent.propDecorators = {
+    columnRange: [{ type: Input }],
+    rowRange: [{ type: Input }],
+    sizeRange: [{ type: Input }],
+    displayedRow: [{ type: Input }],
+    isCroppedSize: [{ type: Input }]
+};
+
+class NgxFrameInfiniteGridComponent extends NgxInfiniteGridComponent {
+}
+NgxFrameInfiniteGridComponent.GridClass = FrameInfiniteGrid;
+NgxFrameInfiniteGridComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ngx-frame-infinite-grid, [NgxFrameInfiniteGrid]',
+                template: TEMPLATE
+            },] }
+];
+NgxFrameInfiniteGridComponent.propDecorators = {
+    frame: [{ type: Input }],
+    useFrameFill: [{ type: Input }],
+    rectSize: [{ type: Input }]
+};
+
+class NgxPackingInfiniteGridComponent extends NgxInfiniteGridComponent {
+}
+NgxPackingInfiniteGridComponent.GridClass = PackingInfiniteGrid;
+NgxPackingInfiniteGridComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ngx-packing-infinite-grid, [NgxPackingInfiniteGrid]',
+                template: TEMPLATE
+            },] }
+];
+NgxPackingInfiniteGridComponent.propDecorators = {
+    aspectRatio: [{ type: Input }],
+    sizeWeight: [{ type: Input }],
+    ratioWeight: [{ type: Input }],
+    weightPriority: [{ type: Input }]
+};
+
+class NgxInfiniteGridModule {
+}
+NgxInfiniteGridModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    NgxInfiniteGridComponent,
+                    NgxMasonryInfiniteGridComponent,
+                    NgxJustifiedInfiniteGridComponent,
+                    NgxFrameInfiniteGridComponent,
+                    NgxPackingInfiniteGridComponent,
+                ],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [
+                    NgxInfiniteGridComponent,
+                    NgxMasonryInfiniteGridComponent,
+                    NgxJustifiedInfiniteGridComponent,
+                    NgxFrameInfiniteGridComponent,
+                    NgxPackingInfiniteGridComponent,
+                ],
+            },] }
+];
+
+/*
+ * Public API Surface of ngx-infinitegrid
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxInfiniteGridComponent, NgxInfiniteGridModule, NgxMasonryInfiniteGridComponent, NgxInfiniteGridInterface as ɵa, TEMPLATE as ɵb, NgxJustifiedInfiniteGridComponent as ɵc, NgxFrameInfiniteGridComponent as ɵd, NgxPackingInfiniteGridComponent as ɵe };
+//# sourceMappingURL=egjs-ngx-infinitegrid.js.map

package/fesm2015/egjs-ngx-infinitegrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"egjs-ngx-infinitegrid.js","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/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';\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\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  @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    protected 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._isChange = true;\n        this._updateVisibleChildren();\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\n    return items.map((item, i) => {\n      return {\n        groupKey: groupBy(i, item),\n        key: trackBy(i, item),\n        data: item,\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  <ng-template [ngIf]=\"container === true\" [ngIfElse]=\"noContainer\">\n    <div #containerRef>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  </ng-template>\n  <ng-template #noContainer>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-template>\n</ng-template>\n\n<ng-template [ngIf]=\"elementRef.nativeElement.tagName.indexOf('NGX-') === 0\" [ngIfElse]=\"noWrapper\">\n  <div #wrapperRef>\n    <ng-container *ngTemplateOutlet=\"viewer\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #noWrapper>\n  <ng-container *ngTemplateOutlet=\"viewer\"></ng-container>\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  styles: [],\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  styles: [],\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\n@Component({\n  selector: 'ngx-frame-infinite-grid, [NgxFrameInfiniteGrid]',\n  template: TEMPLATE,\n  styles: [],\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  styles: [],\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","/*\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {TEMPLATE as ɵb} from './lib/consts';\nexport {NgxFrameInfiniteGridComponent as ɵd} from './lib/grids/ngx-frame-infinitegrid.component';\nexport {NgxJustifiedInfiniteGridComponent as ɵc} from './lib/grids/ngx-justified-infinitegrid.component';\nexport {NgxPackingInfiniteGridComponent as ɵe} from './lib/grids/ngx-packing-infinitegrid.component';\nexport {NgxInfiniteGridInterface as ɵa} from './lib/ngx-infinitegrid.interface';"],"names":["VanillaMasonryInfiniteGrid","VanillaJustifiedInfiniteGrid","VanillaFrameInfiniteGrid","VanillaPackingInfiniteGrid"],"mappings":"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"}

package/lib/consts.d.ts

@@ -0,0 +1 @@
+export declare const TEMPLATE = "\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #viewer>\n  <ng-template [ngIf]=\"container === true\" [ngIfElse]=\"noContainer\">\n    <div #containerRef>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  </ng-template>\n  <ng-template #noContainer>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-template>\n</ng-template>\n\n<ng-template [ngIf]=\"elementRef.nativeElement.tagName.indexOf('NGX-') === 0\" [ngIfElse]=\"noWrapper\">\n  <div #wrapperRef>\n    <ng-container *ngTemplateOutlet=\"viewer\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #noWrapper>\n  <ng-container *ngTemplateOutlet=\"viewer\"></ng-container>\n</ng-template>\n";