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

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

@@ -0,0 +1,176 @@
+/**
+ * egjs-infinitegrid
+ * Copyright (c) 2021-present NAVER Corp.
+ * MIT license
+ */
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, PLATFORM_ID, Inject, } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { getRenderingItems, INFINITEGRID_EVENTS, mountRenderingItems, Renderer, } from '@egjs/infinitegrid';
+import { NgxInfiniteGridInterface } from './ngx-infinitegrid.interface';
+// @dynamic
+export class NgxInfiniteGridComponent extends NgxInfiniteGridInterface {
+    constructor(elementRef, _platform) {
+        super();
+        this.elementRef = elementRef;
+        this._platform = _platform;
+        this.items = [];
+        this.trackBy = ((_, item) => item.key);
+        this.groupBy = ((_, item) => item.groupKey);
+        this.visibleItems = [];
+        this._renderer = new Renderer();
+        this._isChange = false;
+        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() {
+        var _a;
+        if (!isPlatformBrowser(this._platform)) {
+            return;
+        }
+        const GridClass = this.constructor.GridClass;
+        const defaultOptions = GridClass.defaultOptions;
+        const options = {};
+        const containerElement = (_a = this._containerRef) === null || _a === void 0 ? void 0 : _a.nativeElement;
+        for (const name in defaultOptions) {
+            if (name in this && typeof this[name] !== "undefined") {
+                options[name] = this[name];
+            }
+        }
+        if (containerElement) {
+            options.container = containerElement;
+        }
+        options.renderer = this._renderer;
+        const wrapper = this._wrapperRef || this.elementRef;
+        const grid = new GridClass(wrapper.nativeElement, options);
+        for (const name in INFINITEGRID_EVENTS) {
+            const eventName = INFINITEGRID_EVENTS[name];
+            grid.on(eventName, (e) => {
+                this[eventName].emit(e);
+            });
+        }
+        this.vanillaGrid = grid;
+        this._renderer.on("requestUpdate", () => {
+            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;
+        (_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.decorators = [
+    { type: Component, args: [{
+                selector: 'ngx-infinite-grid, [NgxInfiniteGrid]',
+                template: '<slot></slot>',
+                styles: [':host { display: block }']
+            },] }
+];
+NgxInfiniteGridComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
+];
+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 }],
+    _wrapperRef: [{ type: ViewChild, args: ['wrapperRef', { static: false },] }],
+    _containerRef: [{ type: ViewChild, args: ['containerRef', { static: false },] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWluZmluaXRlZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtaW5maW5pdGVncmlkL3NyYy9saWIvbmd4LWluZmluaXRlZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUNILE9BQU8sRUFDNEIsU0FBUyxFQUFFLFVBQVUsRUFDdEQsWUFBWSxFQUFFLEtBQUssRUFBd0IsTUFBTSxFQUFFLFNBQVMsRUFDNUQsV0FBVyxFQUFFLE1BQU0sR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFcEQsT0FBTyxFQUNMLGlCQUFpQixFQUtqQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBTW5CLFFBQVEsR0FDVCxNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBR3hFLFdBQVc7QUFRWCxNQUFNLE9BQU8sd0JBQ1gsU0FBUSx3QkFBd0I7SUFvRGhDLFlBQXNCLFVBQXNCLEVBQStCLFNBQWlCO1FBQzFGLEtBQUssRUFBRSxDQUFDO1FBRFksZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUErQixjQUFTLEdBQVQsU0FBUyxDQUFRO1FBZG5GLFVBQUssR0FBa0MsRUFBRSxDQUFDO1FBQzFDLFlBQU8sR0FBb0MsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNuRSxZQUFPLEdBQW9DLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFNMUUsaUJBQVksR0FBdUIsRUFBRSxDQUFDO1FBR3JDLGNBQVMsR0FBRyxJQUFJLFFBQVEsRUFBRSxDQUFDO1FBQzNCLGNBQVMsR0FBRyxL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TSxFQUFFLEtBQUssRUFBRTs0QkFDekMsU0FBUyxTQUFDLGNBQWMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIGVnanMtaW5maW5pdGVncmlkXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCBOQVZFUiBDb3JwLlxuICogTUlUIGxpY2Vuc2VcbiAqL1xuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3Q2hlY2tlZCwgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgT3V0cHV0LCBWaWV3Q2hpbGQsXG4gIFBMQVRGT1JNX0lELCBJbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaXNQbGF0Zm9ybUJyb3dzZXIgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQge1xuICBnZXRSZW5kZXJpbmdJdGVtcyxcbiAgSW5maW5pdGVHcmlkRnVuY3Rpb24sXG4gIEluZmluaXRlR3JpZEl0ZW0sXG4gIEluZmluaXRlR3JpZEl0ZW1JbmZvLFxuICBJbmZpbml0ZUdyaWRPcHRpb25zLFxuICBJTkZJTklURUdSSURfRVZFTlRTLFxuICBtb3VudFJlbmRlcmluZ0l0ZW1zLFxuICBPbkNvbnRlbnRFcnJvcixcbiAgT25SZW5kZXJDb21wbGV0ZSxcbiAgT25SZXF1ZXN0QXBwZW5kLFxuICBPblJlcXVlc3RQcmVwZW5kLFxuICBPbkNoYW5nZVNjcm9sbCxcbiAgUmVuZGVyZXIsXG59IGZyb20gJ0BlZ2pzL2luZmluaXRlZ3JpZCc7XG5pbXBvcnQgeyBOZ3hJbmZpbml0ZUdyaWRJbnRlcmZhY2UgfSBmcm9tICcuL25neC1pbmZpbml0ZWdyaWQuaW50ZXJmYWNlJztcbmltcG9ydCB7IE5neEluZmluaXRlR3JpZFByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbi8vIEBkeW5hbWljXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtaW5maW5pdGUtZ3JpZCwgW05neEluZmluaXRlR3JpZF0nLFxuICB0ZW1wbGF0ZTogJzxzbG90Pjwvc2xvdD4nLFxuICBzdHlsZXM6IFtcbiAgICAnOmhvc3QgeyBkaXNwbGF5OiBibG9jayB9JyxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTmd4SW5maW5pdGVHcmlkQ29tcG9uZW50XG4gIGV4dGVuZHMgTmd4SW5maW5pdGVHcmlkSW50ZXJmYWNlXG4gIGltcGxlbWVudHMgUmVxdWlyZWQ8SW5maW5pdGVHcmlkT3B0aW9ucz4sXG4gIE5neEluZmluaXRlR3JpZFByb3BzLFxuICBBZnRlclZpZXdJbml0LCBBZnRlclZpZXdDaGVja2VkLCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIHB1YmxpYyBzdGF0aWMgR3JpZENsYXNzOiBJbmZpbml0ZUdyaWRGdW5jdGlvbjtcbiAgQElucHV0KCkgZ3JpZENvbnN0cnVjdG9yITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ2dyaWRDb25zdHJ1Y3RvciddO1xuICBASW5wdXQoKSByZW5kZXJlciE6IE5neEluZmluaXRlR3JpZFByb3BzWydyZW5kZXJlciddO1xuICBASW5wdXQoKSBjb250YWluZXIhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snY29udGFpbmVyJ107XG4gIEBJbnB1dCgpIGNvbnRhaW5lclRhZyE6IE5neEluZmluaXRlR3JpZFByb3BzWydjb250YWluZXJUYWcnXTtcbiAgQElucHV0KCkgdGhyZXNob2xkITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3RocmVzaG9sZCddO1xuICBASW5wdXQoKSB1c2VSZWN5Y2xlITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3VzZVJlY3ljbGUnXTtcbiAgQElucHV0KCkgaG9yaXpvbnRhbCE6IE5neEluZmluaXRlR3JpZFByb3BzWydob3Jpem9udGFsJ107XG4gIEBJbnB1dCgpIHBlcmNlbnRhZ2UhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1sncGVyY2VudGFnZSddO1xuICBASW5wdXQoKSBpc0VxdWFsU2l6ZSE6IE5neEluZmluaXRlR3JpZFByb3BzWydpc0VxdWFsU2l6ZSddO1xuICBASW5wdXQoKSBpc0NvbnN0YW50U2l6ZSE6IE5neEluZmluaXRlR3JpZFByb3BzWydpc0NvbnN0YW50U2l6ZSddO1xuICBASW5wdXQoKSBnYXAhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snZ2FwJ107XG4gIEBJbnB1dCgpIGF0dHJpYnV0ZVByZWZpeCE6IE5neEluZmluaXRlR3JpZFByb3BzWydhdHRyaWJ1dGVQcmVmaXgnXTtcbiAgQElucHV0KCkgcmVzaXplRGVib3VuY2UhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1sncmVzaXplRGVib3VuY2UnXTtcbiAgQElucHV0KCkgbWF4UmVzaXplRGVib3VuY2UhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snbWF4UmVzaXplRGVib3VuY2UnXTtcbiAgQElucHV0KCkgYXV0b1Jlc2l6ZSE6IE5neEluZmluaXRlR3JpZFByb3BzWydhdXRvUmVzaXplJ107XG4gIEBJbnB1dCgpIHVzZUZpdCE6IE5neEluZmluaXRlR3JpZFByb3BzWyd1c2VGaXQnXTtcbiAgQElucHV0KCkgdXNlVHJhbnNmb3JtITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3VzZVRyYW5zZm9ybSddO1xuICBASW5wdXQoKSByZW5kZXJPblByb3BlcnR5Q2hhbmdlITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3JlbmRlck9uUHJvcGVydHlDaGFuZ2UnXTtcbiAgQElucHV0KCkgcHJlc2VydmVVSU9uRGVzdHJveSE6IE5neEluZmluaXRlR3JpZFByb3BzWydwcmVzZXJ2ZVVJT25EZXN0cm95J107XG4gIEBJbnB1dCgpIGRlZmF1bHREaXJlY3Rpb24hOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snZGVmYXVsdERpcmVjdGlvbiddO1xuICBASW5wdXQoKSBleHRlcm5hbEl0ZW1SZW5kZXJlciE6IE5neEluZmluaXRlR3JpZFByb3BzWydleHRlcm5hbEl0ZW1SZW5kZXJlciddO1xuICBASW5wdXQoKSBleHRlcm5hbENvbnRhaW5lck1hbmFnZXIhOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snZXh0ZXJuYWxDb250YWluZXJNYW5hZ2VyJ107XG4gIEBJbnB1dCgpIG91dGxpbmVMZW5ndGghOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snb3V0bGluZUxlbmd0aCddO1xuICBASW5wdXQoKSBvdXRsaW5lU2l6ZSE6IE5neEluZmluaXRlR3JpZFByb3BzWydvdXRsaW5lU2l6ZSddO1xuICBASW5wdXQoKSB1c2VSb3VuZGVkU2l6ZSE6IE5neEluZmluaXRlR3JpZFByb3BzWyd1c2VSb3VuZGVkU2l6ZSddO1xuICBASW5wdXQoKSB1c2VSZXNpemVPYnNlcnZlciE6IE5neEluZmluaXRlR3JpZFByb3BzWyd1c2VSZXNpemVPYnNlcnZlciddO1xuICBASW5wdXQoKSBvYnNlcnZlQ2hpbGRyZW4hOiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snb2JzZXJ2ZUNoaWxkcmVuJ107XG4gIEBJbnB1dCgpIHNjcm9sbENvbnRhaW5lciE6IE5neEluZmluaXRlR3JpZFByb3BzWydzY3JvbGxDb250YWluZXInXTtcblxuICBASW5wdXQoKSB1c2VQbGFjZWhvbGRlciE6IE5neEluZmluaXRlR3JpZFByb3BzWyd1c2VGaXJzdFJlbmRlciddO1xuICBASW5wdXQoKSB1c2VMb2FkaW5nITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3VzZUxvYWRpbmcnXTtcbiAgQElucHV0KCkgc3RhdHVzITogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3N0YXR1cyddO1xuICBASW5wdXQoKSB1c2VGaXJzdFJlbmRlciE6IE5neEluZmluaXRlR3JpZFByb3BzWyd1c2VGaXJzdFJlbmRlciddO1xuICBASW5wdXQoKSBpdGVtczogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ2l0ZW1zJ10gPSBbXTtcbiAgQElucHV0KCkgdHJhY2tCeTogTmd4SW5maW5pdGVHcmlkUHJvcHNbJ3RyYWNrQnknXSA9ICgoXywgaXRlbSkgPT4gaXRlbS5rZXkpO1xuICBASW5wdXQoKSBncm91cEJ5OiBOZ3hJbmZpbml0ZUdyaWRQcm9wc1snZ3JvdXBCeSddID0gKChfLCBpdGVtKSA9PiBpdGVtLmdyb3VwS2V5KTtcbiAgQE91dHB1dCgpIHJlbmRlckNvbXBsZXRlITogRXZlbnRFbWl0dGVyPE9uUmVuZGVyQ29tcGxldGU+O1xuICBAT3V0cHV0KCkgY29udGVudEVycm9yITogRXZlbnRFbWl0dGVyPE9uQ29udGVudEVycm9yPjtcbiAgQE91dHB1dCgpIGNoYW5nZVNjcm9sbCE6IEV2ZW50RW1pdHRlcjxPbkNoYW5nZVNjcm9sbD47XG4gIEBPdXRwdXQoKSByZXF1ZXN0QXBwZW5kITogRXZlbnRFbWl0dGVyPE9uUmVxdWVzdEFwcGVuZD47XG4gIEBPdXRwdXQoKSByZXF1ZXN0UHJlcGVuZCE6IEV2ZW50RW1pdHRlcjxPblJlcXVlc3RQcmVwZW5kPjtcbiAgcHVibGljIHZpc2libGVJdGVtczogSW5maW5pdGVHcmlkSXRlbVtdID0gW107XG4gIEBWaWV3Q2hpbGQoJ3dyYXBwZXJSZWYnLCB7IHN0YXRpYzogZmFsc2UgfSkgX3dyYXBwZXJSZWYhOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdjb250YWluZXJSZWYnLCB7IHN0YXRpYzogZmFsc2UgfSkgX2NvbnRhaW5lclJlZiE6IEVsZW1lbnRSZWY7XG4gIHByaXZhdGUgX3JlbmRlcmVyID0gbmV3IFJlbmRlcmVyKCk7XG4gIHByaXZhdGUgX2lzQ2hhbmdlID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIEBJbmplY3QoUExBVEZPUk1fSUQpIHByaXZhdGUgX3BsYXRmb3JtOiBPYmplY3QpIHtcbiAgICBzdXBlcigpO1xuICAgIGZvciAoY29uc3QgbmFtZSBpbiBJTkZJTklURUdSSURfRVZFTlRTKSB7XG4gICAgICBjb25zdCBldmVudE5hbWUgPSAoSU5GSU5JVEVHUklEX0VWRU5UUyBhcyBhbnkpW25hbWVdO1xuICAgICAgKHRoaXMgYXMgYW55KVtldmVudE5hbWVdID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIH1cbiAgfVxuXG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5fdXBkYXRlVmlzaWJsZUNoaWxkcmVuKCk7XG4gIH1cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5faXNDaGFuZ2UgPSB0cnVlO1xuICAgIHRoaXMuX3VwZGF0ZVZpc2libGVDaGlsZHJlbigpO1xuICB9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIWlzUGxhdGZvcm1Ccm93c2VyKHRoaXMuX3BsYXRmb3JtKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBHcmlkQ2xhc3MgPSAodGhpcy5jb25zdHJ1Y3RvciBhcyB0eXBlb2YgTmd4SW5maW5pdGVHcmlkQ29tcG9uZW50KS5HcmlkQ2xhc3M7XG4gICAgY29uc3QgZGVmYXVsdE9wdGlvbnMgPSBHcmlkQ2xhc3MuZGVmYXVsdE9wdGlvbnM7XG4gICAgY29uc3Qgb3B0aW9uczogUGFydGlhbDxJbmZpbml0ZUdyaWRPcHRpb25zPiA9IHt9O1xuICAgIGNvbnN0IGNvbnRhaW5lckVsZW1lbnQgPSB0aGlzLl9jb250YWluZXJSZWY/Lm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICBmb3IgKGNvbnN0IG5hbWUgaW4gZGVmYXVsdE9wdGlvbnMpIHtcbiAgICAgIGlmIChuYW1lIGluIHRoaXMgJiYgdHlwZW9mICh0aGlzIGFzIGFueSlbbmFtZV0gIT09IFwidW5kZWZpbmVkXCIpIHtcbiAgICAgICAgKG9wdGlvbnMgYXMgYW55KVtuYW1lXSA9ICh0aGlzIGFzIGFueSlbbmFtZV07XG4gICAgICB9XG4gICAgfVxuICAgIGlmIChjb250YWluZXJFbGVtZW50KSB7XG4gICAgICBvcHRpb25zLmNvbnRhaW5lciA9IGNvbnRhaW5lckVsZW1lbnQ7XG4gICAgfVxuICAgIG9wdGlvbnMucmVuZGVyZXIgPSB0aGlzLl9yZW5kZXJlcjtcbiAgICBjb25zdCB3cmFwcGVyID0gdGhpcy5fd3JhcHBlclJlZiEgfHwgdGhpcy5lbGVtZW50UmVmO1xuXG4gICAgY29uc3QgZ3JpZCA9IG5ldyBHcmlkQ2xhc3Mod3JhcHBlci5uYXRpdmVFbGVtZW50LCBvcHRpb25zKTtcblxuICAgIGZvciAoY29uc3QgbmFtZSBpbiBJTkZJTklURUdSSURfRVZFTlRTKSB7XG4gICAgICBjb25zdCBldmVudE5hbWUgPSAoSU5GSU5JVEVHUklEX0VWRU5UUyBhcyBhbnkpW25hbWVdO1xuXG4gICAgICBncmlkLm9uKGV2ZW50TmFtZSwgKGU6IGFueSkgPT4ge1xuICAgICAgICAodGhpcyBhcyBhbnkpW2V2ZW50TmFtZV0uZW1pdChlIGFzIGFueSk7XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICB0aGlzLnZhbmlsbGFHcmlkID0gZ3JpZDtcbiAgICB0aGlzLl9yZW5kZXJlci5vbihcInJlcXVlc3RVcGRhdGVcIiwgKCkgPT4ge1xuICAgICAgdGhpcy5faXNDaGFuZ2UgPSB0cnVlO1xuICAgICAgdGhpcy5fdXBkYXRlVmlzaWJsZUNoaWxkcmVuKCk7XG4gICAgfSk7XG5cbiAgICBtb3VudFJlbmRlcmluZ0l0ZW1zKHRoaXMuX2dldEl0ZW1JbmZvcygpLCB7XG4gICAgICBncmlkLFxuICAgICAgdXNlRmlyc3RSZW5kZXI6IHRoaXMudXNlRmlyc3RSZW5kZXIsXG4gICAgICB1c2VMb2FkaW5nOiB0aGlzLnVzZUxvYWRpbmcsXG4gICAgICB1c2VQbGFjZWhvbGRlcjogdGhpcy51c2VQbGFjZWhvbGRlcixcbiAgICAgIGhvcml6b250YWw6IHRoaXMuaG9yaXpvbnRhbCxcbiAgICAgIHN0YXR1czogdGhpcy5zdGF0dXMsXG4gICAgfSk7XG4gICAgdGhpcy5fcmVuZGVyZXIudXBkYXRlZCgpO1xuICB9XG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcbiAgICBpZiAoIXRoaXMuX2lzQ2hhbmdlIHx8ICF0aGlzLnZhbmlsbGFHcmlkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGNoaWxkcmVuID0gW10uc2xpY2UuY2FsbCh0aGlzLmdldENvbnRhaW5lckVsZW1lbnQoKS5jaGlsZHJlbik7XG5cbiAgICBpZiAodGhpcy52aXNpYmxlSXRlbXMubGVuZ3RoICE9PSBjaGlsZHJlbi5sZW5ndGgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5faXNDaGFuZ2UgPSBmYWxzZTtcbiAgICBjb25zdCBHcmlkQ2xhc3MgPSAodGhpcy5jb25zdHJ1Y3RvciBhcyB0eXBlb2YgTmd4SW5maW5pdGVHcmlkQ29tcG9uZW50KS5HcmlkQ2xhc3M7XG4gICAgY29uc3QgcHJvcGVydHlUeXBlcyA9IEdyaWRDbGFzcy5wcm9wZXJ0eVR5cGVzO1xuICAgIGNvbnN0IGdyaWQgPSB0aGlzLnZhbmlsbGFHcmlkO1xuXG4gICAgZm9yIChjb25zdCBuYW1lIGluIHByb3BlcnR5VHlwZXMpIHtcbiAgICAgIGlmIChuYW1lIGluIHRoaXMpIHtcbiAgICAgICAgKGdyaWQgYXMgYW55KVtuYW1lXSA9ICh0aGlzIGFzIGFueSlbbmFtZV07XG4gICAgICB9XG4gICAgfVxuXG4gICAgdGhpcy5fcmVuZGVyZXIudXBkYXRlZChjaGlsZHJlbik7XG4gIH1cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy52YW5pbGxhR3JpZD8uZGVzdHJveSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfZ2V0SXRlbUluZm9zKCk6IEluZmluaXRlR3JpZEl0ZW1JbmZvW10ge1xuICAgIGNvbnN0IGl0ZW1zID0gdGhpcy5pdGVtcztcbiAgICBjb25zdCB0cmFja0J5ID0gdGhpcy50cmFja0J5O1xuICAgIGNvbnN0IGdyb3VwQnkgPSB0aGlzLmdyb3VwQnk7XG5cbiAgICByZXR1cm4gaXRlbXMubWFwKChpdGVtLCBpKSA9PiB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBncm91cEtleTogZ3JvdXBCeShpLCBpdGVtKSxcbiAgICAgICAga2V5OiB0cmFja0J5KGksIGl0ZW0pLFxuICAgICAgICBkYXRhOiBpdGVtLFxuICAgICAgfTtcbiAgICB9KTtcbiAgfVxuICBwcml2YXRlIF91cGRhdGVWaXNpYmxlQ2hpbGRyZW4oKSB7XG4gICAgdGhpcy52aXNpYmxlSXRlbXMgPSBnZXRSZW5kZXJpbmdJdGVtcyh0aGlzLl9nZXRJdGVtSW5mb3MoKSwge1xuICAgICAgZ3JpZDogdGhpcy52YW5pbGxhR3JpZCxcbiAgICAgIHVzZUZpcnN0UmVuZGVyOiB0aGlzLnVzZUZpcnN0UmVuZGVyLFxuICAgICAgdXNlTG9hZGluZzogdGhpcy51c2VMb2FkaW5nLFxuICAgICAgdXNlUGxhY2Vob2xkZXI6IHRoaXMudXNlUGxhY2Vob2xkZXIsXG4gICAgICBob3Jpem9udGFsOiB0aGlzLmhvcml6b250YWwsXG4gICAgICBzdGF0dXM6IHRoaXMuc3RhdHVzLFxuICAgIH0pO1xuICB9XG59XG4iXX0=

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/ngx-infinitegrid.service.js

@@ -0,0 +1,13 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class NgxInfinitegridService {
+    constructor() { }
+}
+NgxInfinitegridService.ɵprov = i0.ɵɵdefineInjectable({ factory: function NgxInfinitegridService_Factory() { return new NgxInfinitegridService(); }, token: NgxInfinitegridService, providedIn: "root" });
+NgxInfinitegridService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+NgxInfinitegridService.ctorParameters = () => [];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWluZmluaXRlZ3JpZC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWluZmluaXRlZ3JpZC9zcmMvbGliL25neC1pbmZpbml0ZWdyaWQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sc0JBQXNCO0lBRWpDLGdCQUFnQixDQUFDOzs7O1lBTGxCLFVBQVUsU0FBQztnQkFDVixVQUFVLEVBQUUsTUFBTTthQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgTmd4SW5maW5pdGVncmlkU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbn1cbiJdfQ==

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,8 @@
+/*
+ * Public API Surface of ngx-infinitegrid
+ */
+export * from './lib/ngx-infinitegrid.service';
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1pbmZpbml0ZWdyaWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLCtCQUErQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZ3gtaW5maW5pdGVncmlkXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmd4LWluZmluaXRlZ3JpZC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2dyaWRzL25neC1tYXNvbnJ5LWluZmluaXRlZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmd4LWluZmluaXRlZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmd4LWluZmluaXRlZ3JpZC5tb2R1bGUnO1xuIl19

package/fesm2015/egjs-ngx-infinitegrid.js

@@ -0,0 +1,320 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ElementRef, Inject, PLATFORM_ID, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { withInfiniteGridMethods, Renderer, INFINITEGRID_EVENTS, mountRenderingItems, getRenderingItems, MasonryInfiniteGrid, JustifiedInfiniteGrid, FrameInfiniteGrid, PackingInfiniteGrid } from '@egjs/infinitegrid';
+import { __decorate } from 'tslib';
+
+class NgxInfinitegridService {
+    constructor() { }
+}
+NgxInfinitegridService.ɵprov = i0.ɵɵdefineInjectable({ factory: function NgxInfinitegridService_Factory() { return new NgxInfinitegridService(); }, token: NgxInfinitegridService, providedIn: "root" });
+NgxInfinitegridService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+NgxInfinitegridService.ctorParameters = () => [];
+
+class NgxInfiniteGridInterface {
+}
+__decorate([
+    withInfiniteGridMethods
+], NgxInfiniteGridInterface.prototype, "vanillaGrid", void 0);
+
+/**
+ * egjs-infinitegrid
+ * Copyright (c) 2021-present NAVER Corp.
+ * MIT license
+ */
+// @dynamic
+class NgxInfiniteGridComponent extends NgxInfiniteGridInterface {
+    constructor(elementRef, _platform) {
+        super();
+        this.elementRef = elementRef;
+        this._platform = _platform;
+        this.items = [];
+        this.trackBy = ((_, item) => item.key);
+        this.groupBy = ((_, item) => item.groupKey);
+        this.visibleItems = [];
+        this._renderer = new Renderer();
+        this._isChange = false;
+        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() {
+        var _a;
+        if (!isPlatformBrowser(this._platform)) {
+            return;
+        }
+        const GridClass = this.constructor.GridClass;
+        const defaultOptions = GridClass.defaultOptions;
+        const options = {};
+        const containerElement = (_a = this._containerRef) === null || _a === void 0 ? void 0 : _a.nativeElement;
+        for (const name in defaultOptions) {
+            if (name in this && typeof this[name] !== "undefined") {
+                options[name] = this[name];
+            }
+        }
+        if (containerElement) {
+            options.container = containerElement;
+        }
+        options.renderer = this._renderer;
+        const wrapper = this._wrapperRef || this.elementRef;
+        const grid = new GridClass(wrapper.nativeElement, options);
+        for (const name in INFINITEGRID_EVENTS) {
+            const eventName = INFINITEGRID_EVENTS[name];
+            grid.on(eventName, (e) => {
+                this[eventName].emit(e);
+            });
+        }
+        this.vanillaGrid = grid;
+        this._renderer.on("requestUpdate", () => {
+            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;
+        (_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.decorators = [
+    { type: Component, args: [{
+                selector: 'ngx-infinite-grid, [NgxInfiniteGrid]',
+                template: '<slot></slot>',
+                styles: [':host { display: block }']
+            },] }
+];
+NgxInfiniteGridComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
+];
+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 }],
+    _wrapperRef: [{ type: ViewChild, args: ['wrapperRef', { static: false },] }],
+    _containerRef: [{ type: ViewChild, args: ['containerRef', { static: false },] }]
+};
+
+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, NgxInfinitegridService, NgxMasonryInfiniteGridComponent, NgxInfiniteGridInterface as ɵa, TEMPLATE as ɵb, NgxJustifiedInfiniteGridComponent as ɵc, NgxFrameInfiniteGridComponent as ɵd, NgxPackingInfiniteGridComponent as ɵe };
+//# sourceMappingURL=egjs-ngx-infinitegrid.js.map