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

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, NgZone } 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<HTMLElement>;
+    private _platformId;
+    private _ngZone;
+    static GridClass: InfiniteGridFunction | null;
+    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[];
+    private _renderer;
+    private _isChange;
+    private _destroy$;
+    constructor(elementRef: ElementRef<HTMLElement>, _platformId: string, _ngZone: NgZone);
+    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/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.8.0",
   "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"
+    "@angular/common": ">=11.0.0",
+    "@angular/core": ">=11.0.0"
   },
   "dependencies": {
-    "@egjs/infinitegrid": "~4.7.0",
+    "@egjs/infinitegrid": "~4.8.0",
     "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,3 @@
+export * from './lib/grids/ngx-masonry-infinitegrid.component';
+export * from './lib/ngx-infinitegrid.component';
+export * from './lib/ngx-infinitegrid.module';