├── .github ├── ISSUE_TEMPLATE.md ├── PULL_REQUEST_TEMPLATE.md ├── stale.yml └── workflows │ ├── run-e2e.yml │ └── static.yml ├── .gitignore ├── .travis.yml ├── .yarnrc ├── CHANGELOG.md ├── CONTRIBUTING.md ├── LICENSE ├── NOTICE ├── README.md ├── config ├── docs-version-up.js └── duplicate.js ├── jsdoc-to-mdx.json ├── jsdoc.json ├── lerna.json ├── mocha.opts ├── package.json ├── packages ├── docs │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── docs │ │ ├── api │ │ │ ├── Component.mdx │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ ├── Grid.mdx │ │ │ ├── InfiniteGrid.mdx │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ ├── InfiniteGridOptions.mdx │ │ │ ├── InfiniteGridStatus.mdx │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ ├── OnChangeScroll.mdx │ │ │ ├── OnContentError.mdx │ │ │ ├── OnRenderComplete.mdx │ │ │ ├── OnRequestAppend.mdx │ │ │ ├── OnRequestPrepend.mdx │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ └── withInfiniteGridMethods.mdx │ │ ├── installation.mdx │ │ ├── listening-to-events.mdx │ │ ├── migration-from-v3.mdx │ │ ├── quick-start.mdx │ │ └── using-the-methods.mdx │ ├── docusaurus.config.js │ ├── i18n │ │ └── ko │ │ │ └── docusaurus-plugin-content-docs │ │ │ ├── current │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.0.0 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.1.1 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.10.1 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.11.1 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.12.0 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.2.1 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.3.1 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.4.0 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.5.0 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.6.0 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.7.1 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── version-4.8.1 │ │ │ └── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ └── version-4.9.0 │ │ │ └── api │ │ │ ├── Component.mdx │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ ├── Grid.mdx │ │ │ ├── InfiniteGrid.mdx │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ ├── InfiniteGridOptions.mdx │ │ │ ├── InfiniteGridStatus.mdx │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ ├── OnChangeScroll.mdx │ │ │ ├── OnContentError.mdx │ │ │ ├── OnRenderComplete.mdx │ │ │ ├── OnRequestAppend.mdx │ │ │ ├── OnRequestPrepend.mdx │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ └── withInfiniteGridMethods.mdx │ ├── package.json │ ├── sidebars-api.js │ ├── sidebars.js │ ├── src │ │ ├── component │ │ │ ├── code │ │ │ │ ├── InfiniteGridAllRestoreCode.tsx │ │ │ │ ├── InfiniteGridCode.tsx │ │ │ │ ├── InfiniteGridDefaultCode.tsx │ │ │ │ ├── InfiniteGridStatusCode.tsx │ │ │ │ ├── code1 │ │ │ │ │ ├── AngularComponentCode.txt │ │ │ │ │ ├── AngularHTMLCode.txt │ │ │ │ │ ├── HTMLCode.txt │ │ │ │ │ ├── JSCode.txt │ │ │ │ │ ├── ReactCode.txt │ │ │ │ │ ├── SvelteCode.txt │ │ │ │ │ ├── VueCode.txt │ │ │ │ │ └── utils.ts │ │ │ │ ├── code2 │ │ │ │ │ ├── AngularComponentCode.txt │ │ │ │ │ ├── AngularHTMLCode.txt │ │ │ │ │ ├── HTMLCode.txt │ │ │ │ │ ├── JSCode.txt │ │ │ │ │ ├── ReactCode.txt │ │ │ │ │ ├── SvelteCode.txt │ │ │ │ │ └── VueCode.txt │ │ │ │ ├── code3 │ │ │ │ │ ├── AngularComponentCode.txt │ │ │ │ │ ├── AngularHTMLCode.txt │ │ │ │ │ ├── HTMLCode.txt │ │ │ │ │ ├── JSCode.txt │ │ │ │ │ ├── ReactCode.txt │ │ │ │ │ ├── SvelteCode.txt │ │ │ │ │ └── VueCode.txt │ │ │ │ └── utils.ts │ │ │ └── grids │ │ │ │ ├── FrameInfiniteGrid.tsx │ │ │ │ ├── JustifiedInfiniteGrid.tsx │ │ │ │ ├── Loading.tsx │ │ │ │ ├── MasonryInfiniteGrid.tsx │ │ │ │ ├── PackingInfiniteGrid.tsx │ │ │ │ ├── Placeholder.tsx │ │ │ │ ├── Status.tsx │ │ │ │ ├── Transition.tsx │ │ │ │ ├── VisibleStatus.tsx │ │ │ │ ├── VisibleStatusWithScroll.tsx │ │ │ │ └── WaitReady.tsx │ │ ├── css │ │ │ ├── bulma-override.sass │ │ │ ├── custom.css │ │ │ └── index.css │ │ └── pages │ │ │ ├── Guides.mdx │ │ │ ├── Main.tsx │ │ │ ├── index.jsx │ │ │ ├── main │ │ │ ├── Features.tsx │ │ │ ├── Frameworks.module.css │ │ │ ├── Frameworks.tsx │ │ │ ├── Grids.module.css │ │ │ ├── Grids.tsx │ │ │ ├── MainLogo.module.css │ │ │ ├── MainLogo.tsx │ │ │ ├── VirtualInfiniteGrid.module.css │ │ │ └── VirtualInfiniteGrid.tsx │ │ │ └── styles.module.css │ ├── static │ │ ├── .nojekyll │ │ ├── assets │ │ │ └── image │ │ │ │ ├── 1.jpg │ │ │ │ ├── 10.jpg │ │ │ │ ├── 11.jpg │ │ │ │ ├── 12.jpg │ │ │ │ ├── 13.jpg │ │ │ │ ├── 14.jpg │ │ │ │ ├── 15.jpg │ │ │ │ ├── 16.jpg │ │ │ │ ├── 17.jpg │ │ │ │ ├── 18.jpg │ │ │ │ ├── 19.jpg │ │ │ │ ├── 2.jpg │ │ │ │ ├── 20.jpg │ │ │ │ ├── 21.jpg │ │ │ │ ├── 22.jpg │ │ │ │ ├── 23.jpg │ │ │ │ ├── 24.jpg │ │ │ │ ├── 25.jpg │ │ │ │ ├── 26.jpg │ │ │ │ ├── 27.jpg │ │ │ │ ├── 28.jpg │ │ │ │ ├── 29.jpg │ │ │ │ ├── 3.jpg │ │ │ │ ├── 30.jpg │ │ │ │ ├── 31.jpg │ │ │ │ ├── 32.jpg │ │ │ │ ├── 33.jpg │ │ │ │ ├── 34.jpg │ │ │ │ ├── 35.jpg │ │ │ │ ├── 36.jpg │ │ │ │ ├── 37.jpg │ │ │ │ ├── 38.jpg │ │ │ │ ├── 39.jpg │ │ │ │ ├── 4.jpg │ │ │ │ ├── 40.jpg │ │ │ │ ├── 41.jpg │ │ │ │ ├── 42.jpg │ │ │ │ ├── 43.jpg │ │ │ │ ├── 44.jpg │ │ │ │ ├── 45.jpg │ │ │ │ ├── 46.jpg │ │ │ │ ├── 47.jpg │ │ │ │ ├── 48.jpg │ │ │ │ ├── 49.jpg │ │ │ │ ├── 5.jpg │ │ │ │ ├── 50.jpg │ │ │ │ ├── 51.jpg │ │ │ │ ├── 52.jpg │ │ │ │ ├── 53.jpg │ │ │ │ ├── 54.jpg │ │ │ │ ├── 55.jpg │ │ │ │ ├── 56.jpg │ │ │ │ ├── 57.jpg │ │ │ │ ├── 58.jpg │ │ │ │ ├── 59.jpg │ │ │ │ ├── 6.jpg │ │ │ │ ├── 60.jpg │ │ │ │ ├── 7.jpg │ │ │ │ ├── 8.jpg │ │ │ │ ├── 9.jpg │ │ │ │ └── license.txt │ │ └── img │ │ │ ├── FrameGrid.png │ │ │ ├── JustifiedGrid.png │ │ │ ├── MasonryGrid.png │ │ │ ├── PackingGrid.png │ │ │ ├── egjs.svg │ │ │ ├── egjs_white.svg │ │ │ ├── favicon.ico │ │ │ ├── grid.png │ │ │ ├── icons │ │ │ ├── README.md │ │ │ ├── angular.svg │ │ │ ├── arrow_right.svg │ │ │ ├── books.svg │ │ │ ├── css3.svg │ │ │ ├── download.svg │ │ │ ├── extension.svg │ │ │ ├── favorite.svg │ │ │ ├── github.svg │ │ │ ├── grid.svg │ │ │ ├── infinity.svg │ │ │ ├── internetexplorer.svg │ │ │ ├── javascript.svg │ │ │ ├── loading.svg │ │ │ ├── nuxt.svg │ │ │ ├── placeholder.svg │ │ │ ├── preact.svg │ │ │ ├── react.svg │ │ │ ├── star.svg │ │ │ ├── svelte.svg │ │ │ ├── task_alt.svg │ │ │ ├── typescript.svg │ │ │ └── vue.svg │ │ │ ├── infinitegrid_logo.png │ │ │ ├── infinitegrid_textonly.afdesign │ │ │ ├── infinitegrid_textonly.svg │ │ │ ├── logo.svg │ │ │ ├── naver_opensource.svg │ │ │ ├── ring.svg │ │ │ └── type_black.svg │ ├── versioned_docs │ │ ├── version-4.0.0 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.1.1 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.10.1 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.11.1 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.12.0 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.2.1 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.3.1 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.4.0 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.5.0 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.6.0 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.7.1 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ ├── version-4.8.1 │ │ │ ├── api │ │ │ │ ├── Component.mdx │ │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ │ ├── Grid.mdx │ │ │ │ ├── InfiniteGrid.mdx │ │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ │ ├── InfiniteGridOptions.mdx │ │ │ │ ├── InfiniteGridStatus.mdx │ │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ │ ├── OnChangeScroll.mdx │ │ │ │ ├── OnContentError.mdx │ │ │ │ ├── OnRenderComplete.mdx │ │ │ │ ├── OnRequestAppend.mdx │ │ │ │ ├── OnRequestPrepend.mdx │ │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ │ └── version-4.9.0 │ │ │ ├── api │ │ │ ├── Component.mdx │ │ │ ├── FrameInfiniteGrid.mdx │ │ │ ├── FrameInfiniteGridOptions.mdx │ │ │ ├── Grid.mdx │ │ │ ├── InfiniteGrid.mdx │ │ │ ├── InfiniteGridItemInfo.mdx │ │ │ ├── InfiniteGridOptions.mdx │ │ │ ├── InfiniteGridStatus.mdx │ │ │ ├── InsertedPlaceholdersResult.mdx │ │ │ ├── JustifiedInfiniteGrid.mdx │ │ │ ├── JustifiedInfiniteGridOptions.mdx │ │ │ ├── MasonryInfiniteGrid.mdx │ │ │ ├── MasonryInfiniteGridOptions.mdx │ │ │ ├── OnChangeScroll.mdx │ │ │ ├── OnContentError.mdx │ │ │ ├── OnRenderComplete.mdx │ │ │ ├── OnRequestAppend.mdx │ │ │ ├── OnRequestPrepend.mdx │ │ │ ├── PackingInfiniteGrid.mdx │ │ │ ├── PackingInfiniteGridOptions.mdx │ │ │ └── withInfiniteGridMethods.mdx │ │ │ ├── installation.mdx │ │ │ ├── listening-to-events.mdx │ │ │ ├── migration-from-v3.mdx │ │ │ ├── quick-start.mdx │ │ │ └── using-the-methods.mdx │ ├── versioned_sidebars │ │ ├── version-4.0.0-sidebars.json │ │ ├── version-4.1.1-sidebars.json │ │ ├── version-4.10.1-sidebars.json │ │ ├── version-4.11.1-sidebars.json │ │ ├── version-4.12.0-sidebars.json │ │ ├── version-4.2.1-sidebars.json │ │ ├── version-4.3.1-sidebars.json │ │ ├── version-4.4.0-sidebars.json │ │ ├── version-4.5.0-sidebars.json │ │ ├── version-4.6.0-sidebars.json │ │ ├── version-4.7.1-sidebars.json │ │ ├── version-4.8.1-sidebars.json │ │ └── version-4.9.0-sidebars.json │ ├── versions.json │ └── webpack.js ├── infinitegrid │ ├── .editorconfig │ ├── .eslintignore │ ├── .eslintrc │ ├── .npmignore │ ├── .storybook │ │ ├── main.js │ │ ├── manager.js │ │ ├── preview.jsx │ │ └── readme.js │ ├── CHANGELOG.md │ ├── README.md │ ├── global.d.ts │ ├── karma.conf.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── GroupManager.ts │ │ ├── Infinite.ts │ │ ├── InfiniteGrid.ts │ │ ├── InfiniteGridItem.ts │ │ ├── LoadingGrid.ts │ │ ├── Renderer │ │ │ ├── README.md │ │ │ ├── Renderer.ts │ │ │ ├── VanillaGridRenderer.ts │ │ │ └── VanillaRenderer.ts │ │ ├── ScrollManager.ts │ │ ├── consts.ts │ │ ├── grids │ │ │ ├── FrameInfiniteGrid.ts │ │ │ ├── JustifiedInfiniteGrid.ts │ │ │ ├── MasonryInfiniteGrid.ts │ │ │ └── PackingInfiniteGrid.ts │ │ ├── index.cjs.ts │ │ ├── index.ts │ │ ├── index.umd.ts │ │ ├── types.ts │ │ └── utils.ts │ ├── stories │ │ ├── 1-MasonryInfiniteGrid │ │ │ ├── 0-MasonryInfiniteGrid.stories.tsx │ │ │ ├── 1-MasonryInfiniteGrid.stories.tsx │ │ │ └── apps │ │ │ │ └── VanillaMasonryInfiniteGridApp.tsx │ │ ├── 2-JustifiedInfiniteGrid │ │ │ ├── 0-JustifiedInfiniteGrid.stories.tsx │ │ │ ├── 1-JustifiedInfiniteGrid.stories.tsx │ │ │ ├── 2-JustifiedInfiniteGridStretch.stories.tsx │ │ │ └── apps │ │ │ │ ├── VanillaJustifiedInfiniteGridApp.tsx │ │ │ │ └── VanillaJustifiedInfiniteGridStretchApp.tsx │ │ ├── 3-FrameInfiniteGrid │ │ │ ├── 0-FrameInfiniteGrid.stories.tsx │ │ │ ├── 1-FrameInfiniteGrid.stories.tsx │ │ │ └── apps │ │ │ │ └── VanillaFrameInfiniteGridApp.tsx │ │ ├── 4-PackingInfiniteGrid │ │ │ ├── 0-PackingInfiniteGrid.stories.tsx │ │ │ ├── 1-PackingInfiniteGrid.stories.tsx │ │ │ └── apps │ │ │ │ └── VanillaPackingInfiniteGridApp.tsx │ │ ├── 5-DataLoading │ │ │ ├── 0-DataLoading.stories.tsx │ │ │ ├── 1-WaitNReady.stories.tsx │ │ │ ├── 2-Placeholder.stories.tsx │ │ │ ├── 3-Loading.stories.tsx │ │ │ └── apps │ │ │ │ ├── VanillaLoadingApp.tsx │ │ │ │ ├── VanillaPlaceholderApp.tsx │ │ │ │ └── VanillaWaitNReadyApp.tsx │ │ ├── 6-Status │ │ │ ├── 0-Status.stories.tsx │ │ │ ├── 1-Status.stories.tsx │ │ │ └── apps │ │ │ │ └── VanillaStatusApp.tsx │ │ └── templates │ │ │ ├── ReactJSX.tsx │ │ │ ├── default.css │ │ │ ├── default.html │ │ │ ├── preview.ts │ │ │ └── utils.ts │ ├── test │ │ ├── manual │ │ │ ├── bothInfiniteGridLoading.html │ │ │ ├── contentAlign.html │ │ │ ├── framegrid.html │ │ │ ├── justifiedinfinitegrid-stretch.html │ │ │ ├── lastGroup.html │ │ │ ├── masonrygrid.html │ │ │ ├── reverse.html │ │ │ ├── status.html │ │ │ └── stretch.html │ │ └── unit │ │ │ ├── Grids.spec.ts │ │ │ ├── GroupManager.spec.ts │ │ │ ├── Infinite.spec.ts │ │ │ ├── InfiniteGrid.spec.ts │ │ │ ├── MasonryInfiniteGrid.spec.ts │ │ │ ├── Renderer.spec.ts │ │ │ ├── ScrollManager.spec.ts │ │ │ ├── VanillaRenderer.spec.ts │ │ │ ├── cfcs.spec.ts │ │ │ ├── css │ │ │ └── sample.css │ │ │ ├── samples │ │ │ └── SampleGrid.ts │ │ │ └── utils │ │ │ ├── consts.ts │ │ │ └── utils.ts │ ├── tsconfig.declaration.json │ ├── tsconfig.json │ ├── tsconfig.test.json │ └── yarn.lock ├── ngx-infinitegrid │ ├── .editorconfig │ ├── .gitignore │ ├── .storybook │ │ ├── main.js │ │ ├── manager.js │ │ ├── preview-head.html │ │ ├── preview.js │ │ └── tsconfig.json │ ├── README.md │ ├── angular.json │ ├── karma.conf.js │ ├── package.json │ ├── projects │ │ └── ngx-infinitegrid │ │ │ ├── CHANGELOG.md │ │ │ ├── README.md │ │ │ ├── karma.conf.js │ │ │ ├── ng-package.json │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── lib │ │ │ │ ├── consts.ts │ │ │ │ ├── grids │ │ │ │ │ ├── ngx-frame-infinitegrid.component.ts │ │ │ │ │ ├── ngx-justified-infinitegrid.component.ts │ │ │ │ │ ├── ngx-masonry-infinitegrid.component.ts │ │ │ │ │ └── ngx-packing-infinitegrid.component.ts │ │ │ │ ├── ngx-infinitegrid.component.spec.ts │ │ │ │ ├── ngx-infinitegrid.component.ts │ │ │ │ ├── ngx-infinitegrid.interface.ts │ │ │ │ ├── ngx-infinitegrid.module.ts │ │ │ │ └── types.ts │ │ │ ├── private_export.ts │ │ │ ├── public-api.ts │ │ │ └── test.ts │ │ │ ├── tsconfig.lib.json │ │ │ ├── tsconfig.lib.prod.json │ │ │ └── tsconfig.spec.json │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ └── app.module.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ └── test.ts │ ├── stories │ │ ├── 1-MasonryInfiniteGrid │ │ │ ├── 0-MasonryInfiniteGrid.stories.ts │ │ │ ├── 1-MasonryInfiniteGrid.stories.ts │ │ │ └── apps │ │ │ │ └── NgxMasonryInfiniteGridApp │ │ │ │ ├── app.component.html │ │ │ │ └── app.component.ts │ │ ├── 2-JustifiedInfiniteGrid │ │ │ ├── 0-JustifiedInfiniteGrid.stories.ts │ │ │ ├── 1-JustifiedInfiniteGrid.stories.ts │ │ │ ├── 2-JustifiedInfiniteGridStretch.stories.ts │ │ │ └── apps │ │ │ │ ├── NgxJustifiedInfiniteGridApp │ │ │ │ ├── app.component.html │ │ │ │ └── app.component.ts │ │ │ │ └── NgxJustifiedInfiniteGridStretchApp │ │ │ │ ├── app.component.html │ │ │ │ └── app.component.ts │ │ ├── 3-FrameInfiniteGrid │ │ │ ├── 0-FrameInfiniteGrid.stories.ts │ │ │ ├── 1-FrameInfiniteGrid.stories.ts │ │ │ └── apps │ │ │ │ └── NgxFrameInfiniteGridApp │ │ │ │ ├── app.component.html │ │ │ │ └── app.component.ts │ │ ├── 4-PackingInfiniteGrid │ │ │ ├── 0-PackingInfiniteGrid.stories.ts │ │ │ ├── 1-PackingInfiniteGrid.stories.ts │ │ │ └── apps │ │ │ │ └── NgxPackingInfiniteGridApp │ │ │ │ ├── app.component.html │ │ │ │ └── app.component.ts │ │ ├── 5-DataLoading │ │ │ ├── 0-DataLoading.stories.ts │ │ │ ├── 1-WaitNReady.stories.ts │ │ │ ├── 2-Placeholder.stories.ts │ │ │ ├── 3-Loading.stories.ts │ │ │ └── apps │ │ │ │ ├── NgxLoadingApp │ │ │ │ ├── app.component.html │ │ │ │ └── app.component.ts │ │ │ │ ├── NgxPlaceholderApp │ │ │ │ ├── app.component.html │ │ │ │ └── app.component.ts │ │ │ │ └── NgxWaitNReadyApp │ │ │ │ ├── app.component.html │ │ │ │ └── app.component.ts │ │ ├── 6-Status │ │ │ ├── 0-Status.stories.ts │ │ │ ├── 1-Status.stories.ts │ │ │ └── apps │ │ │ │ └── NgxStatusApp │ │ │ │ ├── app.component.html │ │ │ │ └── app.component.ts │ │ ├── apps │ │ │ └── default │ │ │ │ ├── app.component.css │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ └── app.module.ts │ │ └── global.d.ts │ ├── tsconfig.app.json │ ├── tsconfig.json │ └── tsconfig.spec.json ├── react-infinitegrid │ ├── .eslintrc │ ├── .gitignore │ ├── .npmignore │ ├── .storybook │ │ ├── main.js │ │ ├── manager.js │ │ └── preview.jsx │ ├── CHANGELOG.md │ ├── README.md │ ├── global.d.ts │ ├── package.json │ ├── public │ │ ├── index.html │ │ ├── manifest.json │ │ └── robots.txt │ ├── rollup.config.js │ ├── src │ │ ├── InfiniteGrid.tsx │ │ ├── consts.ts │ │ ├── grids │ │ │ ├── FrameInfiniteGrid.tsx │ │ │ ├── JustifiedInfiniteGrid.tsx │ │ │ ├── MasonryInfiniteGrid.tsx │ │ │ └── PackingInfiniteGrid.tsx │ │ ├── index.ts │ │ ├── index.umd.ts │ │ ├── types.ts │ │ └── utils.ts │ ├── stories │ │ ├── 1-MasonryInfiniteGrid │ │ │ ├── 0-MasonryInfiniteGrid.stories.tsx │ │ │ ├── 1-MasonryInfiniteGrid.stories.tsx │ │ │ └── apps │ │ │ │ └── ReactMasonryInfiniteGridApp.tsx │ │ ├── 2-JustifiedInfiniteGrid │ │ │ ├── 0-JustifiedInfiniteGrid.stories.tsx │ │ │ ├── 1-JustifiedInfiniteGrid.stories.tsx │ │ │ ├── 2-JustifiedInfiniteGridStretch.stories.tsx │ │ │ └── apps │ │ │ │ ├── ReactJustifiedInfiniteGridApp.tsx │ │ │ │ └── ReactJustifiedInfiniteGridStretchApp.tsx │ │ ├── 3-FrameInfiniteGrid │ │ │ ├── 0-FrameInfiniteGrid.stories.tsx │ │ │ ├── 1-FrameInfiniteGrid.stories.tsx │ │ │ └── apps │ │ │ │ └── ReactFrameInfiniteGridApp.tsx │ │ ├── 4-PackingInfiniteGrid │ │ │ ├── 0-PackingInfiniteGrid.stories.tsx │ │ │ ├── 1-PackingInfiniteGrid.stories.tsx │ │ │ └── apps │ │ │ │ └── ReactPackingInfiniteGridApp.tsx │ │ ├── 5-DataLoading │ │ │ ├── 0-DataLoading.stories.tsx │ │ │ ├── 1-WaitNReady.stories.tsx │ │ │ ├── 2-Placeholder.stories.tsx │ │ │ ├── 3-Loading.stories.tsx │ │ │ └── apps │ │ │ │ ├── ReactLoadingApp.tsx │ │ │ │ ├── ReactPlaceholderApp.tsx │ │ │ │ └── ReactWaitNReadyApp.tsx │ │ └── 6-Status │ │ │ ├── 0-Status.stories.tsx │ │ │ ├── 1-Status.stories.tsx │ │ │ └── apps │ │ │ └── ReactStatusApp.tsx │ ├── tsconfig.build.json │ ├── tsconfig.declaration.json │ └── tsconfig.json ├── svelte-infinitegrid │ ├── .gitignore │ ├── .npmignore │ ├── .storybook │ │ ├── main.js │ │ ├── manager.js │ │ └── preview.js │ ├── CHANGELOG.md │ ├── README.md │ ├── global.d.ts │ ├── package.json │ ├── public │ │ ├── favicon.png │ │ ├── global.css │ │ └── index.html │ ├── rollup.build.config.js │ ├── rollup.config.js │ ├── src │ │ ├── InfiniteGrid.js │ │ ├── InfiniteGrid.svelte │ │ ├── consts.js │ │ ├── grids │ │ │ ├── FrameInfiniteGrid.js │ │ │ ├── JustifiedInfiniteGrid.js │ │ │ ├── MasonryInfiniteGrid.js │ │ │ └── PackingInfiniteGrid.js │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.umd.js │ │ └── main.ts │ ├── stories │ │ ├── 1-MasonryInfiniteGrid │ │ │ ├── 0-MasonryInfiniteGrid.stories.ts │ │ │ ├── 1-MasonryInfiniteGrid.stories.ts │ │ │ └── apps │ │ │ │ └── SvelteMasonryInfiniteGridApp.svelte │ │ ├── 2-JustifiedInfiniteGrid │ │ │ ├── 0-JustifiedInfiniteGrid.stories.ts │ │ │ ├── 1-JustifiedInfiniteGrid.stories.ts │ │ │ ├── 2-JustifiedInfiniteGridStretch.stories.ts │ │ │ └── apps │ │ │ │ ├── SvelteJustifiedInfiniteGridApp.svelte │ │ │ │ └── SvelteJustifiedInfiniteGridStretchApp.svelte │ │ ├── 3-FrameInfiniteGrid │ │ │ ├── 0-FrameInfiniteGrid.stories.ts │ │ │ ├── 1-FrameInfiniteGrid.stories.ts │ │ │ └── apps │ │ │ │ └── SvelteFrameInfiniteGridApp.svelte │ │ ├── 4-PackingInfiniteGrid │ │ │ ├── 0-PackingInfiniteGrid.stories.ts │ │ │ ├── 1-PackingInfiniteGrid.stories.ts │ │ │ └── apps │ │ │ │ └── SveltePackingInfiniteGridApp.svelte │ │ └── 5-DataLoading │ │ │ ├── 0-DataLoading.stories.ts │ │ │ ├── 1-WaitNReady.stories.ts │ │ │ ├── 2-Placeholder.stories.ts │ │ │ ├── 3-Loading.stories.ts │ │ │ └── apps │ │ │ ├── SvelteLoadingApp.svelte │ │ │ ├── SveltePlaceholderApp.svelte │ │ │ └── SvelteWaitNReadyApp.svelte │ └── tsconfig.json ├── vue-infinitegrid │ ├── .browserslistrc │ ├── .editorconfig │ ├── .eslintrc.js │ ├── .npmignore │ ├── .storybook │ │ ├── main.js │ │ ├── manager.js │ │ └── preview.jsx │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ ├── rollup.config.js │ ├── src │ │ ├── InfiniteGrid.ts │ │ ├── consts.ts │ │ ├── global.d.ts │ │ ├── grids │ │ │ ├── FrameInfiniteGrid.ts │ │ │ ├── JustifiedInfiniteGrid.ts │ │ │ ├── MasonryInfiniteGrid.ts │ │ │ └── PackingInfiniteGrid.ts │ │ ├── index.ts │ │ ├── types.ts │ │ └── utils.ts │ ├── stories │ │ ├── 1-MasonryInfiniteGrid │ │ │ ├── 0-MasonryInfiniteGrid.stories.tsx │ │ │ ├── 1-MasonryInfiniteGrid.stories.tsx │ │ │ └── apps │ │ │ │ └── VueMasonryInfiniteGridApp.vue │ │ ├── 2-JustifiedInfiniteGrid │ │ │ ├── 0-JustifiedInfiniteGrid.stories.tsx │ │ │ ├── 1-JustifiedInfiniteGrid.stories.tsx │ │ │ ├── 2-JustifiedInfiniteGridStretch.stories.tsx │ │ │ └── apps │ │ │ │ ├── VueJustifiedInfiniteGridApp.vue │ │ │ │ └── VueJustifiedInfiniteGridStretchApp.vue │ │ ├── 3-FrameInfiniteGrid │ │ │ ├── 0-FrameInfiniteGrid.stories.tsx │ │ │ ├── 1-FrameInfiniteGrid.stories.tsx │ │ │ └── apps │ │ │ │ └── VueFrameInfiniteGridApp.vue │ │ ├── 4-PackingInfiniteGrid │ │ │ ├── 0-PackingInfiniteGrid.stories.tsx │ │ │ ├── 1-PackingInfiniteGrid.stories.tsx │ │ │ └── apps │ │ │ │ └── VuePackingInfiniteGridApp.vue │ │ ├── 5-DataLoading │ │ │ ├── 0-DataLoading.stories.tsx │ │ │ ├── 1-WaitNReady.tsx │ │ │ ├── 2-Placeholder.stories.tsx │ │ │ ├── 3-Loading.stories.tsx │ │ │ └── apps │ │ │ │ ├── VueLoadingApp.vue │ │ │ │ ├── VuePlaceholderApp.vue │ │ │ │ └── VueWaitNReadyApp.vue │ │ ├── global.d.ts │ │ └── utils.ts │ ├── tsconfig.declaration.json │ └── tsconfig.json └── vue3-infinitegrid │ ├── .browserslistrc │ ├── .editorconfig │ ├── .eslintrc.js │ ├── .npmignore │ ├── .storybook │ ├── main.js │ └── preview.js │ ├── CHANGELOG.md │ ├── README.md │ ├── config │ └── convert.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ ├── InfiniteGrid.ts │ ├── consts.ts │ ├── global.d.ts │ ├── grids │ │ ├── FrameInfiniteGrid.ts │ │ ├── JustifiedInfiniteGrid.ts │ │ ├── MasonryInfiniteGrid.ts │ │ └── PackingInfiniteGrid.ts │ ├── index.ts │ ├── types.ts │ └── utils.ts │ ├── stories │ ├── 1-MasonryInfiniteGrid │ │ ├── 0-MasonryInfiniteGrid.stories.tsx │ │ ├── 1-MasonryInfiniteGrid.stories.tsx │ │ └── apps │ │ │ └── VueMasonryInfiniteGridApp.vue │ ├── 2-JustifiedInfiniteGrid │ │ ├── 0-JustifiedInfiniteGrid.stories.tsx │ │ ├── 1-JustifiedInfiniteGrid.stories.tsx │ │ ├── 2-JustifiedInfiniteGridStretch.stories.tsx │ │ └── apps │ │ │ ├── VueJustifiedInfiniteGridApp.vue │ │ │ └── VueJustifiedInfiniteGridStretchApp.vue │ ├── 3-FrameInfiniteGrid │ │ ├── 0-FrameInfiniteGrid.stories.tsx │ │ ├── 1-FrameInfiniteGrid.stories.tsx │ │ └── apps │ │ │ └── VueFrameInfiniteGridApp.vue │ ├── 4-PackingInfiniteGrid │ │ ├── 0-PackingInfiniteGrid.stories.tsx │ │ ├── 1-PackingInfiniteGrid.stories.tsx │ │ └── apps │ │ │ └── VuePackingInfiniteGridApp.vue │ ├── 5-DataLoading │ │ ├── 0-DataLoading.stories.tsx │ │ ├── 1-WaitNReady.tsx │ │ ├── 2-Placeholder.stories.tsx │ │ ├── 3-Loading.stories.tsx │ │ └── apps │ │ │ ├── VueLoadingApp.vue │ │ │ ├── VuePlaceholderApp.vue │ │ │ └── VueWaitNReadyApp.vue │ ├── global.d.ts │ └── utils.ts │ ├── tsconfig.declaration.json │ └── tsconfig.json └── yarn.lock /.github/ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | ## Description 2 | 3 | 4 | ## Steps to check or reproduce 5 | 6 | -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | ## Issue 2 | 3 | 4 | ## Details 5 | 6 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "12" 4 | dist: trusty 5 | sudo: false 6 | install: 7 | - npm install 8 | addons: 9 | chrome: stable 10 | cache: 11 | directories: 12 | - "node_modules" 13 | before_script: 14 | - npm run lint 15 | script: 16 | - npm run coverage 17 | after_success: 18 | - npm run coveralls 19 | -------------------------------------------------------------------------------- /.yarnrc: -------------------------------------------------------------------------------- 1 | workspaces-experimental true 2 | -------------------------------------------------------------------------------- /jsdoc-to-mdx.json: -------------------------------------------------------------------------------- 1 | { 2 | "locales": ["ko"], 3 | "outDir": "./packages/docs/docs/api", 4 | "localesDir": "./packages/docs/i18n/{locale}/docusaurus-plugin-content-docs/current/api", 5 | "sidebar": "./packages/docs", 6 | "jsdoc": "./jsdoc.json" 7 | } 8 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "npmClient": "yarn", 3 | "useWorkspaces": true, 4 | "version": "independent", 5 | "packages": [ 6 | "packages/*", 7 | "packages/ngx-infinitegrid/projects/ngx-infinitegrid" 8 | ], 9 | "lernaHelperOptions": { 10 | "beforeReleaseScripts": [ 11 | "npm run packages:build", 12 | "npm run demo:build", 13 | "npm run demo:deploy" 14 | ], 15 | "deployFileMap": [ 16 | { 17 | "basePath": "packages/infinitegrid/dist", 18 | "dists": [ 19 | "demo/release/{{version}}/dist", 20 | "demo/release/latest/dist" 21 | ] 22 | } 23 | ] 24 | } 25 | } -------------------------------------------------------------------------------- /mocha.opts: -------------------------------------------------------------------------------- 1 | --timeout 10000 -------------------------------------------------------------------------------- /packages/docs/.gitignore: -------------------------------------------------------------------------------- 1 | # Dependencies 2 | /node_modules 3 | 4 | # Production 5 | /build 6 | 7 | # Generated files 8 | .docusaurus 9 | .cache-loader 10 | 11 | # Misc 12 | .DS_Store 13 | .env.local 14 | .env.development.local 15 | .env.test.local 16 | .env.production.local 17 | 18 | npm-debug.log* 19 | yarn-debug.log* 20 | yarn-error.log* 21 | -------------------------------------------------------------------------------- /packages/docs/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [require.resolve('@docusaurus/core/lib/babel/preset')], 3 | plugins: [ 4 | ["@babel/plugin-proposal-decorators", { "legacy": true }] 5 | ] 6 | }; 7 | -------------------------------------------------------------------------------- /packages/docs/docs/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | |attributes|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/docs/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/docs/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/docs/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/docs/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/current/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | |attributes|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/current/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/current/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/current/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/current/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/current/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.0.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InfiniteGridItemInfo {#InfiniteGridItemInfo} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |type|ITEM_TYPE|| 16 | |groupKey|string \| number|| 17 | |key|string \| number|| 18 | |element|HTMLElement \| null|| 19 | |html|string|| 20 | |data|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.0.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InfiniteGridStatus {#InfiniteGridStatus} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |itemRenderer|ItemRendererStatus|| 16 | |containerManager|ContainerManagerStatus|| 17 | |groupManager|GroupManagerStatus|| 18 | |scrollManager|ScrollManagerStatus|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.0.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InsertedPlaceholdersResult {#InsertedPlaceholdersResult} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 16 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 17 | |remove|() => void|추가한 placeholder들을 삭제한다.| 18 | 19 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.0.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### OnChangeScroll {#OnChangeScroll} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 16 | |direction|"start" \| "end"|스크롤 방향.| 17 | |scrollPos|number|스크롤 포지션.| 18 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.0.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 | ### withInfiniteGridMethods {#withInfiniteGridMethods} 10 | 11 |
12 | 13 |
14 | 15 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 16 | 17 | ```js 18 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 19 | 20 | class Grid extends React.Component> { 21 | @withInfiniteGridMethods 22 | private grid: NativeGrid; 23 | } 24 | ``` 25 | 26 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.1.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InfiniteGridItemInfo {#InfiniteGridItemInfo} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |type|ITEM_TYPE|| 16 | |groupKey|string \| number|| 17 | |key|string \| number|| 18 | |element|HTMLElement \| null|| 19 | |html|string|| 20 | |data|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.1.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InfiniteGridStatus {#InfiniteGridStatus} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |itemRenderer|ItemRendererStatus|| 16 | |containerManager|ContainerManagerStatus|| 17 | |groupManager|GroupManagerStatus|| 18 | |scrollManager|ScrollManagerStatus|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.1.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InsertedPlaceholdersResult {#InsertedPlaceholdersResult} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 16 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 17 | |remove|() => void|추가한 placeholder들을 삭제한다.| 18 | 19 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.1.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### OnChangeScroll {#OnChangeScroll} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 16 | |direction|"start" \| "end"|스크롤 방향.| 17 | |scrollPos|number|스크롤 포지션.| 18 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.1.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 | ### withInfiniteGridMethods {#withInfiniteGridMethods} 10 | 11 |
12 | 13 |
14 | 15 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 16 | 17 | ```js 18 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 19 | 20 | class Grid extends React.Component> { 21 | @withInfiniteGridMethods 22 | private grid: NativeGrid; 23 | } 24 | ``` 25 | 26 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.10.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | |attributes|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.10.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.10.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.10.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.10.1/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.10.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.11.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | |attributes|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.11.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.11.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.11.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.11.1/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.11.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.12.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | |attributes|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.12.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.12.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.12.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.12.0/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.12.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.2.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.2.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.2.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.2.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.2.1/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.2.1/api/OnRequestAppend.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |groupKey|string \| number \| undefined|마지막 그룹의 키.| 15 | |nextGroupKey|string \| number \| undefined|placeholder를 대체해야 할 다음 그룹의 키.| 16 | |isVirtual|boolean|placeholder에 해당하는 가상의 그룹을 요청하는지 여부| 17 | |wait|() => void|데이터를 요청하기 위해 대기 상태로 설정한다.| 18 | |ready|() => void|데이터 요청이 끝났다면 준비 상태로 설정한다.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.2.1/api/OnRequestPrepend.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |groupKey|string \| number \| undefined|첫번째 그룹의 키.| 15 | |nextGroupKey|string \| number \| undefined|placeholder를 대체해야 할 다음 그룹의 키.| 16 | |isVirtual|boolean|placeholder에 해당하는 가상의 그룹을 요청하는지 여부| 17 | |wait|() => void|데이터를 요청하기 위해 대기 상태로 설정한다.| 18 | |ready|() => void|데이터 요청이 끝났다면 준비 상태로 설정한다.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.2.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.3.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.3.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.3.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.3.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.3.1/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.3.1/api/OnRequestAppend.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |groupKey|string \| number \| undefined|마지막 그룹의 키.| 15 | |nextGroupKey|string \| number \| undefined|placeholder를 대체해야 할 다음 그룹의 키.| 16 | |isVirtual|boolean|placeholder에 해당하는 가상의 그룹을 요청하는지 여부| 17 | |wait|() => void|데이터를 요청하기 위해 대기 상태로 설정한다.| 18 | |ready|() => void|데이터 요청이 끝났다면 준비 상태로 설정한다.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.3.1/api/OnRequestPrepend.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |groupKey|string \| number \| undefined|첫번째 그룹의 키.| 15 | |nextGroupKey|string \| number \| undefined|placeholder를 대체해야 할 다음 그룹의 키.| 16 | |isVirtual|boolean|placeholder에 해당하는 가상의 그룹을 요청하는지 여부| 17 | |wait|() => void|데이터를 요청하기 위해 대기 상태로 설정한다.| 18 | |ready|() => void|데이터 요청이 끝났다면 준비 상태로 설정한다.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.3.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.4.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.4.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.4.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.4.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.4.0/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.4.0/api/OnRequestAppend.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |groupKey|string \| number \| undefined|마지막 그룹의 키.| 15 | |nextGroupKey|string \| number \| undefined|placeholder를 대체해야 할 다음 그룹의 키.| 16 | |isVirtual|boolean|placeholder에 해당하는 가상의 그룹을 요청하는지 여부| 17 | |wait|() => void|데이터를 요청하기 위해 대기 상태로 설정한다.| 18 | |ready|() => void|데이터 요청이 끝났다면 준비 상태로 설정한다.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.4.0/api/OnRequestPrepend.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |groupKey|string \| number \| undefined|첫번째 그룹의 키.| 15 | |nextGroupKey|string \| number \| undefined|placeholder를 대체해야 할 다음 그룹의 키.| 16 | |isVirtual|boolean|placeholder에 해당하는 가상의 그룹을 요청하는지 여부| 17 | |wait|() => void|데이터를 요청하기 위해 대기 상태로 설정한다.| 18 | |ready|() => void|데이터 요청이 끝났다면 준비 상태로 설정한다.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.4.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.5.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.5.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.5.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.5.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.5.0/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.5.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.6.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.6.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.6.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.6.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.6.0/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.6.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.7.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.7.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.7.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.7.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.7.1/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.7.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.8.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.8.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.8.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.8.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.8.1/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.8.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.9.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | 21 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.9.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.9.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|placholder에 해당하는 그룹| 14 | |items|InfiniteGridItem[]|placholder에 해당하는 아이템들| 15 | |remove|() => void|추가한 placeholder들을 삭제한다.| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.9.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |direction|"start" \| "end"|스크롤 방향.| 15 | |scrollPos|number|스크롤 포지션.| 16 | |relativeScrollPos|number|컨테이너 기준의 스크롤 포지션.| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.9.0/api/OnContentError.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|이 이벤트를 트리거한 InfiniteGrid의 인스턴스| 14 | |element|HTMLElement|아이템의 엘리먼트.| 15 | |target|HTMLElement|에러난 발생한 콘텐츠 엘리먼트.| 16 | |item|InfiniteGridItem|에러난 콘텐츠를 가지고 있는 아이템| 17 | |update|() => void|에러를 해결했고 재검사하고 싶으면 update()를 호출해라. 만약 엘리먼트를 삭제한 경우 syncElements() 메서드를 호출해라.| 18 | |remove|() => void|에러에 해당하는 아이템을 제거하고 싶으면 remove()를 호출해라.| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/i18n/ko/docusaurus-plugin-content-docs/version-4.9.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 | 프레임워크에서 InfiniteGrid의 메소드를 사용할 수 있게 하는 데코레이터. 14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/sidebars.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | started: [ 3 | "installation", 4 | "quick-start", 5 | "using-the-methods", 6 | "listening-to-events", 7 | "migration-from-v3" 8 | ], 9 | ...require("./sidebars-api.js") 10 | }; 11 | -------------------------------------------------------------------------------- /packages/docs/src/component/code/code1/AngularHTMLCode.txt: -------------------------------------------------------------------------------- 1 |
11 |
12 |
13 | egjs 14 |
15 |
egjs {{item.data.key}}
16 |
17 |
18 | -------------------------------------------------------------------------------- /packages/docs/src/component/code/code1/HTMLCode.txt: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /packages/docs/src/component/code/code2/HTMLCode.txt: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /packages/docs/src/component/code/code3/HTMLCode.txt: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /packages/docs/src/pages/index.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import Layout from "@theme/Layout"; 4 | import Main from "./Main"; 5 | 6 | import "@site/src/css/index.css"; 7 | 8 | export default () => { 9 | return ( 10 | 11 |
12 | 13 | ); 14 | } 15 | -------------------------------------------------------------------------------- /packages/docs/src/pages/main/Grids.module.css: -------------------------------------------------------------------------------- 1 | .gridContainer { 2 | 3 | } 4 | .gridContainer .grid { 5 | text-align: center; 6 | padding: 20px; 7 | } 8 | .gridContainer .grid img { 9 | opacity: 0.8; 10 | } 11 | .gridContainer .grid p { 12 | font-weight: bold; 13 | padding: 5px 0px; 14 | } 15 | -------------------------------------------------------------------------------- /packages/docs/static/.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/.nojekyll -------------------------------------------------------------------------------- /packages/docs/static/assets/image/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/1.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/10.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/11.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/12.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/13.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/14.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/15.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/16.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/17.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/18.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/19.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/2.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/20.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/21.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/22.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/23.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/24.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/24.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/25.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/25.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/26.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/26.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/27.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/27.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/28.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/28.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/29.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/29.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/3.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/30.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/30.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/31.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/31.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/32.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/32.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/33.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/33.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/34.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/34.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/35.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/35.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/36.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/36.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/37.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/37.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/38.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/38.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/39.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/39.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/4.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/40.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/40.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/41.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/41.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/42.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/42.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/43.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/43.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/44.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/44.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/45.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/45.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/46.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/46.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/47.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/47.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/48.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/48.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/49.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/49.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/5.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/50.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/50.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/51.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/51.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/52.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/52.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/53.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/53.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/54.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/54.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/55.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/55.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/56.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/56.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/57.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/57.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/58.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/58.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/59.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/59.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/6.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/60.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/60.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/7.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/8.jpg -------------------------------------------------------------------------------- /packages/docs/static/assets/image/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/assets/image/9.jpg -------------------------------------------------------------------------------- /packages/docs/static/img/FrameGrid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/img/FrameGrid.png -------------------------------------------------------------------------------- /packages/docs/static/img/JustifiedGrid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/img/JustifiedGrid.png -------------------------------------------------------------------------------- /packages/docs/static/img/MasonryGrid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/img/MasonryGrid.png -------------------------------------------------------------------------------- /packages/docs/static/img/PackingGrid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/img/PackingGrid.png -------------------------------------------------------------------------------- /packages/docs/static/img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/img/favicon.ico -------------------------------------------------------------------------------- /packages/docs/static/img/grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/img/grid.png -------------------------------------------------------------------------------- /packages/docs/static/img/icons/README.md: -------------------------------------------------------------------------------- 1 | Icons are from: 2 | - https://fonts.google.com/icons 3 | - https://simpleicons.org 4 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/arrow_right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/books.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/css3.svg: -------------------------------------------------------------------------------- 1 | CSS3 -------------------------------------------------------------------------------- /packages/docs/static/img/icons/download.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/extension.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/favorite.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/grid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/infinity.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/loading.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/placeholder.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/star.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/task_alt.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/docs/static/img/icons/vue.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /packages/docs/static/img/infinitegrid_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/img/infinitegrid_logo.png -------------------------------------------------------------------------------- /packages/docs/static/img/infinitegrid_textonly.afdesign: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/docs/static/img/infinitegrid_textonly.afdesign -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.0.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InfiniteGridItemInfo {#InfiniteGridItemInfo} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |type|ITEM_TYPE|| 16 | |groupKey|string \| number|| 17 | |key|string \| number|| 18 | |element|HTMLElement \| null|| 19 | |html|string|| 20 | |data|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.0.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InfiniteGridStatus {#InfiniteGridStatus} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |itemRenderer|ItemRendererStatus|| 16 | |containerManager|ContainerManagerStatus|| 17 | |groupManager|GroupManagerStatus|| 18 | |scrollManager|ScrollManagerStatus|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.0.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InsertedPlaceholdersResult {#InsertedPlaceholdersResult} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 16 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 17 | |remove|() => void|

Remove the inserted placeholders.

| 18 | 19 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.0.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### OnChangeScroll {#OnChangeScroll} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 16 | |direction|"start" \| "end"|

The scroll direction.

| 17 | |scrollPos|number|

The scroll position.

| 18 | |relativeScrollPos|number|

The scroll position relative to container.

| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.0.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 | ### withInfiniteGridMethods {#withInfiniteGridMethods} 10 | 11 |
12 | 13 |
14 | 15 |

Decorator that makes the method of InfiniteGrid available in the framework.

16 | 17 | ```js 18 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 19 | 20 | class Grid extends React.Component> { 21 | @withInfiniteGridMethods 22 | private grid: NativeGrid; 23 | } 24 | ``` 25 | 26 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.1.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InfiniteGridItemInfo {#InfiniteGridItemInfo} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |type|ITEM_TYPE|| 16 | |groupKey|string \| number|| 17 | |key|string \| number|| 18 | |element|HTMLElement \| null|| 19 | |html|string|| 20 | |data|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.1.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InfiniteGridStatus {#InfiniteGridStatus} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |itemRenderer|ItemRendererStatus|| 16 | |containerManager|ContainerManagerStatus|| 17 | |groupManager|GroupManagerStatus|| 18 | |scrollManager|ScrollManagerStatus|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.1.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### InsertedPlaceholdersResult {#InsertedPlaceholdersResult} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 16 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 17 | |remove|() => void|

Remove the inserted placeholders.

| 18 | 19 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.1.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ### OnChangeScroll {#OnChangeScroll} 6 | 7 |
8 | 9 |
10 | 11 | **Type**: TSInterface 12 | 13 | |PROPERTY|TYPE|DESCRIPTION| 14 | |:---:|:---:|:---:| 15 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 16 | |direction|"start" \| "end"|

The scroll direction.

| 17 | |scrollPos|number|

The scroll position.

| 18 | |relativeScrollPos|number|

The scroll position relative to container.

| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.1.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 | ### withInfiniteGridMethods {#withInfiniteGridMethods} 10 | 11 |
12 | 13 |
14 | 15 |

Decorator that makes the method of InfiniteGrid available in the framework.

16 | 17 | ```js 18 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 19 | 20 | class Grid extends React.Component> { 21 | @withInfiniteGridMethods 22 | private grid: NativeGrid; 23 | } 24 | ``` 25 | 26 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.10.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | |attributes|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.10.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.10.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.10.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.10.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.11.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | |attributes|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.11.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.11.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.11.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.11.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.12.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | |attributes|Record<string, any>|| 21 | 22 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.12.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.12.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.12.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.12.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.2.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.2.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.2.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.2.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.2.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.3.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.3.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.3.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.3.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.3.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.4.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.4.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.4.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.4.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.4.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.5.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.5.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.5.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.5.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.5.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.6.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.6.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.6.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.6.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.6.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.7.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.7.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.7.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.7.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.7.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.8.1/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |key|string \| number|| 16 | |element|HTMLElement \| null|| 17 | |html|string|| 18 | |data|Record<string, any>|| 19 | 20 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.8.1/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.8.1/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.8.1/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.8.1/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.9.0/api/InfiniteGridItemInfo.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |type|ITEM_TYPE|| 14 | |groupKey|string \| number|| 15 | |inserted|boolean|| 16 | |key|string \| number|| 17 | |element|HTMLElement \| null|| 18 | |html|string|| 19 | |data|Record<string, any>|| 20 | 21 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.9.0/api/InfiniteGridStatus.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |itemRenderer|ItemRendererStatus|| 14 | |containerManager|ContainerManagerStatus|| 15 | |groupManager|GroupManagerStatus|| 16 | |scrollManager|ScrollManagerStatus|| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.9.0/api/InsertedPlaceholdersResult.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |group|InfiniteGridGroup|

Groups corresponding to placeholders

| 14 | |items|InfiniteGridItem[]|

Items corresponding to placeholders

| 15 | |remove|() => void|

Remove the inserted placeholders.

| 16 | 17 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.9.0/api/OnChangeScroll.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 |
6 | 7 |
8 | 9 | **Type**: TSInterface 10 | 11 | |PROPERTY|TYPE|DESCRIPTION| 12 | |:---:|:---:|:---:| 13 | |currentTarget|[InfiniteGrid](InfiniteGrid)|

An InfiniteGrid instance that triggered this event.

| 14 | |direction|"start" \| "end"|

The scroll direction.

| 15 | |scrollPos|number|

The scroll position.

| 16 | |relativeScrollPos|number|

The scroll position relative to container.

| 17 | 18 | -------------------------------------------------------------------------------- /packages/docs/versioned_docs/version-4.9.0/api/withInfiniteGridMethods.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | custom_edit_url: null 3 | --- 4 | 5 | ```ts 6 | const withInfiniteGridMethods 7 | ``` 8 | 9 |
10 | 11 |
12 | 13 |

Decorator that makes the method of InfiniteGrid available in the framework.

14 | 15 | ```js 16 | import { withInfiniteGridMethods } from "@egjs/infinitegrid"; 17 | 18 | class Grid extends React.Component> { 19 | @withInfiniteGridMethods 20 | private grid: NativeGrid; 21 | } 22 | ``` 23 | 24 | -------------------------------------------------------------------------------- /packages/docs/versions.json: -------------------------------------------------------------------------------- 1 | [ 2 | "4.12.0", 3 | "4.11.1", 4 | "4.10.1", 5 | "4.9.0", 6 | "4.8.1", 7 | "4.7.1", 8 | "4.6.0", 9 | "4.5.0", 10 | "4.4.0", 11 | "4.3.1", 12 | "4.2.1", 13 | "4.1.1", 14 | "4.0.0" 15 | ] 16 | -------------------------------------------------------------------------------- /packages/docs/webpack.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | 3 | module.exports = function (context, options) { 4 | return { 5 | name: 'custom-docusaurus-plugin', 6 | }; 7 | }; 8 | -------------------------------------------------------------------------------- /packages/infinitegrid/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | insert_final_newline = true 6 | trim_trailing_whitespace = true 7 | charset = utf-8 8 | end_of_line = lf 9 | indent_style = space 10 | indent_size = 2 11 | max_line_length = 80 12 | 13 | [{*.json,.travis.yml}] 14 | indent_style = space 15 | indent_size = 2 16 | -------------------------------------------------------------------------------- /packages/infinitegrid/.eslintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist/ 3 | *.js 4 | -------------------------------------------------------------------------------- /packages/infinitegrid/.npmignore: -------------------------------------------------------------------------------- 1 | #configs 2 | config 3 | bower.json 4 | 5 | #tests 6 | test 7 | karma.conf.js 8 | 9 | #build tools 10 | webpack.*.js 11 | .travis.yml 12 | .codeclimate.yml 13 | 14 | #linters 15 | .eslintrc* 16 | 17 | #docs 18 | doc 19 | demo 20 | jsdoc.json 21 | README.md 22 | 23 | #editor settings 24 | .idea 25 | .editorconfig 26 | _site 27 | coverage/ 28 | node_modules/ 29 | .github 30 | .babelrc 31 | mocha.opts 32 | demo/ 33 | 34 | #packages 35 | packages 36 | 37 | 38 | #storybook 39 | .storybook 40 | storybook/ 41 | stories/ 42 | docs/ 43 | -------------------------------------------------------------------------------- /packages/infinitegrid/.storybook/manager.js: -------------------------------------------------------------------------------- 1 | import { addons } from "@storybook/addons"; 2 | 3 | addons.setConfig({ 4 | panelPosition: "right", 5 | }); 6 | 7 | 8 | if (location.hostname.indexOf("localhost") > -1) { 9 | window.STORYBOOK_GA_ID = "G-LWLTCXMENE"; 10 | window.STORYBOOK_REACT_GA_OPTIONS = {}; 11 | } 12 | -------------------------------------------------------------------------------- /packages/infinitegrid/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module "!!raw-loader!*" { 2 | const content: string; 3 | export default content; 4 | } 5 | -------------------------------------------------------------------------------- /packages/infinitegrid/src/index.cjs.ts: -------------------------------------------------------------------------------- 1 | import InfiniteGrid, * as modules from "./index"; 2 | 3 | for (const name in modules) { 4 | (InfiniteGrid as any)[name] = (modules as any)[name]; 5 | } 6 | 7 | declare const module: any; 8 | module.exports = InfiniteGrid; 9 | export default InfiniteGrid; 10 | export * from "./index"; 11 | -------------------------------------------------------------------------------- /packages/infinitegrid/src/index.ts: -------------------------------------------------------------------------------- 1 | import InfiniteGrid from "./InfiniteGrid"; 2 | export * from "./InfiniteGrid"; 3 | export * from "./InfiniteGridItem"; 4 | export * from "./grids/MasonryInfiniteGrid"; 5 | export * from "./grids/JustifiedInfiniteGrid"; 6 | export * from "./grids/FrameInfiniteGrid"; 7 | export * from "./grids/PackingInfiniteGrid"; 8 | export * from "./Renderer/Renderer"; 9 | export * from "./types"; 10 | export * from "./consts"; 11 | export { 12 | withInfiniteGridMethods, 13 | getRenderingItems, 14 | mountRenderingItems, 15 | } from "./utils"; 16 | 17 | export default InfiniteGrid; 18 | -------------------------------------------------------------------------------- /packages/infinitegrid/src/index.umd.ts: -------------------------------------------------------------------------------- 1 | import InfiniteGrid, * as modules from "./index"; 2 | 3 | for (const name in modules) { 4 | (InfiniteGrid as any)[name] = (modules as any)[name]; 5 | } 6 | 7 | export default InfiniteGrid; 8 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/1-MasonryInfiniteGrid/0-MasonryInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/MasonryInfiniteGrid", 5 | }; 6 | export * from "./1-MasonryInfiniteGrid.stories"; 7 | // export * from "./2-MasonryGridMultiple.stories"; 8 | // export * from "./3-MasonryGrid100.stories"; 9 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/2-JustifiedInfiniteGrid/0-JustifiedInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/JustifiedInfiniteGrid", 5 | }; 6 | export * from "./1-JustifiedInfiniteGrid.stories"; 7 | export * from "./2-JustifiedInfiniteGridStretch.stories"; 8 | // export * from "./2-MasonryGridMultiple.stories"; 9 | // export * from "./3-MasonryGrid100.stories"; 10 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/3-FrameInfiniteGrid/0-FrameInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/FrameInfiniteGrid", 5 | }; 6 | export * from "./1-FrameInfiniteGrid.stories"; 7 | // export * from "./2-MasonryGridMultiple.stories"; 8 | // export * from "./3-MasonryGrid100.stories"; 9 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/3-FrameInfiniteGrid/1-FrameInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import FrameInfiniteGridApp from "./apps/VanillaFrameInfiniteGridApp"; 3 | import { getApp } from "../templates/ReactJSX"; 4 | import { getPreview } from "../templates/preview"; 5 | import "../templates/default.css"; 6 | 7 | export const FrameInfiniteGridTemplate = getApp( 8 | FrameInfiniteGridApp, 9 | () =>
, 10 | ); 11 | 12 | FrameInfiniteGridTemplate.storyName = "FrameInfiniteGrid"; 13 | 14 | FrameInfiniteGridTemplate.parameters = { 15 | preview: getPreview("3-FrameInfiniteGrid", "FrameInfiniteGrid"), 16 | }; 17 | 18 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/4-PackingInfiniteGrid/0-PackingInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/PackingInfiniteGrid", 5 | }; 6 | export * from "./1-PackingInfiniteGrid.stories"; 7 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/5-DataLoading/0-DataLoading.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/Data Loading", 5 | }; 6 | export * from "./1-WaitNReady.stories"; 7 | export * from "./2-Placeholder.stories"; 8 | export * from "./3-Loading.stories"; 9 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/5-DataLoading/1-WaitNReady.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import WaitNReadyApp from "./apps/VanillaWaitNReadyApp"; 3 | import { getApp } from "../templates/ReactJSX"; 4 | import { getPreview } from "../templates/preview"; 5 | import "../templates/default.css"; 6 | 7 | export const WaitNReadyTemplate = getApp( 8 | WaitNReadyApp, 9 | () =>
, 10 | ); 11 | 12 | WaitNReadyTemplate.storyName = "Wait & Ready"; 13 | 14 | WaitNReadyTemplate.parameters = { 15 | preview: getPreview("5-DataLoading", "WaitNReady"), 16 | }; 17 | 18 | 19 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/5-DataLoading/2-Placeholder.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import PlaceholderApp from "./apps/VanillaPlaceholderApp"; 3 | import { getApp } from "../templates/ReactJSX"; 4 | import { getPreview } from "../templates/preview"; 5 | import "../templates/default.css"; 6 | 7 | export const PlaceholderTemplate = getApp( 8 | PlaceholderApp, 9 | () =>
, 10 | ); 11 | 12 | PlaceholderTemplate.storyName = "Placeholder"; 13 | 14 | PlaceholderTemplate.parameters = { 15 | preview: getPreview("5-DataLoading", "Placeholder"), 16 | }; 17 | 18 | 19 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/5-DataLoading/3-Loading.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import LoadingApp from "./apps/VanillaLoadingApp"; 3 | import { getApp } from "../templates/ReactJSX"; 4 | import { getPreview } from "../templates/preview"; 5 | import "../templates/default.css"; 6 | 7 | export const LoadingTemplate = getApp( 8 | LoadingApp, 9 | () =>
, 10 | ); 11 | 12 | LoadingTemplate.storyName = "Loading"; 13 | 14 | LoadingTemplate.parameters = { 15 | preview: getPreview("5-DataLoading", "Loading"), 16 | }; 17 | 18 | 19 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/6-Status/0-Status.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | // export default { 4 | // title: "Examples/Status", 5 | // }; 6 | // export * from "./1-Status.stories"; 7 | -------------------------------------------------------------------------------- /packages/infinitegrid/stories/templates/default.html: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /packages/infinitegrid/test/unit/css/sample.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | position: relative; 3 | height: 100%; 4 | margin: 0; 5 | padding: 0; 6 | } 7 | .sample .infinitegrid-container>div, .sample-container>div { 8 | font-size: 1px; 9 | height: 18px; 10 | } 11 | -------------------------------------------------------------------------------- /packages/infinitegrid/test/unit/utils/consts.ts: -------------------------------------------------------------------------------- 1 | export const SIZES = [ 2 | [318, 317], 3 | [350, 525], 4 | [640, 440], 5 | [364, 320], 6 | [310, 520], 7 | [300, 619], 8 | [486, 529], 9 | [244, 684], 10 | [520, 520], 11 | [381, 355], 12 | [121, 475], 13 | ]; 14 | -------------------------------------------------------------------------------- /packages/infinitegrid/tsconfig.declaration.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig", 3 | "compilerOptions": { 4 | "removeComments": false, 5 | "declaration": true, 6 | "emitDeclarationOnly": true, 7 | "declarationDir": "declaration", 8 | "strictNullChecks": false, 9 | }, 10 | "include": [ 11 | "./src/**/*.ts", 12 | ] 13 | } 14 | -------------------------------------------------------------------------------- /packages/infinitegrid/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "./outjs/", 4 | "sourceMap": true, 5 | "module": "es2015", 6 | "target": "es5", 7 | "strictNullChecks": true, 8 | "moduleResolution": "node", 9 | "experimentalDecorators": true, 10 | "skipLibCheck": true, 11 | "jsx": "react", 12 | "lib": [ 13 | "es2015", 14 | "dom" 15 | ] 16 | }, 17 | "baseUrl": ".", 18 | "include": [ 19 | "./src/**/*.ts", 20 | "./stories/**/*.ts", 21 | "./global.d.ts" 22 | ], 23 | "exclude": [ 24 | "node_modules" 25 | ] 26 | } 27 | -------------------------------------------------------------------------------- /packages/infinitegrid/tsconfig.test.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig", 3 | "compilerOptions": { 4 | "module": "commonjs", 5 | "noImplicitAny": false, 6 | "strictNullChecks": false, 7 | "types": [ 8 | "karma-chai", 9 | "mocha", 10 | ] 11 | }, 12 | "include": [ 13 | "./src/**/*.ts", 14 | "./test/unit/**/*.ts" 15 | ], 16 | "exclude": [ 17 | "./node_modules/**/*.ts" 18 | ] 19 | } 20 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/.storybook/main.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | 3 | module.exports = { 4 | webpackFinal: config => { 5 | config.resolve.alias["@egjs/infinitegrid"] = path.resolve(__dirname, '../../../dist/infinitegrid.esm.js'); 6 | 7 | return config; 8 | }, 9 | "stories": [ 10 | "../stories/**/*.stories.@(js|jsx|ts|tsx)" 11 | ], 12 | "addons": [ 13 | "@storybook/addon-controls/register", 14 | "@storybook/addon-viewport/register", 15 | "storybook-addon-preview/register", 16 | "storybook-dark-mode/register", 17 | ], 18 | }; 19 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/.storybook/manager.js: -------------------------------------------------------------------------------- 1 | import { addons } from "@storybook/addons"; 2 | 3 | addons.setConfig({ 4 | panelPosition: "right", 5 | }); 6 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/.storybook/preview-head.html: -------------------------------------------------------------------------------- 1 | 10 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/.storybook/preview.js: -------------------------------------------------------------------------------- 1 | import { themes } from "@storybook/theming"; 2 | import { 3 | INITIAL_VIEWPORTS, 4 | // or MINIMAL_VIEWPORTS, 5 | } from "@storybook/addon-viewport"; 6 | 7 | // or global addParameters 8 | export const parameters = { 9 | controls: { 10 | passArgsFirst: true, 11 | expanded: true, 12 | hideNoControlsWarning: true, 13 | }, 14 | viewport: { 15 | viewports: { 16 | ...INITIAL_VIEWPORTS, 17 | }, 18 | }, 19 | darkMode: { 20 | // Override the default light theme 21 | light: { ...themes.normal }, 22 | // Override the default dark theme 23 | dark: { ...themes.dark }, 24 | }, 25 | }; 26 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/.storybook/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.app.json", 3 | "compilerOptions": { 4 | "types": [ 5 | "node" 6 | ] 7 | }, 8 | "exclude": [ 9 | "../src/test.ts", 10 | "../src/**/*.spec.ts", 11 | "../projects/**/*.spec.ts" 12 | ], 13 | "include": [ 14 | "../stories/global.d.ts", 15 | "../src/**/*", 16 | "../stories/**/*", 17 | "../../../stories/templates/controls.ts", 18 | "../../../stories/utils.ts" 19 | ] 20 | } 21 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/projects/ngx-infinitegrid/ng-package.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "../../node_modules/ng-packagr/ng-package.schema.json", 3 | "dest": "../../dist/ngx-infinitegrid", 4 | "lib": { 5 | "entryFile": "src/public-api.ts" 6 | }, 7 | "allowedNonPeerDependencies": ["@egjs/infinitegrid"] 8 | } 9 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/projects/ngx-infinitegrid/src/lib/ngx-infinitegrid.interface.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * egjs-infinitegrid 3 | * Copyright (c) 2021-present NAVER Corp. 4 | * MIT license 5 | */ 6 | import VanillaInfiniteGrid, { InfiniteGridMethods, withInfiniteGridMethods } from '@egjs/infinitegrid'; 7 | import { NgxInfiniteGridComponent } from './ngx-infinitegrid.component'; 8 | 9 | export class NgxInfiniteGridInterface { 10 | @withInfiniteGridMethods 11 | protected vanillaGrid!: VanillaInfiniteGrid; 12 | } 13 | export interface NgxInfiniteGridInterface extends InfiniteGridMethods { } 14 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/projects/ngx-infinitegrid/src/private_export.ts: -------------------------------------------------------------------------------- 1 | /** This shouldn't be used outside of the library, required for the Ivy compilation. */ 2 | export { NgxJustifiedInfiniteGridComponent as ɵNgxJustifiedInfiniteGridComponent } from './lib/grids/ngx-justified-infinitegrid.component'; 3 | export { NgxFrameInfiniteGridComponent as ɵNgxFrameInfiniteGridComponent } from './lib/grids/ngx-frame-infinitegrid.component'; 4 | export { NgxPackingInfiniteGridComponent as ɵNgxPackingInfiniteGridComponent } from './lib/grids/ngx-packing-infinitegrid.component'; 5 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/projects/ngx-infinitegrid/src/public-api.ts: -------------------------------------------------------------------------------- 1 | /* 2 | * Public API Surface of ngx-infinitegrid 3 | */ 4 | 5 | export * from './lib/grids/ngx-masonry-infinitegrid.component'; 6 | export * from './lib/ngx-infinitegrid.component'; 7 | export * from './lib/ngx-infinitegrid.module'; 8 | 9 | export * from './private_export'; 10 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/projects/ngx-infinitegrid/src/test.ts: -------------------------------------------------------------------------------- 1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files 2 | 3 | import 'zone.js'; 4 | import 'zone.js/testing'; 5 | import { getTestBed } from '@angular/core/testing'; 6 | import { 7 | BrowserDynamicTestingModule, 8 | platformBrowserDynamicTesting 9 | } from '@angular/platform-browser-dynamic/testing'; 10 | 11 | // First, initialize the Angular testing environment. 12 | getTestBed().initTestEnvironment( 13 | BrowserDynamicTestingModule, 14 | platformBrowserDynamicTesting(), { 15 | teardown: { destroyAfterEach: false } 16 | } 17 | ); 18 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/projects/ngx-infinitegrid/tsconfig.lib.prod.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.lib.json", 4 | "compilerOptions": { 5 | "declarationMap": false 6 | }, 7 | "angularCompilerOptions": { 8 | "compilationMode": "partial" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/projects/ngx-infinitegrid/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "../../tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "../../out-tsc/spec", 6 | "types": [ 7 | "jasmine" 8 | ] 9 | }, 10 | "files": [ 11 | "src/test.ts" 12 | ], 13 | "include": [ 14 | "**/*.spec.ts", 15 | "**/*.d.ts" 16 | ] 17 | } 18 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/ngx-infinitegrid/src/app/app.component.css -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'ngx-infinitegrid-project'; 10 | } 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { BrowserModule } from '@angular/platform-browser'; 3 | 4 | import { AppComponent } from './app.component'; 5 | 6 | @NgModule({ 7 | declarations: [ 8 | AppComponent 9 | ], 10 | imports: [ 11 | BrowserModule 12 | ], 13 | providers: [], 14 | bootstrap: [AppComponent] 15 | }) 16 | export class AppModule { } 17 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/ngx-infinitegrid/src/assets/.gitkeep -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/ngx-infinitegrid/src/favicon.ico -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | NgxInfinitegridProject 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/main.ts: -------------------------------------------------------------------------------- 1 | import { enableProdMode } from '@angular/core'; 2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 3 | 4 | import { AppModule } from './app/app.module'; 5 | import { environment } from './environments/environment'; 6 | 7 | if (environment.production) { 8 | enableProdMode(); 9 | } 10 | 11 | platformBrowserDynamic().bootstrapModule(AppModule) 12 | .catch(err => console.error(err)); 13 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/src/test.ts: -------------------------------------------------------------------------------- 1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files 2 | 3 | import 'zone.js/testing'; 4 | import { getTestBed } from '@angular/core/testing'; 5 | import { 6 | BrowserDynamicTestingModule, 7 | platformBrowserDynamicTesting 8 | } from '@angular/platform-browser-dynamic/testing'; 9 | 10 | // First, initialize the Angular testing environment. 11 | getTestBed().initTestEnvironment( 12 | BrowserDynamicTestingModule, 13 | platformBrowserDynamicTesting(), { 14 | teardown: { destroyAfterEach: false } 15 | } 16 | ); 17 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/1-MasonryInfiniteGrid/0-MasonryInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { moduleMetadata } from '@storybook/angular'; 3 | import { NgxInfiniteGridModule } from '../../projects/ngx-infinitegrid/src/public-api'; 4 | 5 | export default { 6 | title: "Examples/MasonryInfiniteGrid", 7 | decorators: [ 8 | moduleMetadata({ 9 | declarations: [], 10 | imports: [NgxInfiniteGridModule, CommonModule], 11 | }), 12 | ], 13 | }; 14 | export * from "./1-MasonryInfiniteGrid.stories"; 15 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/1-MasonryInfiniteGrid/1-MasonryInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import { AppComponent } from './apps/NgxMasonryInfiniteGridApp/app.component'; 2 | 3 | export const MasonryInfiniteGridTemplate = (props: any) => ({ 4 | component: AppComponent, 5 | props: { 6 | ...props, 7 | key: JSON.stringify(props), 8 | }, 9 | }); 10 | MasonryInfiniteGridTemplate.storyName = "MasonryInfiniteGrid"; 11 | 12 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/2-JustifiedInfiniteGrid/0-JustifiedInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { moduleMetadata } from '@storybook/angular'; 3 | import { NgxInfiniteGridModule } from '../../projects/ngx-infinitegrid/src/public-api'; 4 | 5 | export default { 6 | title: "Examples/JustifiedInfiniteGrid", 7 | decorators: [ 8 | moduleMetadata({ 9 | declarations: [], 10 | imports: [NgxInfiniteGridModule, CommonModule], 11 | }), 12 | ], 13 | }; 14 | export * from "./1-JustifiedInfiniteGrid.stories"; 15 | export * from "./2-JustifiedInfiniteGridStretch.stories"; 16 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/2-JustifiedInfiniteGrid/1-JustifiedInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import { AppComponent } from './apps/NgxJustifiedInfiniteGridApp/app.component'; 2 | 3 | export const JustifiedInfiniteGridTemplate = (props: any) => ({ 4 | component: AppComponent, 5 | props: { 6 | ...props, 7 | key: JSON.stringify(props), 8 | }, 9 | }); 10 | JustifiedInfiniteGridTemplate.storyName = "JustifiedInfiniteGrid"; 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/2-JustifiedInfiniteGrid/2-JustifiedInfiniteGridStretch.stories.ts: -------------------------------------------------------------------------------- 1 | import { AppComponent } from './apps/NNgxJustifiedInfiniteGridStretchApp/app.component'; 2 | 3 | export const JustifiedInfiniteGridStretchTemplate = (props: any) => ({ 4 | component: AppComponent, 5 | props: { 6 | ...props, 7 | key: JSON.stringify(props), 8 | }, 9 | }); 10 | JustifiedInfiniteGridStretchTemplate.storyName = "JustifiedInfiniteGrid (stretch)"; 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/3-FrameInfiniteGrid/0-FrameInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { moduleMetadata } from '@storybook/angular'; 3 | import { NgxInfiniteGridModule } from '../../projects/ngx-infinitegrid/src/public-api'; 4 | 5 | export default { 6 | title: "Examples/FrameInfiniteGrid", 7 | decorators: [ 8 | moduleMetadata({ 9 | declarations: [], 10 | imports: [NgxInfiniteGridModule, CommonModule], 11 | }), 12 | ], 13 | }; 14 | export * from "./1-FrameInfiniteGrid.stories"; 15 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/3-FrameInfiniteGrid/1-FrameInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import { AppComponent } from './apps/NgxFrameInfiniteGridApp/app.component'; 2 | 3 | export const FrameInfiniteGridTemplate = (props: any) => ({ 4 | component: AppComponent, 5 | props: { 6 | ...props, 7 | key: JSON.stringify(props), 8 | }, 9 | }); 10 | FrameInfiniteGridTemplate.storyName = "FrameInfiniteGrid"; 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/4-PackingInfiniteGrid/0-PackingInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { moduleMetadata } from '@storybook/angular'; 3 | import { NgxInfiniteGridModule } from '../../projects/ngx-infinitegrid/src/public-api'; 4 | 5 | export default { 6 | title: "Examples/PackingInfiniteGrid", 7 | decorators: [ 8 | moduleMetadata({ 9 | declarations: [], 10 | imports: [NgxInfiniteGridModule, CommonModule], 11 | }), 12 | ], 13 | }; 14 | export * from "./1-PackingInfiniteGrid.stories"; 15 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/4-PackingInfiniteGrid/1-PackingInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import { AppComponent } from './apps/NgxPackingInfiniteGridApp/app.component'; 2 | 3 | export const PackingInfiniteGridTemplate = (props: any) => ({ 4 | component: AppComponent, 5 | props: { 6 | ...props, 7 | key: JSON.stringify(props), 8 | }, 9 | }); 10 | PackingInfiniteGridTemplate.storyName = "PackingInfiniteGrid"; 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/4-PackingInfiniteGrid/apps/NgxPackingInfiniteGridApp/app.component.html: -------------------------------------------------------------------------------- 1 |
11 |
12 | egjs 13 |
14 |
15 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/5-DataLoading/0-DataLoading.stories.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { moduleMetadata } from '@storybook/angular'; 3 | import { NgxInfiniteGridModule } from '../../projects/ngx-infinitegrid/src/public-api'; 4 | 5 | export default { 6 | title: "Examples/Data Loading", 7 | decorators: [ 8 | moduleMetadata({ 9 | declarations: [], 10 | imports: [NgxInfiniteGridModule, CommonModule], 11 | }), 12 | ], 13 | }; 14 | export * from "./1-WaitNReady.stories"; 15 | export * from "./2-Placeholder.stories"; 16 | export * from "./3-Loading.stories"; 17 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/5-DataLoading/1-WaitNReady.stories.ts: -------------------------------------------------------------------------------- 1 | import { AppComponent } from './apps/NgxWaitNReadyApp/app.component'; 2 | 3 | export const WaitNReadyTemplate = (props: any) => ({ 4 | component: AppComponent, 5 | props: { 6 | ...props, 7 | key: JSON.stringify(props), 8 | }, 9 | }); 10 | WaitNReadyTemplate.storyName = "Wait & Ready"; 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/5-DataLoading/2-Placeholder.stories.ts: -------------------------------------------------------------------------------- 1 | import { AppComponent } from './apps/NgxPlaceholderApp/app.component'; 2 | 3 | export const PlaceholderTemplate = (props: any) => ({ 4 | component: AppComponent, 5 | props: { 6 | ...props, 7 | key: JSON.stringify(props), 8 | }, 9 | }); 10 | PlaceholderTemplate.storyName = "Placeholder"; 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/5-DataLoading/3-Loading.stories.ts: -------------------------------------------------------------------------------- 1 | import { AppComponent } from './apps/NgxLoadingApp/app.component'; 2 | 3 | export const LoadingTemplate = (props: any) => ({ 4 | component: AppComponent, 5 | props: { 6 | ...props, 7 | key: JSON.stringify(props), 8 | }, 9 | }); 10 | LoadingTemplate.storyName = "Loading"; 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/6-Status/0-Status.stories.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { moduleMetadata } from '@storybook/angular'; 3 | import { NgxInfiniteGridModule } from '../../projects/ngx-infinitegrid/src/public-api'; 4 | 5 | export default { 6 | title: "Examples/Status", 7 | decorators: [ 8 | moduleMetadata({ 9 | declarations: [], 10 | imports: [NgxInfiniteGridModule, CommonModule], 11 | }), 12 | ], 13 | }; 14 | export * from "./1-Status.stories"; 15 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/6-Status/1-Status.stories.ts: -------------------------------------------------------------------------------- 1 | import { AppComponent } from './apps/NgxStatusApp/app.component'; 2 | 3 | export const StatusTemplate = (props: any) => ({ 4 | component: AppComponent, 5 | props: { 6 | ...props, 7 | key: JSON.stringify(props), 8 | }, 9 | }); 10 | StatusTemplate.storyName = "Status"; 11 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/apps/default/app.component.html: -------------------------------------------------------------------------------- 1 |
10 |
1
11 |
2
12 |
3
13 |
4
14 |
5
15 |
6
16 |
7
17 |
8
18 |
9
19 |
10
20 |
21 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/apps/default/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'ngx-masonry-grid-app', 5 | templateUrl: './app.component.html', 6 | styleUrls: [], 7 | }) 8 | export class AppComponent {} 9 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/apps/default/app.module.ts: -------------------------------------------------------------------------------- 1 | import { BrowserModule } from "@angular/platform-browser"; 2 | import { NgModule } from "@angular/core"; 3 | 4 | import { AppComponent } from "./app.component"; 5 | import { NgxInfiniteGridModule } from "../../../projects/ngx-infinitegrid/src/public-api"; 6 | 7 | @NgModule({ 8 | declarations: [AppComponent], 9 | imports: [BrowserModule, NgxInfiniteGridModule], 10 | providers: [], 11 | bootstrap: [AppComponent], 12 | }) 13 | export class AppModule {} 14 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/stories/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module "!!raw-loader!*" { 2 | const content: string; 3 | export default content; 4 | } 5 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": [ 9 | "src/main.ts", 10 | "src/polyfills.ts" 11 | ], 12 | "include": [ 13 | "src/**/*.d.ts" 14 | ] 15 | } 16 | -------------------------------------------------------------------------------- /packages/ngx-infinitegrid/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": [ 7 | "jasmine" 8 | ] 9 | }, 10 | "files": [ 11 | "src/test.ts", 12 | "src/polyfills.ts" 13 | ], 14 | "include": [ 15 | "src/**/*.spec.ts", 16 | "src/**/*.d.ts" 17 | ] 18 | } 19 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/.npmignore: -------------------------------------------------------------------------------- 1 | .storybook 2 | stories/ 3 | public/ 4 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/.storybook/manager.js: -------------------------------------------------------------------------------- 1 | import { addons } from "@storybook/addons"; 2 | 3 | addons.setConfig({ 4 | panelPosition: "right", 5 | }); 6 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module "!!raw-loader!*" { 2 | const content: string; 3 | export default content; 4 | } 5 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/src/grids/FrameInfiniteGrid.tsx: -------------------------------------------------------------------------------- 1 | import { 2 | FrameInfiniteGrid as VanillaFrameInfiniteGrid, 3 | FrameInfiniteGridOptions, 4 | } from "@egjs/infinitegrid"; 5 | import { InfiniteGrid } from "../InfiniteGrid"; 6 | 7 | export class FrameInfiniteGrid extends InfiniteGrid { 8 | public static GridClass = VanillaFrameInfiniteGrid; 9 | } 10 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/src/grids/JustifiedInfiniteGrid.tsx: -------------------------------------------------------------------------------- 1 | import { 2 | JustifiedInfiniteGrid as VanillaJustifiedInfiniteGrid, 3 | JustifiedInfiniteGridOptions, 4 | } from "@egjs/infinitegrid"; 5 | import { InfiniteGrid } from "../InfiniteGrid"; 6 | 7 | export class JustifiedInfiniteGrid extends InfiniteGrid { 8 | public static GridClass = VanillaJustifiedInfiniteGrid; 9 | } 10 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/src/grids/MasonryInfiniteGrid.tsx: -------------------------------------------------------------------------------- 1 | import { 2 | MasonryInfiniteGrid as VanillaMasonryInfiniteGrid, 3 | MasonryInfiniteGridOptions, 4 | } from "@egjs/infinitegrid"; 5 | import { InfiniteGrid } from "../InfiniteGrid"; 6 | 7 | export class MasonryInfiniteGrid extends InfiniteGrid { 8 | public static GridClass = VanillaMasonryInfiniteGrid; 9 | } 10 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/src/grids/PackingInfiniteGrid.tsx: -------------------------------------------------------------------------------- 1 | import { 2 | PackingInfiniteGrid as VanillaPackingInfiniteGrid, 3 | PackingInfiniteGridOptions, 4 | } from "@egjs/infinitegrid"; 5 | import { InfiniteGrid } from "../InfiniteGrid"; 6 | 7 | export class PackingInfiniteGrid extends InfiniteGrid { 8 | public static GridClass = VanillaPackingInfiniteGrid; 9 | } 10 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/src/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./InfiniteGrid"; 2 | export * from "./grids/MasonryInfiniteGrid"; 3 | export * from "./grids/JustifiedInfiniteGrid"; 4 | export * from "./grids/FrameInfiniteGrid"; 5 | export * from "./grids/PackingInfiniteGrid"; 6 | export * from "./types"; 7 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/src/index.umd.ts: -------------------------------------------------------------------------------- 1 | import * as modules from "./index"; 2 | 3 | export default modules; 4 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/src/utils.ts: -------------------------------------------------------------------------------- 1 | export function isFunction(val: any): val is Function { 2 | return typeof val === "function"; 3 | } 4 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/1-MasonryInfiniteGrid/0-MasonryInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/MasonryInfiniteGrid", 5 | }; 6 | export * from "./1-MasonryInfiniteGrid.stories"; 7 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/2-JustifiedInfiniteGrid/0-JustifiedInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/JustifiedInfiniteGrid", 5 | }; 6 | export * from "./1-JustifiedInfiniteGrid.stories"; 7 | export * from "./2-JustifiedInfiniteGridStretch.stories"; 8 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/2-JustifiedInfiniteGrid/1-JustifiedInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | /* eslint-disable import/no-webpack-loader-syntax */ 3 | import JustifiedInfiniteGridApp from "./apps/ReactJustifiedInfiniteGridApp"; 4 | // import RawJustifiedInfiniteGridApp from "!!raw-loader!./apps/ReactJustifiedInfiniteGridApp"; 5 | import "../../../infinitegrid/stories/templates/default.css"; 6 | 7 | export const JustifiedInfiniteGridTemplate = () => ; 8 | 9 | 10 | JustifiedInfiniteGridTemplate.storyName = "JustifiedInfiniteGrid"; 11 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/2-JustifiedInfiniteGrid/2-JustifiedInfiniteGridStretch.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | /* eslint-disable import/no-webpack-loader-syntax */ 3 | import JustifiedInfiniteGridApp from "./apps/ReactJustifiedInfiniteGridApp"; 4 | // import RawJustifiedInfiniteGridApp from "!!raw-loader!./apps/ReactJustifiedInfiniteGridApp"; 5 | import "../../../infinitegrid/stories/templates/default.css"; 6 | 7 | export const JustifiedInfiniteGridStretchTemplate = () => ; 8 | 9 | 10 | JustifiedInfiniteGridStretchTemplate.storyName = "JustifiedInfiniteGrid (stretch)"; 11 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/3-FrameInfiniteGrid/0-FrameInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/FrameInfiniteGrid", 5 | }; 6 | export * from "./1-FrameInfiniteGrid.stories"; 7 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/3-FrameInfiniteGrid/1-FrameInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | /* eslint-disable import/no-webpack-loader-syntax */ 3 | import FrameInfiniteGridApp from "./apps/ReactFrameInfiniteGridApp"; 4 | // import RawFrameInfiniteGridApp from "!!raw-loader!./apps/ReactFrameInfiniteGridApp"; 5 | import "../../../infinitegrid/stories/templates/default.css"; 6 | 7 | export const FrameInfiniteGridTemplate = () => ; 8 | 9 | 10 | FrameInfiniteGridTemplate.storyName = "FrameInfiniteGrid"; 11 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/4-PackingInfiniteGrid/0-PackingInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/PackingInfiniteGrid", 5 | }; 6 | export * from "./1-PackingInfiniteGrid.stories"; 7 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/4-PackingInfiniteGrid/1-PackingInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | /* eslint-disable import/no-webpack-loader-syntax */ 3 | import PackingInfiniteGridApp from "./apps/ReactPackingInfiniteGridApp"; 4 | // import RawPackingInfiniteGridApp from "!!raw-loader!./apps/ReactPackingInfiniteGridApp"; 5 | import "../../../infinitegrid/stories/templates/default.css"; 6 | 7 | export const PackingInfiniteGridTemplate = () => ; 8 | 9 | 10 | PackingInfiniteGridTemplate.storyName = "PackingInfiniteGrid"; 11 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/5-DataLoading/0-DataLoading.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/Data Loading", 5 | }; 6 | export * from "./1-WaitNReady.stories"; 7 | export * from "./2-Placeholder.stories"; 8 | export * from "./3-Loading.stories"; 9 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/5-DataLoading/1-WaitNReady.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | /* eslint-disable import/no-webpack-loader-syntax */ 3 | import WaitNReadyApp from "./apps/ReactWaitNReadyApp"; 4 | // import RawWaitNReadyApp from "!!raw-loader!./apps/ReactWaitNReadyApp"; 5 | import "../../../infinitegrid/stories/templates/default.css"; 6 | 7 | export const WaitNReadyTemplate = () => ; 8 | 9 | 10 | WaitNReadyTemplate.storyName = "Wait & Ready"; 11 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/5-DataLoading/2-Placeholder.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | /* eslint-disable import/no-webpack-loader-syntax */ 3 | import PlaceholderApp from "./apps/ReactPlaceholderApp"; 4 | // import RawPlaceholderApp from "!!raw-loader!./apps/ReactPlaceholderApp"; 5 | import "../../../infinitegrid/stories/templates/default.css"; 6 | 7 | export const PlaceholderTemplate = () => ; 8 | 9 | 10 | PlaceholderTemplate.storyName = "Placeholder"; 11 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/5-DataLoading/3-Loading.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | /* eslint-disable import/no-webpack-loader-syntax */ 3 | import LoadingApp from "./apps/ReactLoadingApp"; 4 | // import RawLoadingApp from "!!raw-loader!./apps/ReactLoadingApp"; 5 | import "../../../infinitegrid/stories/templates/default.css"; 6 | 7 | export const LoadingTemplate = () => ; 8 | 9 | 10 | LoadingTemplate.storyName = "Loading"; 11 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/6-Status/0-Status.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-anonymous-default-export */ 2 | 3 | export default { 4 | title: "Examples/Status", 5 | }; 6 | export * from "./1-Status.stories"; 7 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/stories/6-Status/1-Status.stories.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | /* eslint-disable import/no-webpack-loader-syntax */ 3 | import StatusApp from "./apps/ReactStatusApp"; 4 | // import RawStatusApp from "!!raw-loader!./apps/ReactStatusApp"; 5 | import "../../../infinitegrid/stories/templates/default.css"; 6 | 7 | export const StatusTemplate = () => ; 8 | 9 | 10 | StatusTemplate.storyName = "Status"; 11 | -------------------------------------------------------------------------------- /packages/react-infinitegrid/tsconfig.build.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig", 3 | "compilerOptions": { 4 | "jsx": "react" 5 | } 6 | } -------------------------------------------------------------------------------- /packages/react-infinitegrid/tsconfig.declaration.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig", 3 | "compilerOptions": { 4 | "allowJs": false, 5 | "noEmit": false, 6 | "isolatedModules": false, 7 | "removeComments": true, 8 | "declaration": true, 9 | "emitDeclarationOnly": true, 10 | "declarationDir": "declaration" 11 | }, 12 | "include": [ 13 | "./src/**/*", 14 | "./global.d.ts" 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | /public/build/ 3 | 4 | .DS_Store 5 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/.npmignore: -------------------------------------------------------------------------------- 1 | .storybook 2 | stories/ 3 | public/ 4 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/.storybook/manager.js: -------------------------------------------------------------------------------- 1 | import { addons } from "@storybook/addons"; 2 | 3 | addons.setConfig({ 4 | panelPosition: "right", 5 | }); 6 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module "!!raw-loader!*" { 2 | const content: string; 3 | export default content; 4 | } 5 | declare module "*.svelte" { 6 | const content: any; 7 | export default content; 8 | } 9 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/svelte-infinitegrid/public/favicon.png -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Svelte app 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/src/consts.js: -------------------------------------------------------------------------------- 1 | export const SVELTE_INFINITEGRID_PROPS = [ 2 | "status", 3 | "useFirstRender", 4 | "useLoading", 5 | "usePlaceholder", 6 | "items", 7 | "itemBy", 8 | "groupBy", 9 | ]; 10 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/src/grids/FrameInfiniteGrid.js: -------------------------------------------------------------------------------- 1 | import InfiniteGrid from "../InfiniteGrid.js"; 2 | import { FrameInfiniteGrid as GridClass } from "@egjs/infinitegrid"; 3 | 4 | 5 | let SvelteFrameInfiniteGrid; 6 | 7 | if (typeof InfiniteGrid === "object") { 8 | SvelteFrameInfiniteGrid = InfiniteGrid; 9 | } else { 10 | SvelteFrameInfiniteGrid = class SvelteFrameInfiniteGrid extends InfiniteGrid { 11 | constructor(options) { 12 | options.props.GridClass = GridClass; 13 | super(options); 14 | } 15 | } 16 | } 17 | export { SvelteFrameInfiniteGrid as FrameInfiniteGrid }; 18 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/src/grids/JustifiedInfiniteGrid.js: -------------------------------------------------------------------------------- 1 | import InfiniteGrid from "../InfiniteGrid.js"; 2 | import { JustifiedInfiniteGrid as GridClass } from "@egjs/infinitegrid"; 3 | 4 | 5 | let SvelteJustifiedInfiniteGrid; 6 | 7 | if (typeof InfiniteGrid === "object") { 8 | SvelteJustifiedInfiniteGrid = InfiniteGrid; 9 | } else { 10 | SvelteJustifiedInfiniteGrid = class SvelteJustifiedInfiniteGrid extends InfiniteGrid { 11 | constructor(options) { 12 | options.props.GridClass = GridClass; 13 | super(options); 14 | } 15 | } 16 | } 17 | export { SvelteJustifiedInfiniteGrid as JustifiedInfiniteGrid }; 18 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/src/grids/MasonryInfiniteGrid.js: -------------------------------------------------------------------------------- 1 | import InfiniteGrid from "../InfiniteGrid.js"; 2 | import { MasonryInfiniteGrid as GridClass } from "@egjs/infinitegrid"; 3 | 4 | 5 | let SvelteMasonryInfiniteGrid; 6 | 7 | if (typeof InfiniteGrid === "object") { 8 | SvelteMasonryInfiniteGrid = InfiniteGrid; 9 | } else { 10 | SvelteMasonryInfiniteGrid = class SvelteMasonryInfiniteGrid extends InfiniteGrid { 11 | constructor(options) { 12 | options.props.GridClass = GridClass; 13 | super(options); 14 | } 15 | } 16 | } 17 | export { SvelteMasonryInfiniteGrid as MasonryInfiniteGrid }; 18 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/src/grids/PackingInfiniteGrid.js: -------------------------------------------------------------------------------- 1 | import InfiniteGrid from "../InfiniteGrid.js"; 2 | import { PackingInfiniteGrid as GridClass } from "@egjs/infinitegrid"; 3 | 4 | 5 | let SveltePackingInfiniteGrid; 6 | 7 | if (typeof InfiniteGrid === "object") { 8 | SveltePackingInfiniteGrid = InfiniteGrid; 9 | } else { 10 | SveltePackingInfiniteGrid = class SveltePackingInfiniteGrid extends InfiniteGrid { 11 | constructor(options) { 12 | options.props.GridClass = GridClass; 13 | super(options); 14 | } 15 | } 16 | } 17 | export { SveltePackingInfiniteGrid as PackingInfiniteGrid }; 18 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/src/index.js: -------------------------------------------------------------------------------- 1 | import InfiniteGrid from "./InfiniteGrid.js"; 2 | 3 | export { InfiniteGrid }; 4 | export * from "./grids/MasonryInfiniteGrid"; 5 | export * from "./grids/JustifiedInfiniteGrid"; 6 | export * from "./grids/FrameInfiniteGrid"; 7 | export * from "./grids/PackingInfiniteGrid"; 8 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/src/index.umd.js: -------------------------------------------------------------------------------- 1 | import * as modules from "./index"; 2 | 3 | 4 | export default modules; 5 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/src/main.ts: -------------------------------------------------------------------------------- 1 | import App from './App.svelte'; 2 | 3 | const app = new App({ 4 | target: document.body, 5 | props: { 6 | name: 'world' 7 | } 8 | }); 9 | 10 | export default app; -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/1-MasonryInfiniteGrid/0-MasonryInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | title: "Examples/MasonryInfiniteGrid", 3 | }; 4 | export * from "./1-MasonryInfiniteGrid.stories"; 5 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/2-JustifiedInfiniteGrid/0-JustifiedInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | title: "Examples/JustifiedInfiniteGrid", 3 | }; 4 | export * from "./1-JustifiedInfiniteGrid.stories"; 5 | export * from "./2-JustifiedInfiniteGridStretch.stories"; -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/2-JustifiedInfiniteGrid/1-JustifiedInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import JustifiedInfiniteGridApp from "./apps/SvelteJustifiedInfiniteGridApp.svelte"; 2 | import "../../../infinitegrid/stories/templates/default.css"; 3 | 4 | 5 | export const JustifiedInfiniteGridTemplate = (props) => ({ 6 | Component: JustifiedInfiniteGridApp, 7 | props, 8 | }); 9 | 10 | JustifiedInfiniteGridTemplate.storyName = "JustifiedInfiniteGrid"; 11 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/2-JustifiedInfiniteGrid/2-JustifiedInfiniteGridStretch.stories.ts: -------------------------------------------------------------------------------- 1 | import JustifiedInfiniteGridStretchApp from "./apps/SvelteJustifiedInfiniteGridStretchApp.svelte"; 2 | import "../../../infinitegrid/stories/templates/default.css"; 3 | 4 | 5 | export const JustifiedInfiniteGridStretchTemplate = (props) => ({ 6 | Component: JustifiedInfiniteGridStretchApp, 7 | props, 8 | }); 9 | 10 | JustifiedInfiniteGridStretchTemplate.storyName = "JustifiedInfiniteGrid (stretch)"; 11 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/3-FrameInfiniteGrid/0-FrameInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | title: "Examples/FrameInfiniteGrid", 3 | }; 4 | export * from "./1-FrameInfiniteGrid.stories"; 5 | 6 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/3-FrameInfiniteGrid/1-FrameInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import FrameInfiniteGridApp from "./apps/SvelteFrameInfiniteGridApp.svelte"; 2 | import "../../../infinitegrid/stories/templates/default.css"; 3 | 4 | 5 | export const FrameInfiniteGridTemplate = (props) => ({ 6 | Component: FrameInfiniteGridApp, 7 | props, 8 | }); 9 | 10 | FrameInfiniteGridTemplate.storyName = "FrameInfiniteGrid"; 11 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/4-PackingInfiniteGrid/0-PackingInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | title: "Examples/PackingInfiniteGrid", 3 | }; 4 | export * from "./1-PackingInfiniteGrid.stories"; 5 | 6 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/4-PackingInfiniteGrid/1-PackingInfiniteGrid.stories.ts: -------------------------------------------------------------------------------- 1 | import PackingInfiniteGridApp from "./apps/SveltePackingInfiniteGridApp.svelte"; 2 | import "../../../infinitegrid/stories/templates/default.css"; 3 | 4 | 5 | export const PackingInfiniteGridTemplate = (props) => ({ 6 | Component: PackingInfiniteGridApp, 7 | props, 8 | }); 9 | 10 | PackingInfiniteGridTemplate.storyName = "PackingInfiniteGrid"; 11 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/5-DataLoading/0-DataLoading.stories.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | title: "Examples/Data Loading", 3 | }; 4 | export * from "./1-WaitNReady.stories"; 5 | export * from "./2-Placeholder.stories"; 6 | export * from "./3-Loading.stories"; 7 | 8 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/5-DataLoading/1-WaitNReady.stories.ts: -------------------------------------------------------------------------------- 1 | import WaitNReadyApp from "./apps/SvelteWaitNReadyApp.svelte"; 2 | import "../../../infinitegrid/stories/templates/default.css"; 3 | 4 | 5 | export const WaitNReadyTemplate = (props) => ({ 6 | Component: WaitNReadyApp, 7 | props, 8 | }); 9 | 10 | WaitNReadyTemplate.storyName = "Wait & Ready"; 11 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/5-DataLoading/2-Placeholder.stories.ts: -------------------------------------------------------------------------------- 1 | import PlaceholderApp from "./apps/SveltePlaceholderApp.svelte"; 2 | import "../../../infinitegrid/stories/templates/default.css"; 3 | 4 | 5 | export const PlaceholderTemplate = (props) => ({ 6 | Component: PlaceholderApp, 7 | props, 8 | }); 9 | 10 | PlaceholderTemplate.storyName = "Placeholder"; 11 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/stories/5-DataLoading/3-Loading.stories.ts: -------------------------------------------------------------------------------- 1 | import LoadingApp from "./apps/SvelteLoadingApp.svelte"; 2 | import "../../../infinitegrid/stories/templates/default.css"; 3 | 4 | 5 | export const LoadingTemplate = (props) => ({ 6 | Component: LoadingApp, 7 | props, 8 | }); 9 | 10 | LoadingTemplate.storyName = "Loading"; 11 | -------------------------------------------------------------------------------- /packages/svelte-infinitegrid/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | 4 | "include": ["src/**/*", "./global.d.ts", "stories/**/*"], 5 | "exclude": ["node_modules/*", "__sapper__/*", "public/*"] 6 | } 7 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not dead 4 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/.editorconfig: -------------------------------------------------------------------------------- 1 | [*.{js,jsx,ts,tsx,vue}] 2 | indent_style = space 3 | indent_size = 2 4 | end_of_line = lf 5 | trim_trailing_whitespace = true 6 | insert_final_newline = true 7 | max_line_length = 100 8 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true, 5 | }, 6 | extends: [ 7 | "plugin:vue/essential", 8 | "@vue/airbnb", 9 | "@vue/typescript/recommended", 10 | ], 11 | parserOptions: { 12 | ecmaVersion: 2020, 13 | }, 14 | rules: { 15 | "max-len": ["error", { "code": 120, "comments": 400, "ignoreTemplateLiterals": true }], 16 | "quotes": ["error", "double"], 17 | "no-shadow": "error", 18 | "no-console": process.env.NODE_ENV === "production" ? "warn" : "off", 19 | "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off", 20 | }, 21 | }; 22 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/.npmignore: -------------------------------------------------------------------------------- 1 | .storybook 2 | stories/ 3 | vue3/ 4 | public/ 5 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/.storybook/main.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | 3 | module.exports = { 4 | webpackFinal: (config) => { 5 | config.resolve.alias["@egjs/infinitegrid"] = path.resolve(__dirname, '../../../dist/infinitegrid.esm.js'); 6 | return config; 7 | }, 8 | "stories": [ 9 | "../stories/**/*.stories.mdx", 10 | "../stories/**/*.stories.@(js|jsx|ts|tsx)" 11 | ], 12 | "addons": [ 13 | "@storybook/addon-docs/register", 14 | "@storybook/addon-controls", 15 | "@storybook/addon-viewport/register", 16 | "storybook-addon-preview/register", 17 | ] 18 | } 19 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/.storybook/manager.js: -------------------------------------------------------------------------------- 1 | import { addons } from "@storybook/addons"; 2 | 3 | addons.setConfig({ 4 | panelPosition: "right", 5 | }); 6 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/naver/egjs-infinitegrid/91d0c070fe29d07068120c2dd57166129914f1db/packages/vue-infinitegrid/public/favicon.ico -------------------------------------------------------------------------------- /packages/vue-infinitegrid/rollup.config.js: -------------------------------------------------------------------------------- 1 | const buildHelper = require("@egjs/build-helper"); 2 | const vuePlugin = require("rollup-plugin-vue"); 3 | 4 | const defaultOptions = { 5 | sourcemap: true, 6 | input: "./src/index.ts", 7 | exports: "named", 8 | plugins: [ 9 | vuePlugin(), 10 | ] 11 | }; 12 | export default buildHelper([ 13 | { 14 | ...defaultOptions, 15 | format: "es", 16 | output: "./dist/infinitegrid.esm.js", 17 | }, 18 | { 19 | ...defaultOptions, 20 | format: "cjs", 21 | output: "./dist/infinitegrid.cjs.js", 22 | }, 23 | ]); 24 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/src/consts.ts: -------------------------------------------------------------------------------- 1 | export const VUE_INFINITEGRID_PROPS = [ 2 | "tag", 3 | "status", 4 | "useFirstRender", 5 | "itemBy", 6 | "groupBy", 7 | "infoBy", 8 | ]; 9 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/src/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module "*.vue" { 2 | const content: any; 3 | export default content; 4 | } 5 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/src/grids/FrameInfiniteGrid.ts: -------------------------------------------------------------------------------- 1 | import { 2 | FrameInfiniteGrid as VanillaFrameInfiniteGrid, 3 | } from "@egjs/infinitegrid"; 4 | import { makeInfiniteGrid } from "../InfiniteGrid"; 5 | import { VueInfiniteGridInterface } from "../types"; 6 | 7 | export const FrameInfiniteGrid = makeInfiniteGrid("frame-infinite-grid", VanillaFrameInfiniteGrid); 8 | export type FrameInfiniteGrid = VueInfiniteGridInterface; 9 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/src/grids/JustifiedInfiniteGrid.ts: -------------------------------------------------------------------------------- 1 | import { 2 | JustifiedInfiniteGrid as VanillaJustifiedInfiniteGrid, 3 | } from "@egjs/infinitegrid"; 4 | import { makeInfiniteGrid } from "../InfiniteGrid"; 5 | import { VueInfiniteGridInterface } from "../types"; 6 | 7 | export const JustifiedInfiniteGrid = makeInfiniteGrid("justified-infinite-grid", VanillaJustifiedInfiniteGrid); 8 | export type JustifiedInfiniteGrid = VueInfiniteGridInterface; 9 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/src/grids/MasonryInfiniteGrid.ts: -------------------------------------------------------------------------------- 1 | import { 2 | MasonryInfiniteGrid as VanillaMasonryInfiniteGrid, 3 | } from "@egjs/infinitegrid"; 4 | import { makeInfiniteGrid } from "../InfiniteGrid"; 5 | import { VueInfiniteGridInterface } from "../types"; 6 | 7 | export const MasonryInfiniteGrid = makeInfiniteGrid("masonry-infinite-grid", VanillaMasonryInfiniteGrid); 8 | export type MasonryInfiniteGrid = VueInfiniteGridInterface; 9 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/src/grids/PackingInfiniteGrid.ts: -------------------------------------------------------------------------------- 1 | import { 2 | PackingInfiniteGrid as VanillaPackingInfiniteGrid, 3 | } from "@egjs/infinitegrid"; 4 | import { makeInfiniteGrid } from "../InfiniteGrid"; 5 | import { VueInfiniteGridInterface } from "../types"; 6 | 7 | export const PackingInfiniteGrid = makeInfiniteGrid("packing-infinite-grid", VanillaPackingInfiniteGrid); 8 | export type PackingInfiniteGrid = VueInfiniteGridInterface; 9 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/src/index.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * egjs-infinitegrid 3 | * Copyright (c) 2021-present NAVER Corp. 4 | * MIT license 5 | */ 6 | export * from "./InfiniteGrid"; 7 | export * from "./grids/MasonryInfiniteGrid"; 8 | export * from "./grids/JustifiedInfiniteGrid"; 9 | export * from "./grids/FrameInfiniteGrid"; 10 | export * from "./grids/PackingInfiniteGrid"; 11 | export * from "./types"; 12 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/src/utils.ts: -------------------------------------------------------------------------------- 1 | 2 | export function decamelize(str: string) { 3 | return str.replace(/([a-z])([A-Z])/g, (_, letter, letter2) => `${letter}-${letter2.toLowerCase()}`); 4 | } 5 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/1-MasonryInfiniteGrid/0-MasonryInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/MasonryInfiniteGrid", 4 | }; 5 | export * from "./1-MasonryInfiniteGrid.stories"; 6 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/2-JustifiedInfiniteGrid/0-JustifiedInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/JustifiedInfiniteGrid", 4 | }; 5 | export * from "./1-JustifiedInfiniteGrid.stories"; 6 | export * from "./2-JustifiedInfiniteGridStretch.stories"; 7 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/3-FrameInfiniteGrid/0-FrameInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/FrameInfiniteGrid", 4 | }; 5 | export * from "./1-FrameInfiniteGrid.stories"; 6 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/4-PackingInfiniteGrid/0-PackingInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/PackingInfiniteGrid", 4 | }; 5 | export * from "./1-PackingInfiniteGrid.stories"; 6 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/4-PackingInfiniteGrid/1-PackingInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-webpack-loader-syntax */ 2 | import PackingInfiniteGridApp from "./apps/VuePackingInfiniteGridApp.vue"; 3 | import { makeVueApp } from "../utils"; 4 | 5 | 6 | export const PackingInfiniteGridTemplate = makeVueApp(PackingInfiniteGridApp); 7 | 8 | 9 | PackingInfiniteGridTemplate.storyName = "PackingInfiniteGrid"; 10 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/5-DataLoading/0-DataLoading.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/Data Loading", 4 | }; 5 | export * from "./1-WaitNReady"; 6 | export * from "./2-Placeholder.stories"; 7 | export * from "./3-Loading.stories"; 8 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/5-DataLoading/1-WaitNReady.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-webpack-loader-syntax */ 2 | import WaitNReadyApp from "./apps/VueWaitNReadyApp.vue"; 3 | import { makeVueApp } from "../utils"; 4 | 5 | 6 | export const WaitNReadyTemplate = makeVueApp(WaitNReadyApp); 7 | 8 | 9 | WaitNReadyTemplate.storyName = "Wait & Ready"; 10 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/5-DataLoading/2-Placeholder.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-webpack-loader-syntax */ 2 | import PlaceholderApp from "./apps/VuePlaceholderApp.vue"; 3 | // import RawMaonsryGridApp from "!!raw-loader!./apps/VuePlaceholderApp.vue"; 4 | // import { MASONRY_GRID_CONTROLS } from "../../../../stories/templates/controls"; 5 | // import { convertPath, convertVueTemplate, makeArgs } from "../../../../stories/utils"; 6 | import { makeVueApp } from "../utils"; 7 | 8 | 9 | export const PlaceholderTemplate = makeVueApp(PlaceholderApp); 10 | 11 | 12 | PlaceholderTemplate.storyName = "Placeholder"; 13 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/5-DataLoading/3-Loading.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-webpack-loader-syntax */ 2 | import LoadingApp from "./apps/VueLoadingApp.vue"; 3 | // import RawMaonsryGridApp from "!!raw-loader!./apps/VueLoadingApp.vue"; 4 | // import { MASONRY_GRID_CONTROLS } from "../../../../stories/templates/controls"; 5 | // import { convertPath, convertVueTemplate, makeArgs } from "../../../../stories/utils"; 6 | import { makeVueApp } from "../utils"; 7 | 8 | 9 | export const LoadingTemplate = makeVueApp(LoadingApp); 10 | 11 | 12 | LoadingTemplate.storyName = "Loading"; 13 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module "*.vue" { 2 | const content: any; 3 | export default content; 4 | } 5 | declare module "!!raw-loader!*" { 6 | const content: string; 7 | export default content; 8 | } 9 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/stories/utils.ts: -------------------------------------------------------------------------------- 1 | export function makeVueApp(AppComponent: any): any { 2 | return (args: any, { argTypes }: any) => ({ 3 | components: { 4 | App: AppComponent, 5 | }, 6 | props: ["args", ...Object.keys(argTypes)], 7 | setup() { 8 | return { ...args, args }; 9 | }, 10 | template: '', 11 | }); 12 | } 13 | -------------------------------------------------------------------------------- /packages/vue-infinitegrid/tsconfig.declaration.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig", 3 | "compilerOptions": { 4 | "removeComments": true, 5 | "declaration": true, 6 | "emitDeclarationOnly": true, 7 | "declarationDir": "declaration" 8 | }, 9 | "include": [ 10 | "src/**/*.ts", 11 | "src/**/*.tsx", 12 | "src/**/*.vue" 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not dead 4 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/.editorconfig: -------------------------------------------------------------------------------- 1 | [*.{js,jsx,ts,tsx,vue}] 2 | indent_style = space 3 | indent_size = 2 4 | end_of_line = lf 5 | trim_trailing_whitespace = true 6 | insert_final_newline = true 7 | max_line_length = 100 8 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true, 5 | }, 6 | extends: [ 7 | "plugin:vue/essential", 8 | "@vue/airbnb", 9 | "@vue/typescript/recommended", 10 | ], 11 | parserOptions: { 12 | ecmaVersion: 2020, 13 | }, 14 | rules: { 15 | "max-len": ["error", { "code": 120, "comments": 400, "ignoreTemplateLiterals": true }], 16 | "quotes": ["error", "double"], 17 | "no-shadow": "error", 18 | "no-console": process.env.NODE_ENV === "production" ? "warn" : "off", 19 | "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off", 20 | }, 21 | }; 22 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/.npmignore: -------------------------------------------------------------------------------- 1 | .storybook 2 | stories/ 3 | vue3/ 4 | public/ 5 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/.storybook/main.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | "stories": [ 3 | "../stories/**/*.stories.mdx", 4 | "../stories/**/*.stories.@(js|jsx|ts|tsx)" 5 | ], 6 | "addons": [ 7 | "@storybook/addon-links", 8 | "@storybook/addon-essentials" 9 | ] 10 | } -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/.storybook/preview.js: -------------------------------------------------------------------------------- 1 | export const parameters = { 2 | actions: { argTypesRegex: "^on[A-Z].*" }, 3 | controls: { 4 | matchers: { 5 | color: /(background|color)$/i, 6 | date: /Date$/, 7 | }, 8 | }, 9 | } -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/rollup.config.js: -------------------------------------------------------------------------------- 1 | const buildHelper = require("@egjs/build-helper"); 2 | 3 | const defaultOptions = { 4 | sourcemap: true, 5 | input: "./src/index.ts", 6 | exports: "named", 7 | commonjs: true, 8 | external: { 9 | vue: "vue", 10 | }, 11 | }; 12 | export default buildHelper([ 13 | { 14 | ...defaultOptions, 15 | format: "es", 16 | output: "./dist/infinitegrid.esm.js", 17 | }, 18 | { 19 | ...defaultOptions, 20 | format: "cjs", 21 | output: "./dist/infinitegrid.cjs.js", 22 | }, 23 | ]); 24 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/src/consts.ts: -------------------------------------------------------------------------------- 1 | export const VUE_INFINITEGRID_PROPS = [ 2 | "tag", 3 | "status", 4 | "useFirstRender", 5 | "itemBy", 6 | "groupBy", 7 | "infoBy", 8 | ]; 9 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/src/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module "*.vue" { 2 | const content: any; 3 | export default content; 4 | } 5 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/src/grids/FrameInfiniteGrid.ts: -------------------------------------------------------------------------------- 1 | import { 2 | FrameInfiniteGrid as VanillaFrameInfiniteGrid, FrameInfiniteGridOptions, 3 | } from "@egjs/infinitegrid"; 4 | import { makeInfiniteGrid } from "../InfiniteGrid"; 5 | 6 | export const FrameInfiniteGrid = makeInfiniteGrid( 7 | "frame-infinite-grid", 8 | VanillaFrameInfiniteGrid, 9 | ); 10 | export type FrameInfiniteGrid = InstanceType; 11 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/src/grids/JustifiedInfiniteGrid.ts: -------------------------------------------------------------------------------- 1 | import { 2 | JustifiedInfiniteGrid as VanillaJustifiedInfiniteGrid, JustifiedInfiniteGridOptions, 3 | } from "@egjs/infinitegrid"; 4 | import { makeInfiniteGrid } from "../InfiniteGrid"; 5 | 6 | export const JustifiedInfiniteGrid = makeInfiniteGrid( 7 | "justified-infinite-grid", 8 | VanillaJustifiedInfiniteGrid, 9 | ); 10 | export type JustifiedInfiniteGrid = InstanceType; 11 | 12 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/src/grids/MasonryInfiniteGrid.ts: -------------------------------------------------------------------------------- 1 | import { 2 | MasonryInfiniteGrid as VanillaMasonryInfiniteGrid, MasonryInfiniteGridOptions, 3 | } from "@egjs/infinitegrid"; 4 | import { makeInfiniteGrid } from "../InfiniteGrid"; 5 | 6 | export const MasonryInfiniteGrid = makeInfiniteGrid( 7 | "masonry-infinite-grid", 8 | VanillaMasonryInfiniteGrid, 9 | ); 10 | export type MasonryInfiniteGrid = InstanceType; 11 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/src/grids/PackingInfiniteGrid.ts: -------------------------------------------------------------------------------- 1 | import { 2 | PackingInfiniteGrid as VanillaPackingInfiniteGrid, 3 | PackingInfiniteGridOptions, 4 | } from "@egjs/infinitegrid"; 5 | import { makeInfiniteGrid } from "../InfiniteGrid"; 6 | 7 | export const PackingInfiniteGrid = makeInfiniteGrid( 8 | "packing-infinite-grid", 9 | VanillaPackingInfiniteGrid, 10 | ); 11 | export type PackingInfiniteGrid = InstanceType; 12 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/src/index.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * egjs-infinitegrid 3 | * Copyright (c) 2021-present NAVER Corp. 4 | * MIT license 5 | */ 6 | export * from "./InfiniteGrid"; 7 | export * from "./grids/MasonryInfiniteGrid"; 8 | export * from "./grids/JustifiedInfiniteGrid"; 9 | export * from "./grids/FrameInfiniteGrid"; 10 | export * from "./grids/PackingInfiniteGrid"; 11 | export * from "./types"; 12 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/src/utils.ts: -------------------------------------------------------------------------------- 1 | 2 | export function decamelize(str: string) { 3 | return str.replace(/([a-z])([A-Z])/g, (_, letter, letter2) => `${letter}-${letter2.toLowerCase()}`); 4 | } 5 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/1-MasonryInfiniteGrid/0-MasonryInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/MasonryInfiniteGrid", 4 | }; 5 | export * from "./1-MasonryInfiniteGrid.stories"; 6 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/2-JustifiedInfiniteGrid/0-JustifiedInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/JustifiedInfiniteGrid", 4 | }; 5 | export * from "./1-JustifiedInfiniteGrid.stories"; 6 | export * from "./2-JustifiedInfiniteGridStretch.stories"; 7 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/3-FrameInfiniteGrid/0-FrameInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/FrameInfiniteGrid", 4 | }; 5 | export * from "./1-FrameInfiniteGrid.stories"; 6 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/4-PackingInfiniteGrid/0-PackingInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/PackingInfiniteGrid", 4 | }; 5 | export * from "./1-PackingInfiniteGrid.stories"; 6 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/4-PackingInfiniteGrid/1-PackingInfiniteGrid.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-webpack-loader-syntax */ 2 | import PackingInfiniteGridApp from "./apps/VuePackingInfiniteGridApp.vue"; 3 | import { makeVueApp } from "../utils"; 4 | 5 | 6 | export const PackingInfiniteGridTemplate = makeVueApp(PackingInfiniteGridApp); 7 | 8 | 9 | PackingInfiniteGridTemplate.storyName = "PackingInfiniteGrid"; 10 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/5-DataLoading/0-DataLoading.stories.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default { 3 | title: "Examples/Data Loading", 4 | }; 5 | export * from "./1-WaitNReady"; 6 | export * from "./2-Placeholder.stories"; 7 | export * from "./3-Loading.stories"; 8 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/5-DataLoading/1-WaitNReady.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-webpack-loader-syntax */ 2 | import WaitNReadyApp from "./apps/VueWaitNReadyApp.vue"; 3 | import { makeVueApp } from "../utils"; 4 | 5 | 6 | export const WaitNReadyTemplate = makeVueApp(WaitNReadyApp); 7 | 8 | 9 | WaitNReadyTemplate.storyName = "Wait & Ready"; 10 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/5-DataLoading/2-Placeholder.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-webpack-loader-syntax */ 2 | import PlaceholderApp from "./apps/VuePlaceholderApp.vue"; 3 | // import RawMaonsryGridApp from "!!raw-loader!./apps/VuePlaceholderApp.vue"; 4 | // import { MASONRY_GRID_CONTROLS } from "../../../../stories/templates/controls"; 5 | // import { convertPath, convertVueTemplate, makeArgs } from "../../../../stories/utils"; 6 | import { makeVueApp } from "../utils"; 7 | 8 | 9 | export const PlaceholderTemplate = makeVueApp(PlaceholderApp); 10 | 11 | 12 | PlaceholderTemplate.storyName = "Placeholder"; 13 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/5-DataLoading/3-Loading.stories.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-webpack-loader-syntax */ 2 | import LoadingApp from "./apps/VueLoadingApp.vue"; 3 | // import RawMaonsryGridApp from "!!raw-loader!./apps/VueLoadingApp.vue"; 4 | // import { MASONRY_GRID_CONTROLS } from "../../../../stories/templates/controls"; 5 | // import { convertPath, convertVueTemplate, makeArgs } from "../../../../stories/utils"; 6 | import { makeVueApp } from "../utils"; 7 | 8 | 9 | export const LoadingTemplate = makeVueApp(LoadingApp); 10 | 11 | 12 | LoadingTemplate.storyName = "Loading"; 13 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module "*.vue" { 2 | const content: any; 3 | export default content; 4 | } 5 | declare module "!!raw-loader!*" { 6 | const content: string; 7 | export default content; 8 | } 9 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/stories/utils.ts: -------------------------------------------------------------------------------- 1 | export function makeVueApp(AppComponent: any): any { 2 | return (args: any, { argTypes }: any) => ({ 3 | components: { 4 | App: AppComponent, 5 | }, 6 | props: ["args", ...Object.keys(argTypes)], 7 | setup() { 8 | return { ...args, args }; 9 | }, 10 | template: '', 11 | }); 12 | } 13 | -------------------------------------------------------------------------------- /packages/vue3-infinitegrid/tsconfig.declaration.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig", 3 | "compilerOptions": { 4 | "removeComments": true, 5 | "declaration": true, 6 | "emitDeclarationOnly": true, 7 | "declarationDir": "declaration" 8 | }, 9 | "include": [ 10 | "src/**/*.ts", 11 | "src/**/*.tsx", 12 | "src/**/*.vue" 13 | ] 14 | } 15 | --------------------------------------------------------------------------------