@egjs/svelte-infinitegrid 4.10.0 → 4.10.1

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.10.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.9.0...@egjs/svelte-infinitegrid@4.10.0) (2023-05-26)
+
+
+### :rocket: New Features
+
+* add infoBy prop for frameworks (#538) ([6fd5c0b](https://github.com/naver/egjs-infinitegrid/commit/6fd5c0b36f2aded59d3fce54d880f8882b2a3ec6))
+
+
+### :mega: Other
+
+* update packages versions ([dce9a8c](https://github.com/naver/egjs-infinitegrid/commit/dce9a8c79342d01190b59197b82bf11d25c5665c))
+
+
+
 ## [4.9.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.8.1...@egjs/svelte-infinitegrid@4.9.0) (2023-03-17)
 
 

package/dist/infinitegrid.cjs.js

@@ -4,7 +4,7 @@ name: @egjs/svelte-infinitegrid
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-infinitegrid
-version: 4.10.0
+version: 4.10.1
 */
 'use strict';
 
@@ -221,7 +221,7 @@ function instance($$self, $$props, $$invalidate) {
       const {
         data,
         ...rest
-      } = infoBy(child, i) || {};
+      } = infoBy(item, i) || {};
       return {
         groupKey: groupBy(item, i),
         key: itemBy(item, i),

package/dist/infinitegrid.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"infinitegrid.cjs.js","sources":["../src/consts.js","../src/InfiniteGrid.svelte","../src/InfiniteGrid.js","../src/grids/MasonryInfiniteGrid.js","../src/grids/JustifiedInfiniteGrid.js","../src/grids/FrameInfiniteGrid.js","../src/grids/PackingInfiniteGrid.js"],"sourcesContent":["export const SVELTE_INFINITEGRID_PROPS = [\n  \"status\",\n  \"useFirstRender\",\n  \"useLoading\",\n  \"usePlaceholder\",\n  \"items\",\n  \"itemBy\",\n  \"groupBy\",\n];\n","<script>\n  /**\n   * egjs-infinitegrid\n   * Copyright (c) 2021-present NAVER Corp.\n   * MIT license\n   */\n  import {\n    onMount,\n    beforeUpdate,\n    createEventDispatcher,\n    onDestroy,\n    afterUpdate,\n  } from \"svelte\";\n  import {\n    INFINITEGRID_EVENTS,\n    Renderer,\n    CONTAINER_CLASS_NAME,\n    getRenderingItems,\n    mountRenderingItems,\n  } from \"@egjs/infinitegrid\";\n  import { SVELTE_INFINITEGRID_PROPS } from \"./consts\";\n  export let GridClass;\n  export let vanillaGrid  = null;\n\n  const dispatch = createEventDispatcher();\n  const renderer = new Renderer();\n  let wrapper;\n  let container;\n  let isFirstMount = false;\n  let attributes = {};\n  let visibleItems = [];\n\n  function updateAttributes(props) {\n    attributes = { ...props };\n\n    const defaultOptions = GridClass.defaultOptions;\n\n    delete attributes[\"GridClass\"];\n    for (const name in defaultOptions) {\n      delete attributes[name];\n    }\n    SVELTE_INFINITEGRID_PROPS.forEach((name) => {\n      delete attributes[name];\n    });\n  }\n  function getItemInfos() {\n    const items = $$props.items || [];\n    const itemBy = $$props.itemBy || ((item) => item.key);\n    const groupBy = $$props.groupBy || ((item) => item.groupKey);\n    const infoBy = $$props.infoBy || (() => ({}));\n\n    return items.map((item, i) => {\n      const {\n        data,\n        ...rest\n      } = infoBy(child, i) || {};\n      return {\n        groupKey: groupBy(item, i),\n        key: itemBy(item, i),\n        ...rest,\n        data: {\n          ...data,\n          ...item,\n        },\n      };\n    });\n  }\n  function updateVisibleChildren(props) {\n    visibleItems = getRenderingItems(getItemInfos(), {\n      grid: vanillaGrid,\n      status: props.status,\n      usePlaceholder: props.usePlaceholder,\n      useFirstRender: props.useFirstRender,\n      useLoading: props.useLoading,\n      horizontal: props.horizontal,\n    });\n  }\n\n  beforeUpdate(() => {\n    updateAttributes($$props);\n    updateVisibleChildren($$props);\n  });\n\n  onMount(() => {\n    const defaultOptions = GridClass.defaultOptions;\n    const options = {};\n\n    for (const name in defaultOptions) {\n      if (name in $$props) {\n        options[name] = $$props[name];\n      }\n    }\n    if (container) {\n      options.container = container;\n    }\n    options.renderer = renderer;\n    vanillaGrid = new GridClass(wrapper, options);\n\n    for (const name in INFINITEGRID_EVENTS) {\n      const eventName = INFINITEGRID_EVENTS[name];\n\n      vanillaGrid.on(eventName, (e) => {\n        dispatch(eventName, e);\n      });\n    }\n    renderer.on(\"requestUpdate\", () => {\n      updateVisibleChildren($$props);\n    });\n\n    mountRenderingItems(getItemInfos(), {\n      grid: vanillaGrid,\n      status: $$props.status,\n      usePlaceholder: $$props.usePlaceholder,\n      useFirstRender: $$props.useFirstRender,\n      useLoading: $$props.useLoading,\n      horizontal: $$props.horizontal,\n    });\n    renderer.updated();\n  });\n  afterUpdate(() => {\n    if (isFirstMount) {\n      isFirstMount = false;\n      return;\n    }\n    const propertyTypes = GridClass.propertyTypes;\n\n    for (const name in propertyTypes) {\n      if (name in $$props) {\n        vanillaGrid[name] = $$props[name];\n      }\n    }\n    renderer.updated();\n  });\n  onDestroy(() => {\n    vanillaGrid && vanillaGrid.destroy();\n  });\n  export function getInstance() {\n    return vanillaGrid;\n  }\n</script>\n\n<div bind:this={wrapper} {...attributes}>\n  {#if $$props.container === true}\n    <div class={CONTAINER_CLASS_NAME} bind:this={container}>\n      <slot {visibleItems} />\n    </div>\n  {:else}\n    <slot {visibleItems} />\n  {/if}\n</div>\n","/**\n * egjs-infinitegrid\n * Copyright (c) 2021-present NAVER Corp.\n * MIT license\n */\nimport InfiniteGrid from \"./InfiniteGrid.svelte\";\nimport { INFINITEGRID_METHODS } from \"@egjs/infinitegrid\";\n\nexport default /*#__PURE__*/ (() => {\n  const prototype = InfiniteGrid.prototype;\n\n  if (prototype) {\n    INFINITEGRID_METHODS.forEach(name => {\n      if (name in prototype) {\n        return;\n      }\n      prototype[name] = function (...args) {\n        const self = this.getInstance();\n        const result = self[name](...args);\n\n        if (result === self) {\n          return this;\n        } else {\n          return result;\n        }\n      };\n    });\n  }\n  return InfiniteGrid;\n})();\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { MasonryInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteMasonryInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteMasonryInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteMasonryInfiniteGrid = class SvelteMasonryInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteMasonryInfiniteGrid as MasonryInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { JustifiedInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteJustifiedInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteJustifiedInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteJustifiedInfiniteGrid = class SvelteJustifiedInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteJustifiedInfiniteGrid as JustifiedInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { FrameInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteFrameInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteFrameInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteFrameInfiniteGrid = class SvelteFrameInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteFrameInfiniteGrid as FrameInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { PackingInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SveltePackingInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SveltePackingInfiniteGrid = InfiniteGrid;\n} else {\n  SveltePackingInfiniteGrid = class SveltePackingInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SveltePackingInfiniteGrid as PackingInfiniteGrid };\n"],"names":["SVELTE_INFINITEGRID_PROPS","CONTAINER_CLASS_NAME","insert","target","div","anchor","ctx","container","GridClass","$$props","vanillaGrid","dispatch","createEventDispatcher","renderer","Renderer","wrapper","attributes","visibleItems","updateAttributes","props","$$invalidate","defaultOptions","name","forEach","getItemInfos","items","itemBy","item","key","groupBy","groupKey","infoBy","map","i","data","rest","child","updateVisibleChildren","getRenderingItems","grid","status","usePlaceholder","useFirstRender","useLoading","horizontal","beforeUpdate","onMount","options","INFINITEGRID_EVENTS","eventName","on","e","mountRenderingItems","updated","afterUpdate","propertyTypes","onDestroy","destroy","getInstance","$$value","prototype","InfiniteGrid","INFINITEGRID_METHODS","args","self","result","SvelteMasonryInfiniteGrid","constructor","SvelteJustifiedInfiniteGrid","SvelteFrameInfiniteGrid","SveltePackingInfiniteGrid"],"mappings":"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"}
+{"version":3,"file":"infinitegrid.cjs.js","sources":["../src/consts.js","../src/InfiniteGrid.svelte","../src/InfiniteGrid.js","../src/grids/MasonryInfiniteGrid.js","../src/grids/JustifiedInfiniteGrid.js","../src/grids/FrameInfiniteGrid.js","../src/grids/PackingInfiniteGrid.js"],"sourcesContent":["export const SVELTE_INFINITEGRID_PROPS = [\n  \"status\",\n  \"useFirstRender\",\n  \"useLoading\",\n  \"usePlaceholder\",\n  \"items\",\n  \"itemBy\",\n  \"groupBy\",\n];\n","<script>\n  /**\n   * egjs-infinitegrid\n   * Copyright (c) 2021-present NAVER Corp.\n   * MIT license\n   */\n  import {\n    onMount,\n    beforeUpdate,\n    createEventDispatcher,\n    onDestroy,\n    afterUpdate,\n  } from \"svelte\";\n  import {\n    INFINITEGRID_EVENTS,\n    Renderer,\n    CONTAINER_CLASS_NAME,\n    getRenderingItems,\n    mountRenderingItems,\n  } from \"@egjs/infinitegrid\";\n  import { SVELTE_INFINITEGRID_PROPS } from \"./consts\";\n  export let GridClass;\n  export let vanillaGrid  = null;\n\n  const dispatch = createEventDispatcher();\n  const renderer = new Renderer();\n  let wrapper;\n  let container;\n  let isFirstMount = false;\n  let attributes = {};\n  let visibleItems = [];\n\n  function updateAttributes(props) {\n    attributes = { ...props };\n\n    const defaultOptions = GridClass.defaultOptions;\n\n    delete attributes[\"GridClass\"];\n    for (const name in defaultOptions) {\n      delete attributes[name];\n    }\n    SVELTE_INFINITEGRID_PROPS.forEach((name) => {\n      delete attributes[name];\n    });\n  }\n  function getItemInfos() {\n    const items = $$props.items || [];\n    const itemBy = $$props.itemBy || ((item) => item.key);\n    const groupBy = $$props.groupBy || ((item) => item.groupKey);\n    const infoBy = $$props.infoBy || (() => ({}));\n\n    return items.map((item, i) => {\n      const {\n        data,\n        ...rest\n      } = infoBy(item, i) || {};\n      return {\n        groupKey: groupBy(item, i),\n        key: itemBy(item, i),\n        ...rest,\n        data: {\n          ...data,\n          ...item,\n        },\n      };\n    });\n  }\n  function updateVisibleChildren(props) {\n    visibleItems = getRenderingItems(getItemInfos(), {\n      grid: vanillaGrid,\n      status: props.status,\n      usePlaceholder: props.usePlaceholder,\n      useFirstRender: props.useFirstRender,\n      useLoading: props.useLoading,\n      horizontal: props.horizontal,\n    });\n  }\n\n  beforeUpdate(() => {\n    updateAttributes($$props);\n    updateVisibleChildren($$props);\n  });\n\n  onMount(() => {\n    const defaultOptions = GridClass.defaultOptions;\n    const options = {};\n\n    for (const name in defaultOptions) {\n      if (name in $$props) {\n        options[name] = $$props[name];\n      }\n    }\n    if (container) {\n      options.container = container;\n    }\n    options.renderer = renderer;\n    vanillaGrid = new GridClass(wrapper, options);\n\n    for (const name in INFINITEGRID_EVENTS) {\n      const eventName = INFINITEGRID_EVENTS[name];\n\n      vanillaGrid.on(eventName, (e) => {\n        dispatch(eventName, e);\n      });\n    }\n    renderer.on(\"requestUpdate\", () => {\n      updateVisibleChildren($$props);\n    });\n\n    mountRenderingItems(getItemInfos(), {\n      grid: vanillaGrid,\n      status: $$props.status,\n      usePlaceholder: $$props.usePlaceholder,\n      useFirstRender: $$props.useFirstRender,\n      useLoading: $$props.useLoading,\n      horizontal: $$props.horizontal,\n    });\n    renderer.updated();\n  });\n  afterUpdate(() => {\n    if (isFirstMount) {\n      isFirstMount = false;\n      return;\n    }\n    const propertyTypes = GridClass.propertyTypes;\n\n    for (const name in propertyTypes) {\n      if (name in $$props) {\n        vanillaGrid[name] = $$props[name];\n      }\n    }\n    renderer.updated();\n  });\n  onDestroy(() => {\n    vanillaGrid && vanillaGrid.destroy();\n  });\n  export function getInstance() {\n    return vanillaGrid;\n  }\n</script>\n\n<div bind:this={wrapper} {...attributes}>\n  {#if $$props.container === true}\n    <div class={CONTAINER_CLASS_NAME} bind:this={container}>\n      <slot {visibleItems} />\n    </div>\n  {:else}\n    <slot {visibleItems} />\n  {/if}\n</div>\n","/**\n * egjs-infinitegrid\n * Copyright (c) 2021-present NAVER Corp.\n * MIT license\n */\nimport InfiniteGrid from \"./InfiniteGrid.svelte\";\nimport { INFINITEGRID_METHODS } from \"@egjs/infinitegrid\";\n\nexport default /*#__PURE__*/ (() => {\n  const prototype = InfiniteGrid.prototype;\n\n  if (prototype) {\n    INFINITEGRID_METHODS.forEach(name => {\n      if (name in prototype) {\n        return;\n      }\n      prototype[name] = function (...args) {\n        const self = this.getInstance();\n        const result = self[name](...args);\n\n        if (result === self) {\n          return this;\n        } else {\n          return result;\n        }\n      };\n    });\n  }\n  return InfiniteGrid;\n})();\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { MasonryInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteMasonryInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteMasonryInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteMasonryInfiniteGrid = class SvelteMasonryInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteMasonryInfiniteGrid as MasonryInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { JustifiedInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteJustifiedInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteJustifiedInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteJustifiedInfiniteGrid = class SvelteJustifiedInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteJustifiedInfiniteGrid as JustifiedInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { FrameInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteFrameInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteFrameInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteFrameInfiniteGrid = class SvelteFrameInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteFrameInfiniteGrid as FrameInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { PackingInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SveltePackingInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SveltePackingInfiniteGrid = InfiniteGrid;\n} else {\n  SveltePackingInfiniteGrid = class SveltePackingInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SveltePackingInfiniteGrid as PackingInfiniteGrid };\n"],"names":["SVELTE_INFINITEGRID_PROPS","CONTAINER_CLASS_NAME","insert","target","div","anchor","ctx","container","GridClass","$$props","vanillaGrid","dispatch","createEventDispatcher","renderer","Renderer","wrapper","attributes","visibleItems","updateAttributes","props","$$invalidate","defaultOptions","name","forEach","getItemInfos","items","itemBy","item","key","groupBy","groupKey","infoBy","map","i","data","rest","updateVisibleChildren","getRenderingItems","grid","status","usePlaceholder","useFirstRender","useLoading","horizontal","beforeUpdate","onMount","options","INFINITEGRID_EVENTS","eventName","on","e","mountRenderingItems","updated","afterUpdate","propertyTypes","onDestroy","destroy","getInstance","$$value","prototype","InfiniteGrid","INFINITEGRID_METHODS","args","self","result","SvelteMasonryInfiniteGrid","constructor","SvelteJustifiedInfiniteGrid","SvelteFrameInfiniteGrid","SveltePackingInfiniteGrid"],"mappings":"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"}

package/dist/infinitegrid.esm.js

@@ -4,7 +4,7 @@ name: @egjs/svelte-infinitegrid
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-infinitegrid
-version: 4.10.0
+version: 4.10.1
 */
 import { SvelteComponent, init, safe_not_equal, assign, element, set_attributes, insert, group_outros, transition_out, check_outros, transition_in, get_spread_update, detach, exclude_internal_props, binding_callbacks, create_slot, update_slot_base, get_all_dirty_from_scope, get_slot_changes, attr } from 'svelte/internal';
 import { createEventDispatcher, beforeUpdate, onMount, afterUpdate, onDestroy } from 'svelte';
@@ -219,7 +219,7 @@ function instance($$self, $$props, $$invalidate) {
       const {
         data,
         ...rest
-      } = infoBy(child, i) || {};
+      } = infoBy(item, i) || {};
       return {
         groupKey: groupBy(item, i),
         key: itemBy(item, i),

package/dist/infinitegrid.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"infinitegrid.esm.js","sources":["../src/consts.js","../src/InfiniteGrid.svelte","../src/InfiniteGrid.js","../src/grids/MasonryInfiniteGrid.js","../src/grids/JustifiedInfiniteGrid.js","../src/grids/FrameInfiniteGrid.js","../src/grids/PackingInfiniteGrid.js"],"sourcesContent":["export const SVELTE_INFINITEGRID_PROPS = [\n  \"status\",\n  \"useFirstRender\",\n  \"useLoading\",\n  \"usePlaceholder\",\n  \"items\",\n  \"itemBy\",\n  \"groupBy\",\n];\n","<script>\n  /**\n   * egjs-infinitegrid\n   * Copyright (c) 2021-present NAVER Corp.\n   * MIT license\n   */\n  import {\n    onMount,\n    beforeUpdate,\n    createEventDispatcher,\n    onDestroy,\n    afterUpdate,\n  } from \"svelte\";\n  import {\n    INFINITEGRID_EVENTS,\n    Renderer,\n    CONTAINER_CLASS_NAME,\n    getRenderingItems,\n    mountRenderingItems,\n  } from \"@egjs/infinitegrid\";\n  import { SVELTE_INFINITEGRID_PROPS } from \"./consts\";\n  export let GridClass;\n  export let vanillaGrid  = null;\n\n  const dispatch = createEventDispatcher();\n  const renderer = new Renderer();\n  let wrapper;\n  let container;\n  let isFirstMount = false;\n  let attributes = {};\n  let visibleItems = [];\n\n  function updateAttributes(props) {\n    attributes = { ...props };\n\n    const defaultOptions = GridClass.defaultOptions;\n\n    delete attributes[\"GridClass\"];\n    for (const name in defaultOptions) {\n      delete attributes[name];\n    }\n    SVELTE_INFINITEGRID_PROPS.forEach((name) => {\n      delete attributes[name];\n    });\n  }\n  function getItemInfos() {\n    const items = $$props.items || [];\n    const itemBy = $$props.itemBy || ((item) => item.key);\n    const groupBy = $$props.groupBy || ((item) => item.groupKey);\n    const infoBy = $$props.infoBy || (() => ({}));\n\n    return items.map((item, i) => {\n      const {\n        data,\n        ...rest\n      } = infoBy(child, i) || {};\n      return {\n        groupKey: groupBy(item, i),\n        key: itemBy(item, i),\n        ...rest,\n        data: {\n          ...data,\n          ...item,\n        },\n      };\n    });\n  }\n  function updateVisibleChildren(props) {\n    visibleItems = getRenderingItems(getItemInfos(), {\n      grid: vanillaGrid,\n      status: props.status,\n      usePlaceholder: props.usePlaceholder,\n      useFirstRender: props.useFirstRender,\n      useLoading: props.useLoading,\n      horizontal: props.horizontal,\n    });\n  }\n\n  beforeUpdate(() => {\n    updateAttributes($$props);\n    updateVisibleChildren($$props);\n  });\n\n  onMount(() => {\n    const defaultOptions = GridClass.defaultOptions;\n    const options = {};\n\n    for (const name in defaultOptions) {\n      if (name in $$props) {\n        options[name] = $$props[name];\n      }\n    }\n    if (container) {\n      options.container = container;\n    }\n    options.renderer = renderer;\n    vanillaGrid = new GridClass(wrapper, options);\n\n    for (const name in INFINITEGRID_EVENTS) {\n      const eventName = INFINITEGRID_EVENTS[name];\n\n      vanillaGrid.on(eventName, (e) => {\n        dispatch(eventName, e);\n      });\n    }\n    renderer.on(\"requestUpdate\", () => {\n      updateVisibleChildren($$props);\n    });\n\n    mountRenderingItems(getItemInfos(), {\n      grid: vanillaGrid,\n      status: $$props.status,\n      usePlaceholder: $$props.usePlaceholder,\n      useFirstRender: $$props.useFirstRender,\n      useLoading: $$props.useLoading,\n      horizontal: $$props.horizontal,\n    });\n    renderer.updated();\n  });\n  afterUpdate(() => {\n    if (isFirstMount) {\n      isFirstMount = false;\n      return;\n    }\n    const propertyTypes = GridClass.propertyTypes;\n\n    for (const name in propertyTypes) {\n      if (name in $$props) {\n        vanillaGrid[name] = $$props[name];\n      }\n    }\n    renderer.updated();\n  });\n  onDestroy(() => {\n    vanillaGrid && vanillaGrid.destroy();\n  });\n  export function getInstance() {\n    return vanillaGrid;\n  }\n</script>\n\n<div bind:this={wrapper} {...attributes}>\n  {#if $$props.container === true}\n    <div class={CONTAINER_CLASS_NAME} bind:this={container}>\n      <slot {visibleItems} />\n    </div>\n  {:else}\n    <slot {visibleItems} />\n  {/if}\n</div>\n","/**\n * egjs-infinitegrid\n * Copyright (c) 2021-present NAVER Corp.\n * MIT license\n */\nimport InfiniteGrid from \"./InfiniteGrid.svelte\";\nimport { INFINITEGRID_METHODS } from \"@egjs/infinitegrid\";\n\nexport default /*#__PURE__*/ (() => {\n  const prototype = InfiniteGrid.prototype;\n\n  if (prototype) {\n    INFINITEGRID_METHODS.forEach(name => {\n      if (name in prototype) {\n        return;\n      }\n      prototype[name] = function (...args) {\n        const self = this.getInstance();\n        const result = self[name](...args);\n\n        if (result === self) {\n          return this;\n        } else {\n          return result;\n        }\n      };\n    });\n  }\n  return InfiniteGrid;\n})();\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { MasonryInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteMasonryInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteMasonryInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteMasonryInfiniteGrid = class SvelteMasonryInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteMasonryInfiniteGrid as MasonryInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { JustifiedInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteJustifiedInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteJustifiedInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteJustifiedInfiniteGrid = class SvelteJustifiedInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteJustifiedInfiniteGrid as JustifiedInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { FrameInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteFrameInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteFrameInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteFrameInfiniteGrid = class SvelteFrameInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteFrameInfiniteGrid as FrameInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { PackingInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SveltePackingInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SveltePackingInfiniteGrid = InfiniteGrid;\n} else {\n  SveltePackingInfiniteGrid = class SveltePackingInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SveltePackingInfiniteGrid as PackingInfiniteGrid };\n"],"names":["SVELTE_INFINITEGRID_PROPS","CONTAINER_CLASS_NAME","insert","target","div","anchor","ctx","container","GridClass","$$props","vanillaGrid","dispatch","createEventDispatcher","renderer","Renderer","wrapper","attributes","visibleItems","updateAttributes","props","$$invalidate","defaultOptions","name","forEach","getItemInfos","items","itemBy","item","key","groupBy","groupKey","infoBy","map","i","data","rest","child","updateVisibleChildren","getRenderingItems","grid","status","usePlaceholder","useFirstRender","useLoading","horizontal","beforeUpdate","onMount","options","INFINITEGRID_EVENTS","eventName","on","e","mountRenderingItems","updated","afterUpdate","propertyTypes","onDestroy","destroy","getInstance","$$value","prototype","InfiniteGrid","INFINITEGRID_METHODS","args","self","result","SvelteMasonryInfiniteGrid","constructor","SvelteJustifiedInfiniteGrid","SvelteFrameInfiniteGrid","SveltePackingInfiniteGrid"],"mappings":"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"}
+{"version":3,"file":"infinitegrid.esm.js","sources":["../src/consts.js","../src/InfiniteGrid.svelte","../src/InfiniteGrid.js","../src/grids/MasonryInfiniteGrid.js","../src/grids/JustifiedInfiniteGrid.js","../src/grids/FrameInfiniteGrid.js","../src/grids/PackingInfiniteGrid.js"],"sourcesContent":["export const SVELTE_INFINITEGRID_PROPS = [\n  \"status\",\n  \"useFirstRender\",\n  \"useLoading\",\n  \"usePlaceholder\",\n  \"items\",\n  \"itemBy\",\n  \"groupBy\",\n];\n","<script>\n  /**\n   * egjs-infinitegrid\n   * Copyright (c) 2021-present NAVER Corp.\n   * MIT license\n   */\n  import {\n    onMount,\n    beforeUpdate,\n    createEventDispatcher,\n    onDestroy,\n    afterUpdate,\n  } from \"svelte\";\n  import {\n    INFINITEGRID_EVENTS,\n    Renderer,\n    CONTAINER_CLASS_NAME,\n    getRenderingItems,\n    mountRenderingItems,\n  } from \"@egjs/infinitegrid\";\n  import { SVELTE_INFINITEGRID_PROPS } from \"./consts\";\n  export let GridClass;\n  export let vanillaGrid  = null;\n\n  const dispatch = createEventDispatcher();\n  const renderer = new Renderer();\n  let wrapper;\n  let container;\n  let isFirstMount = false;\n  let attributes = {};\n  let visibleItems = [];\n\n  function updateAttributes(props) {\n    attributes = { ...props };\n\n    const defaultOptions = GridClass.defaultOptions;\n\n    delete attributes[\"GridClass\"];\n    for (const name in defaultOptions) {\n      delete attributes[name];\n    }\n    SVELTE_INFINITEGRID_PROPS.forEach((name) => {\n      delete attributes[name];\n    });\n  }\n  function getItemInfos() {\n    const items = $$props.items || [];\n    const itemBy = $$props.itemBy || ((item) => item.key);\n    const groupBy = $$props.groupBy || ((item) => item.groupKey);\n    const infoBy = $$props.infoBy || (() => ({}));\n\n    return items.map((item, i) => {\n      const {\n        data,\n        ...rest\n      } = infoBy(item, i) || {};\n      return {\n        groupKey: groupBy(item, i),\n        key: itemBy(item, i),\n        ...rest,\n        data: {\n          ...data,\n          ...item,\n        },\n      };\n    });\n  }\n  function updateVisibleChildren(props) {\n    visibleItems = getRenderingItems(getItemInfos(), {\n      grid: vanillaGrid,\n      status: props.status,\n      usePlaceholder: props.usePlaceholder,\n      useFirstRender: props.useFirstRender,\n      useLoading: props.useLoading,\n      horizontal: props.horizontal,\n    });\n  }\n\n  beforeUpdate(() => {\n    updateAttributes($$props);\n    updateVisibleChildren($$props);\n  });\n\n  onMount(() => {\n    const defaultOptions = GridClass.defaultOptions;\n    const options = {};\n\n    for (const name in defaultOptions) {\n      if (name in $$props) {\n        options[name] = $$props[name];\n      }\n    }\n    if (container) {\n      options.container = container;\n    }\n    options.renderer = renderer;\n    vanillaGrid = new GridClass(wrapper, options);\n\n    for (const name in INFINITEGRID_EVENTS) {\n      const eventName = INFINITEGRID_EVENTS[name];\n\n      vanillaGrid.on(eventName, (e) => {\n        dispatch(eventName, e);\n      });\n    }\n    renderer.on(\"requestUpdate\", () => {\n      updateVisibleChildren($$props);\n    });\n\n    mountRenderingItems(getItemInfos(), {\n      grid: vanillaGrid,\n      status: $$props.status,\n      usePlaceholder: $$props.usePlaceholder,\n      useFirstRender: $$props.useFirstRender,\n      useLoading: $$props.useLoading,\n      horizontal: $$props.horizontal,\n    });\n    renderer.updated();\n  });\n  afterUpdate(() => {\n    if (isFirstMount) {\n      isFirstMount = false;\n      return;\n    }\n    const propertyTypes = GridClass.propertyTypes;\n\n    for (const name in propertyTypes) {\n      if (name in $$props) {\n        vanillaGrid[name] = $$props[name];\n      }\n    }\n    renderer.updated();\n  });\n  onDestroy(() => {\n    vanillaGrid && vanillaGrid.destroy();\n  });\n  export function getInstance() {\n    return vanillaGrid;\n  }\n</script>\n\n<div bind:this={wrapper} {...attributes}>\n  {#if $$props.container === true}\n    <div class={CONTAINER_CLASS_NAME} bind:this={container}>\n      <slot {visibleItems} />\n    </div>\n  {:else}\n    <slot {visibleItems} />\n  {/if}\n</div>\n","/**\n * egjs-infinitegrid\n * Copyright (c) 2021-present NAVER Corp.\n * MIT license\n */\nimport InfiniteGrid from \"./InfiniteGrid.svelte\";\nimport { INFINITEGRID_METHODS } from \"@egjs/infinitegrid\";\n\nexport default /*#__PURE__*/ (() => {\n  const prototype = InfiniteGrid.prototype;\n\n  if (prototype) {\n    INFINITEGRID_METHODS.forEach(name => {\n      if (name in prototype) {\n        return;\n      }\n      prototype[name] = function (...args) {\n        const self = this.getInstance();\n        const result = self[name](...args);\n\n        if (result === self) {\n          return this;\n        } else {\n          return result;\n        }\n      };\n    });\n  }\n  return InfiniteGrid;\n})();\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { MasonryInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteMasonryInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteMasonryInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteMasonryInfiniteGrid = class SvelteMasonryInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteMasonryInfiniteGrid as MasonryInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { JustifiedInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteJustifiedInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteJustifiedInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteJustifiedInfiniteGrid = class SvelteJustifiedInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteJustifiedInfiniteGrid as JustifiedInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { FrameInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SvelteFrameInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SvelteFrameInfiniteGrid = InfiniteGrid;\n} else {\n  SvelteFrameInfiniteGrid = class SvelteFrameInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SvelteFrameInfiniteGrid as FrameInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { PackingInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet SveltePackingInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  SveltePackingInfiniteGrid = InfiniteGrid;\n} else {\n  SveltePackingInfiniteGrid = class SveltePackingInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { SveltePackingInfiniteGrid as PackingInfiniteGrid };\n"],"names":["SVELTE_INFINITEGRID_PROPS","CONTAINER_CLASS_NAME","insert","target","div","anchor","ctx","container","GridClass","$$props","vanillaGrid","dispatch","createEventDispatcher","renderer","Renderer","wrapper","attributes","visibleItems","updateAttributes","props","$$invalidate","defaultOptions","name","forEach","getItemInfos","items","itemBy","item","key","groupBy","groupKey","infoBy","map","i","data","rest","updateVisibleChildren","getRenderingItems","grid","status","usePlaceholder","useFirstRender","useLoading","horizontal","beforeUpdate","onMount","options","INFINITEGRID_EVENTS","eventName","on","e","mountRenderingItems","updated","afterUpdate","propertyTypes","onDestroy","destroy","getInstance","$$value","prototype","InfiniteGrid","INFINITEGRID_METHODS","args","self","result","SvelteMasonryInfiniteGrid","constructor","SvelteJustifiedInfiniteGrid","SvelteFrameInfiniteGrid","SveltePackingInfiniteGrid"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egjs/svelte-infinitegrid",
-  "version": "4.10.0",
+  "version": "4.10.1",
   "description": "A Svelte component that can arrange items infinitely according to the type of grids",
   "sideEffects": false,
   "svelte": "src/index.js",

package/src/InfiniteGrid.svelte

@@ -53,7 +53,7 @@
       const {
         data,
         ...rest
-      } = infoBy(child, i) || {};
+      } = infoBy(item, i) || {};
       return {
         groupKey: groupBy(item, i),
         key: itemBy(item, i),