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

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.service.ts","../../../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":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class NgxInfinitegridService {\n\n  constructor() { }\n}\n","/**\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 */\nimport {\n  AfterViewChecked, AfterViewInit, Component, ElementRef,\n  EventEmitter, Input, OnChanges, OnDestroy, Output, ViewChild,\n  PLATFORM_ID, Inject,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\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// @dynamic\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;\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  @ViewChild('wrapperRef', { static: false }) _wrapperRef!: ElementRef;\n  @ViewChild('containerRef', { static: false }) _containerRef!: ElementRef;\n  private _renderer = new Renderer();\n  private _isChange = false;\n\n  constructor(protected elementRef: ElementRef, @Inject(PLATFORM_ID) private _platform: Object) {\n    super();\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\n  ngOnInit() {\n    this._updateVisibleChildren();\n  }\n  ngOnChanges() {\n    this._isChange = true;\n    this._updateVisibleChildren();\n  }\n  ngAfterViewInit(): void {\n    if (!isPlatformBrowser(this._platform)) {\n      return;\n    }\n    const GridClass = (this.constructor as typeof NgxInfiniteGridComponent).GridClass;\n    const defaultOptions = GridClass.defaultOptions;\n    const options: Partial<InfiniteGridOptions> = {};\n    const containerElement = this._containerRef?.nativeElement;\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    if (containerElement) {\n      options.container = containerElement;\n    }\n    options.renderer = this._renderer;\n    const wrapper = this._wrapperRef! || this.elementRef;\n\n    const grid = new GridClass(wrapper.nativeElement, options);\n\n    for (const name in INFINITEGRID_EVENTS) {\n      const eventName = (INFINITEGRID_EVENTS as any)[name];\n\n      grid.on(eventName, (e: any) => {\n        (this as any)[eventName].emit(e as any);\n      });\n    }\n\n    this.vanillaGrid = grid;\n    this._renderer.on(\"requestUpdate\", () => {\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  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  ngOnDestroy() {\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  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/ngx-infinitegrid.service';\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";

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

@@ -0,0 +1,8 @@
+import { NgxInfiniteGridComponent } from '../ngx-infinitegrid.component';
+import { FrameInfiniteGrid as VanillaFrameInfiniteGrid, FrameInfiniteGridOptions } from "@egjs/infinitegrid";
+export declare class NgxFrameInfiniteGridComponent extends NgxInfiniteGridComponent implements Required<FrameInfiniteGridOptions> {
+    frame: Required<FrameInfiniteGridOptions>['frame'];
+    useFrameFill: Required<FrameInfiniteGridOptions>['useFrameFill'];
+    rectSize: Required<FrameInfiniteGridOptions>['rectSize'];
+    static GridClass: typeof VanillaFrameInfiniteGrid;
+}

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

@@ -0,0 +1,10 @@
+import { NgxInfiniteGridComponent } from '../ngx-infinitegrid.component';
+import { JustifiedInfiniteGrid as VanillaJustifiedInfiniteGrid, JustifiedInfiniteGridOptions } from "@egjs/infinitegrid";
+export declare class NgxJustifiedInfiniteGridComponent extends NgxInfiniteGridComponent implements Required<JustifiedInfiniteGridOptions> {
+    columnRange: Required<JustifiedInfiniteGridOptions>['columnRange'];
+    rowRange: Required<JustifiedInfiniteGridOptions>['rowRange'];
+    sizeRange: Required<JustifiedInfiniteGridOptions>['sizeRange'];
+    displayedRow: Required<JustifiedInfiniteGridOptions>['displayedRow'];
+    isCroppedSize: Required<JustifiedInfiniteGridOptions>['isCroppedSize'];
+    static GridClass: typeof VanillaJustifiedInfiniteGrid;
+}

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

@@ -0,0 +1,11 @@
+import { NgxInfiniteGridComponent } from '../ngx-infinitegrid.component';
+import { MasonryInfiniteGrid as VanillaMasonryInfiniteGrid, MasonryInfiniteGridOptions } from "@egjs/infinitegrid";
+export declare class NgxMasonryInfiniteGridComponent extends NgxInfiniteGridComponent implements Required<MasonryInfiniteGridOptions> {
+    static GridClass: typeof VanillaMasonryInfiniteGrid;
+    column: Required<MasonryInfiniteGridOptions>['column'];
+    columnSize: Required<MasonryInfiniteGridOptions>['columnSize'];
+    columnSizeRatio: Required<MasonryInfiniteGridOptions>['columnSizeRatio'];
+    align: Required<MasonryInfiniteGridOptions>['align'];
+    columnCalculationThreshold: Required<MasonryInfiniteGridOptions>['columnCalculationThreshold'];
+    maxStretchColumnSize: Required<MasonryInfiniteGridOptions>['maxStretchColumnSize'];
+}

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

@@ -0,0 +1,9 @@
+import { NgxInfiniteGridComponent } from '../ngx-infinitegrid.component';
+import { PackingInfiniteGrid as VanillaPackingInfiniteGrid, PackingInfiniteGridOptions } from "@egjs/infinitegrid";
+export declare class NgxPackingInfiniteGridComponent extends NgxInfiniteGridComponent implements Required<PackingInfiniteGridOptions> {
+    aspectRatio: Required<PackingInfiniteGridOptions>['aspectRatio'];
+    sizeWeight: Required<PackingInfiniteGridOptions>['sizeWeight'];
+    ratioWeight: Required<PackingInfiniteGridOptions>['ratioWeight'];
+    weightPriority: Required<PackingInfiniteGridOptions>['weightPriority'];
+    static GridClass: typeof VanillaPackingInfiniteGrid;
+}

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

@@ -0,0 +1,67 @@
+/**
+ * egjs-infinitegrid
+ * Copyright (c) 2021-present NAVER Corp.
+ * MIT license
+ */
+import { AfterViewChecked, AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy } from '@angular/core';
+import { InfiniteGridFunction, InfiniteGridItem, InfiniteGridOptions, OnContentError, OnRenderComplete, OnRequestAppend, OnRequestPrepend, OnChangeScroll } from '@egjs/infinitegrid';
+import { NgxInfiniteGridInterface } from './ngx-infinitegrid.interface';
+import { NgxInfiniteGridProps } from './types';
+export declare class NgxInfiniteGridComponent extends NgxInfiniteGridInterface implements Required<InfiniteGridOptions>, NgxInfiniteGridProps, AfterViewInit, AfterViewChecked, OnChanges, OnDestroy {
+    protected elementRef: ElementRef;
+    private _platform;
+    static GridClass: InfiniteGridFunction;
+    gridConstructor: NgxInfiniteGridProps['gridConstructor'];
+    renderer: NgxInfiniteGridProps['renderer'];
+    container: NgxInfiniteGridProps['container'];
+    containerTag: NgxInfiniteGridProps['containerTag'];
+    threshold: NgxInfiniteGridProps['threshold'];
+    useRecycle: NgxInfiniteGridProps['useRecycle'];
+    horizontal: NgxInfiniteGridProps['horizontal'];
+    percentage: NgxInfiniteGridProps['percentage'];
+    isEqualSize: NgxInfiniteGridProps['isEqualSize'];
+    isConstantSize: NgxInfiniteGridProps['isConstantSize'];
+    gap: NgxInfiniteGridProps['gap'];
+    attributePrefix: NgxInfiniteGridProps['attributePrefix'];
+    resizeDebounce: NgxInfiniteGridProps['resizeDebounce'];
+    maxResizeDebounce: NgxInfiniteGridProps['maxResizeDebounce'];
+    autoResize: NgxInfiniteGridProps['autoResize'];
+    useFit: NgxInfiniteGridProps['useFit'];
+    useTransform: NgxInfiniteGridProps['useTransform'];
+    renderOnPropertyChange: NgxInfiniteGridProps['renderOnPropertyChange'];
+    preserveUIOnDestroy: NgxInfiniteGridProps['preserveUIOnDestroy'];
+    defaultDirection: NgxInfiniteGridProps['defaultDirection'];
+    externalItemRenderer: NgxInfiniteGridProps['externalItemRenderer'];
+    externalContainerManager: NgxInfiniteGridProps['externalContainerManager'];
+    outlineLength: NgxInfiniteGridProps['outlineLength'];
+    outlineSize: NgxInfiniteGridProps['outlineSize'];
+    useRoundedSize: NgxInfiniteGridProps['useRoundedSize'];
+    useResizeObserver: NgxInfiniteGridProps['useResizeObserver'];
+    observeChildren: NgxInfiniteGridProps['observeChildren'];
+    scrollContainer: NgxInfiniteGridProps['scrollContainer'];
+    usePlaceholder: NgxInfiniteGridProps['useFirstRender'];
+    useLoading: NgxInfiniteGridProps['useLoading'];
+    status: NgxInfiniteGridProps['status'];
+    useFirstRender: NgxInfiniteGridProps['useFirstRender'];
+    items: NgxInfiniteGridProps['items'];
+    trackBy: NgxInfiniteGridProps['trackBy'];
+    groupBy: NgxInfiniteGridProps['groupBy'];
+    renderComplete: EventEmitter<OnRenderComplete>;
+    contentError: EventEmitter<OnContentError>;
+    changeScroll: EventEmitter<OnChangeScroll>;
+    requestAppend: EventEmitter<OnRequestAppend>;
+    requestPrepend: EventEmitter<OnRequestPrepend>;
+    visibleItems: InfiniteGridItem[];
+    _wrapperRef: ElementRef;
+    _containerRef: ElementRef;
+    private _renderer;
+    private _isChange;
+    constructor(elementRef: ElementRef, _platform: Object);
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    private _getItemInfos;
+    private _updateVisibleChildren;
+}

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

@@ -0,0 +1,12 @@
+/**
+ * egjs-infinitegrid
+ * Copyright (c) 2021-present NAVER Corp.
+ * MIT license
+ */
+import VanillaInfiniteGrid, { InfiniteGridMethods } from '@egjs/infinitegrid';
+import { NgxInfiniteGridComponent } from './ngx-infinitegrid.component';
+export declare class NgxInfiniteGridInterface {
+    protected vanillaGrid: VanillaInfiniteGrid;
+}
+export interface NgxInfiniteGridInterface extends InfiniteGridMethods<NgxInfiniteGridComponent> {
+}

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

@@ -0,0 +1,2 @@
+export declare class NgxInfiniteGridModule {
+}

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

@@ -0,0 +1,3 @@
+export declare class NgxInfinitegridService {
+    constructor();
+}

package/lib/types.d.ts

@@ -0,0 +1,19 @@
+/**
+ * egjs-infinitegrid
+ * Copyright (c) 2021-present NAVER Corp.
+ * MIT license
+ */
+import { EventEmitter } from "@angular/core";
+import { InfiniteGridEvents, InfiniteGridOptions, InfiniteGridStatus } from "@egjs/infinitegrid";
+export declare type NgxInfiniteGridEvents = {
+    [key in keyof InfiniteGridEvents]: EventEmitter<InfiniteGridEvents[key]>;
+};
+export interface NgxInfiniteGridProps extends NgxInfiniteGridEvents, Required<InfiniteGridOptions> {
+    usePlaceholder: boolean;
+    useLoading: boolean;
+    useFirstRender: boolean;
+    status: InfiniteGridStatus;
+    items: any[];
+    trackBy: (index: number, item: any) => any;
+    groupBy: (index: number, item: any) => any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egjs/ngx-infinitegrid",
-  "version": "4.7.1-beta.0",
+  "version": "4.7.1",
   "description": "An Angular component that can arrange items infinitely according to the type of grids",
   "repository": {
     "type": "git",
@@ -16,20 +16,21 @@
   "bugs": {
     "url": "https://github.com/naver/egjs-infinitegrid/issues"
   },
-  "files": [
-    "./*",
-    "esm2015/*",
-    "fesm2015/*",
-    "bundles/*",
-    "lib/*"
-  ],
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^11.2.14",
     "@angular/core": "^11.2.14"
   },
   "dependencies": {
-    "@egjs/infinitegrid": "~4.7.0",
+    "@egjs/infinitegrid": "~4.7.1",
     "tslib": "^2.0.0"
-  }
-}
+  },
+  "main": "bundles/egjs-ngx-infinitegrid.umd.js",
+  "module": "fesm2015/egjs-ngx-infinitegrid.js",
+  "es2015": "fesm2015/egjs-ngx-infinitegrid.js",
+  "esm2015": "esm2015/egjs-ngx-infinitegrid.js",
+  "fesm2015": "fesm2015/egjs-ngx-infinitegrid.js",
+  "typings": "egjs-ngx-infinitegrid.d.ts",
+  "metadata": "egjs-ngx-infinitegrid.metadata.json",
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,4 @@
+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';