@egjs/svelte-infinitegrid 4.6.1-beta.0 → 4.7.1

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.6.1-beta.0
+version: 4.7.1
 */
 'use strict';
 
@@ -14,7 +14,7 @@ var infinitegrid = require('@egjs/infinitegrid');
 
 const SVELTE_INFINITEGRID_PROPS = ["status", "useFirstRender", "useLoading", "usePlaceholder", "items", "itemBy", "groupBy"];
 
-/* src/InfiniteGrid.svelte generated by Svelte v3.43.0 */
+/* src/InfiniteGrid.svelte generated by Svelte v3.50.0 */
 
 const get_default_slot_changes_1 = dirty => ({
   visibleItems: dirty &

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\n    return items.map((item, i) => {\n      return {\n        groupKey: groupBy(item, i),\n        key: itemBy(item, i),\n        data: item,\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 MasonryInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  MasonryInfiniteGrid = InfiniteGrid;\n} else {\n  MasonryInfiniteGrid = class MasonryInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { MasonryInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { JustifiedInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet JustifiedInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  JustifiedInfiniteGrid = InfiniteGrid;\n} else {\n  JustifiedInfiniteGrid = class JustifiedInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { JustifiedInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { FrameInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet FrameInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  FrameInfiniteGrid = InfiniteGrid;\n} else {\n  FrameInfiniteGrid = class FrameInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { FrameInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { PackingInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet PackingInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  PackingInfiniteGrid = InfiniteGrid;\n} else {\n  PackingInfiniteGrid = class PackingInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { PackingInfiniteGrid };\n"],"names":["SVELTE_INFINITEGRID_PROPS","CONTAINER_CLASS_NAME","insert","ctx","container","GridClass","vanillaGrid","dispatch","createEventDispatcher","renderer","Renderer","wrapper","attributes","visibleItems","updateAttributes","props","defaultOptions","name","forEach","getItemInfos","items","$$props","itemBy","item","key","groupBy","groupKey","map","i","data","updateVisibleChildren","getRenderingItems","grid","status","usePlaceholder","useFirstRender","useLoading","horizontal","beforeUpdate","onMount","options","INFINITEGRID_EVENTS","eventName","on","e","mountRenderingItems","updated","afterUpdate","propertyTypes","onDestroy","destroy","getInstance","prototype","InfiniteGrid","INFINITEGRID_METHODS","args","self","result","MasonryInfiniteGrid","constructor","JustifiedInfiniteGrid","FrameInfiniteGrid","PackingInfiniteGrid"],"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\n    return items.map((item, i) => {\n      return {\n        groupKey: groupBy(item, i),\n        key: itemBy(item, i),\n        data: item,\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 MasonryInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  MasonryInfiniteGrid = InfiniteGrid;\n} else {\n  MasonryInfiniteGrid = class MasonryInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { MasonryInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { JustifiedInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet JustifiedInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  JustifiedInfiniteGrid = InfiniteGrid;\n} else {\n  JustifiedInfiniteGrid = class JustifiedInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { JustifiedInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { FrameInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet FrameInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  FrameInfiniteGrid = InfiniteGrid;\n} else {\n  FrameInfiniteGrid = class FrameInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { FrameInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { PackingInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet PackingInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  PackingInfiniteGrid = InfiniteGrid;\n} else {\n  PackingInfiniteGrid = class PackingInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { 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","map","i","data","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","MasonryInfiniteGrid","constructor","JustifiedInfiniteGrid","FrameInfiniteGrid","PackingInfiniteGrid"],"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.6.1-beta.0
+version: 4.7.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';
@@ -12,7 +12,7 @@ import { Renderer, INFINITEGRID_EVENTS, mountRenderingItems, getRenderingItems,
 
 const SVELTE_INFINITEGRID_PROPS = ["status", "useFirstRender", "useLoading", "usePlaceholder", "items", "itemBy", "groupBy"];
 
-/* src/InfiniteGrid.svelte generated by Svelte v3.43.0 */
+/* src/InfiniteGrid.svelte generated by Svelte v3.50.0 */
 
 const get_default_slot_changes_1 = dirty => ({
   visibleItems: dirty &

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\n    return items.map((item, i) => {\n      return {\n        groupKey: groupBy(item, i),\n        key: itemBy(item, i),\n        data: item,\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 MasonryInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  MasonryInfiniteGrid = InfiniteGrid;\n} else {\n  MasonryInfiniteGrid = class MasonryInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { MasonryInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { JustifiedInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet JustifiedInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  JustifiedInfiniteGrid = InfiniteGrid;\n} else {\n  JustifiedInfiniteGrid = class JustifiedInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { JustifiedInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { FrameInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet FrameInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  FrameInfiniteGrid = InfiniteGrid;\n} else {\n  FrameInfiniteGrid = class FrameInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { FrameInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { PackingInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet PackingInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  PackingInfiniteGrid = InfiniteGrid;\n} else {\n  PackingInfiniteGrid = class PackingInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { PackingInfiniteGrid };\n"],"names":["SVELTE_INFINITEGRID_PROPS","CONTAINER_CLASS_NAME","insert","ctx","container","GridClass","vanillaGrid","dispatch","createEventDispatcher","renderer","Renderer","wrapper","attributes","visibleItems","updateAttributes","props","defaultOptions","name","forEach","getItemInfos","items","$$props","itemBy","item","key","groupBy","groupKey","map","i","data","updateVisibleChildren","getRenderingItems","grid","status","usePlaceholder","useFirstRender","useLoading","horizontal","beforeUpdate","onMount","options","INFINITEGRID_EVENTS","eventName","on","e","mountRenderingItems","updated","afterUpdate","propertyTypes","onDestroy","destroy","getInstance","prototype","InfiniteGrid","INFINITEGRID_METHODS","args","self","result","MasonryInfiniteGrid","constructor","JustifiedInfiniteGrid","FrameInfiniteGrid","PackingInfiniteGrid"],"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\n    return items.map((item, i) => {\n      return {\n        groupKey: groupBy(item, i),\n        key: itemBy(item, i),\n        data: item,\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 MasonryInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  MasonryInfiniteGrid = InfiniteGrid;\n} else {\n  MasonryInfiniteGrid = class MasonryInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { MasonryInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { JustifiedInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet JustifiedInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  JustifiedInfiniteGrid = InfiniteGrid;\n} else {\n  JustifiedInfiniteGrid = class JustifiedInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { JustifiedInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { FrameInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet FrameInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  FrameInfiniteGrid = InfiniteGrid;\n} else {\n  FrameInfiniteGrid = class FrameInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { FrameInfiniteGrid };\n","import InfiniteGrid from \"../InfiniteGrid.js\";\nimport { PackingInfiniteGrid as GridClass } from \"@egjs/infinitegrid\";\n\n\nlet PackingInfiniteGrid;\n\nif (typeof InfiniteGrid === \"object\") {\n  PackingInfiniteGrid = InfiniteGrid;\n} else {\n  PackingInfiniteGrid = class PackingInfiniteGrid extends InfiniteGrid {\n    constructor(options) {\n      options.props.GridClass = GridClass;\n      super(options);\n    }\n  }\n}\nexport { 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","map","i","data","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","MasonryInfiniteGrid","constructor","JustifiedInfiniteGrid","FrameInfiniteGrid","PackingInfiniteGrid"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egjs/svelte-infinitegrid",
-  "version": "4.6.1-beta.0",
+  "version": "4.7.1",
   "description": "A Svelte component that can arrange items infinitely according to the type of grids",
   "sideEffects": false,
   "svelte": "src/index.js",
@@ -19,6 +19,11 @@
   },
   "license": "MIT",
   "homepage": "https://github.com/naver/egjs-infinitegrid",
+  "files": [
+    "./*",
+    "src/*",
+    "dist/*"
+  ],
   "keywords": [
     "svelte",
     "lazyloading",
@@ -69,6 +74,6 @@
     "typescript": "^4.0.0"
   },
   "dependencies": {
-    "@egjs/infinitegrid": "~4.6.1-beta.0"
+    "@egjs/infinitegrid": "~4.7.1"
   }
 }

package/src/index.d.ts

@@ -1,6 +1,7 @@
 import VanillaInfiniteGrid, {
   FrameInfiniteGridOptions, InfiniteGridMethods, InfiniteGridOptions, JustifiedInfiniteGridOptions,
   MasonryInfiniteGridOptions, PackingInfiniteGridOptions,
+  InfiniteGridStatus,
 } from "@egjs/Infinitegrid";
 import { SvelteComponentDev } from "svelte/internal";
 

package/.storybook/main.js

@@ -1,32 +0,0 @@
-const autoPreprocess = require('svelte-preprocess');
-const path = require("path");
-
-module.exports = {
-  webpackFinal: (config) => {
-    const svelteLoader = config.module.rules.find(
-      r => r.loader && r.loader.includes('svelte-loader'),
-    );
-    svelteLoader.options.preprocess = autoPreprocess({
-      less: { includePaths: ['src', 'node_modules'] },
-      css: { includePaths: ['src', 'node_modules'] },
-      typescript: {
-        tsconfigFile: './tsconfig.json',
-        transpileOnly: true,
-      },
-    });
-    config.resolve.extensions.push('.ts', '.tsx');
-    config.resolve.alias["@egjs/infinitegrid"] = path.resolve(__dirname, '../../../dist/infinitegrid.esm.js');
-    return config;
-  },
-  stories: [
-    "../stories/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  addons: [
-    // "@storybook/addon-knobs/register",
-    "@storybook/addon-docs/register",
-    "@storybook/addon-controls/register",
-    "@storybook/addon-viewport/register",
-    "storybook-addon-preview/register",
-    "storybook-dark-mode/register",
-  ],
-};

package/.storybook/manager.js

@@ -1,5 +0,0 @@
-import { addons } from "@storybook/addons";
-
-addons.setConfig({
-  panelPosition: "right",
-});

package/.storybook/preview.js

@@ -1,25 +0,0 @@
-import { themes } from "@storybook/theming";
-import {
-    INITIAL_VIEWPORTS,
-    // or MINIMAL_VIEWPORTS,
-} from "@storybook/addon-viewport";
-
-// or global addParameters
-export const parameters = {
-    controls: {
-        passArgsFirst: true,
-        expanded: true,
-        hideNoControlsWarning: true,
-    },
-    viewport: {
-        viewports: {
-            ...INITIAL_VIEWPORTS,
-        },
-    },
-    darkMode: {
-        // Override the default light theme
-        light: { ...themes.normal },
-        // Override the default dark theme
-        dark: { ...themes.dark },
-    },
-};

package/CHANGELOG.md

@@ -1,47 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [4.6.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.5.0...@egjs/svelte-infinitegrid@4.6.0) (2022-07-26)
-
-
-### :mega: Other
-
-* update packages versions ([d4aa615](https://github.com/naver/egjs-infinitegrid/commit/d4aa615a8cd3e25b621500e2a7b243dcc9696eef))
-
-
-
-## [4.5.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.4.0...@egjs/svelte-infinitegrid@4.5.0) (2022-06-23)
-
-
-### :mega: Other
-
-* update packages versions ([171bb74](https://github.com/naver/egjs-infinitegrid/commit/171bb74f708110a2fd986276c9b8d65472fa64ab))
-
-
-
-## [4.4.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.3.1...@egjs/svelte-infinitegrid@4.4.0) (2022-05-25)
-
-
-### :mega: Other
-
-* update packages versions ([29bdea0](https://github.com/naver/egjs-infinitegrid/commit/29bdea08f334113e4a73180dd5f9e803c4befc99))
-
-
-
-## [4.3.1](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.3.0...@egjs/svelte-infinitegrid@4.3.1) (2022-05-17)
-
-
-### :mega: Other
-
-* update packages versions ([47f9348](https://github.com/naver/egjs-infinitegrid/commit/47f9348042e19c789b986ec936ed042a3838afc8))
-
-
-
-## [4.3.0](https://github.com/naver/egjs-infinitegrid/compare/@egjs/svelte-infinitegrid@4.2.1...@egjs/svelte-infinitegrid@4.3.0) (2022-05-13)
-
-
-### :mega: Other
-
-* update packages versions ([bc07e37](https://github.com/naver/egjs-infinitegrid/commit/bc07e37a5fb40e94f87cd1b07f1f7a843ddbe7e8))

package/global.d.ts

@@ -1,8 +0,0 @@
-declare module "!!raw-loader!*" {
-  const content: string;
-  export default content;
-}
-declare module "*.svelte" {
-  const content: any;
-  export default content;
-}

package/public/global.css

@@ -1,63 +0,0 @@
-html, body {
-	position: relative;
-	width: 100%;
-	height: 100%;
-}
-
-body {
-	color: #333;
-	margin: 0;
-	padding: 8px;
-	box-sizing: border-box;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
-a {
-	color: rgb(0,100,200);
-	text-decoration: none;
-}
-
-a:hover {
-	text-decoration: underline;
-}
-
-a:visited {
-	color: rgb(0,80,160);
-}
-
-label {
-	display: block;
-}
-
-input, button, select, textarea {
-	font-family: inherit;
-	font-size: inherit;
-	-webkit-padding: 0.4em 0;
-	padding: 0.4em;
-	margin: 0 0 0.5em 0;
-	box-sizing: border-box;
-	border: 1px solid #ccc;
-	border-radius: 2px;
-}
-
-input:disabled {
-	color: #ccc;
-}
-
-button {
-	color: #333;
-	background-color: #f4f4f4;
-	outline: none;
-}
-
-button:disabled {
-	color: #999;
-}
-
-button:not(:disabled):active {
-	background-color: #ddd;
-}
-
-button:focus {
-	border-color: #666;
-}

package/public/index.html

@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-
-	<title>Svelte app</title>
-
-	<link rel='icon' type='image/png' href='/favicon.png'>
-	<link rel='stylesheet' href='/global.css'>
-	<link rel='stylesheet' href='/build/bundle.css'>
-
-	<script defer src='/build/bundle.js'></script>
-</head>
-
-<body>
-</body>
-</html>

package/rollup.build.config.js

@@ -1,32 +0,0 @@
-import buildHelper from "@egjs/build-helper";
-import svelte from "rollup-plugin-svelte";
-import sveltePreprocess from "svelte-preprocess";
-
-const defaultOptions = {
-	tsconfig: "",
-	commonjs: true,
-	external: {
-		svelte: "svelte",
-	},
-	plugins: [
-		svelte({
-			preprocess: sveltePreprocess(),
-		}),
-	],
-};
-
-export default buildHelper([
-	{
-		...defaultOptions,
-		input: "./src/index.umd.js",
-		output: "dist/infinitegrid.cjs.js",
-		format: "cjs",
-	},
-	{
-		...defaultOptions,
-		input: "./src/index.js",
-		output: "dist/infinitegrid.esm.js",
-		format: "es",
-		exports: "named",
-	},
-]);

package/rollup.config.js

@@ -1,83 +0,0 @@
-import svelte from 'rollup-plugin-svelte';
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
-import livereload from 'rollup-plugin-livereload';
-import { terser } from 'rollup-plugin-terser';
-import sveltePreprocess from 'svelte-preprocess';
-import typescript from '@rollup/plugin-typescript';
-import css from 'rollup-plugin-css-only';
-
-const production = !process.env.ROLLUP_WATCH;
-
-function serve() {
-	let server;
-
-	function toExit() {
-		if (server) server.kill(0);
-	}
-
-	return {
-		writeBundle() {
-			if (server) return;
-			server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
-				stdio: ['ignore', 'inherit', 'inherit'],
-				shell: true
-			});
-
-			process.on('SIGTERM', toExit);
-			process.on('exit', toExit);
-		}
-	};
-}
-
-export default {
-	input: 'src/main.ts',
-	output: {
-		sourcemap: true,
-		format: 'iife',
-		name: 'app',
-		file: 'public/build/bundle.js'
-	},
-	plugins: [
-		svelte({
-			preprocess: sveltePreprocess({ sourceMap: !production }),
-			compilerOptions: {
-				// enable run-time checks when not in production
-				dev: !production
-			}
-		}),
-		// we'll extract any component CSS out into
-		// a separate file - better for performance
-		css({ output: 'bundle.css' }),
-
-		// If you have external dependencies installed from
-		// npm, you'll most likely need these plugins. In
-		// some cases you'll need additional configuration -
-		// consult the documentation for details:
-		// https://github.com/rollup/plugins/tree/master/packages/commonjs
-		resolve({
-			browser: true,
-			dedupe: ['svelte']
-		}),
-		commonjs(),
-		typescript({
-			sourceMap: !production,
-			inlineSources: !production
-		}),
-
-		// In dev mode, call `npm run start` once
-		// the bundle has been generated
-		!production && serve(),
-
-		// Watch the `public` directory and refresh the
-		// browser on changes when not in production
-		!production && livereload('public'),
-
-		// If we're building for production (npm run build
-		// instead of npm run dev), minify
-		production && terser()
-	],
-	watch: {
-		clearScreen: false
-	}
-};

package/stories/1-MasonryInfiniteGrid/0-MasonryInfiniteGrid.stories.ts

@@ -1,4 +0,0 @@
-export default {
-  title: "Examples/MasonryInfiniteGrid",
-};
-export * from "./1-MasonryInfiniteGrid.stories";

package/stories/1-MasonryInfiniteGrid/1-MasonryInfiniteGrid.stories.ts

@@ -1,27 +0,0 @@
-import MasonryInfiniteGridApp from "./apps/SvelteMasonryInfiniteGridApp.svelte";
-// import RawMasonryInfiniteGridApp from "!!raw-loader!./apps/SvelteMasonryInfiniteGridApp.svelte";
-// import { MASONRY_GRID_CONTROLS } from "../../../../stories/templates/controls";
-// import { convertPath, convertSvelteTemplate, makeArgs } from "../../../../stories/utils";
-import "../../../../stories/templates/default.css";
-
-
-export const MasonryInfiniteGridTemplate = (props) => ({
-  Component: MasonryInfiniteGridApp,
-  props,
-});
-
-MasonryInfiniteGridTemplate.storyName = "MasonryInfiniteGrid";
-// MasonryInfiniteGridTemplate.argTypes = MASONRY_GRID_CONTROLS;
-// MasonryInfiniteGridTemplate.args = {
-//   ...makeArgs(MasonryInfiniteGridTemplate.argTypes),
-// };
-
-// MasonryInfiniteGridTemplate.parameters = {
-//   preview: [
-//     {
-//       tab: "Svelte",
-//       template: convertSvelteTemplate(convertPath(RawMasonryInfiniteGridApp, "src", "@egjs/svelte-grid")),
-//       language: "html",
-//     },
-//   ],
-// };

package/stories/1-MasonryInfiniteGrid/apps/SvelteMasonryInfiniteGridApp.svelte

@@ -1,42 +0,0 @@
-<script>
-  import { MasonryInfiniteGrid } from "../../../src";
-
-  let items = getItems(0, 10);
-
-  function getItems(nextGroupKey, count) {
-    const nextItems = [];
-
-    for (let i = 0; i < count; ++i) {
-      const nextKey = nextGroupKey * count + i;
-
-      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
-    }
-    return nextItems;
-  }
-</script>
-
-<MasonryInfiniteGrid
-  class="container"
-  gap={5}
-  {items}
-  on:requestAppend={({ detail: e }) => {
-    const nextGroupKey = (+e.groupKey || 0) + 1;
-
-    items = [...items, ...getItems(nextGroupKey, 10)];
-  }}
-  let:visibleItems
->
-  {#each visibleItems as item (item.key)}
-    <div class="item">
-      <div class="thumbnail">
-        <img
-          src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
-            (item.key % 33) + 1
-          }.jpg`}
-          alt="egjs"
-        />
-      </div>
-      <div class="info">{`egjs ${item.key}`}</div>
-    </div>
-  {/each}
-</MasonryInfiniteGrid>

package/stories/2-JustifiedInfiniteGrid/0-JustifiedInfiniteGrid.stories.ts

@@ -1,5 +0,0 @@
-export default {
-  title: "Examples/JustifiedInfiniteGrid",
-};
-export * from "./1-JustifiedInfiniteGrid.stories";
-

package/stories/2-JustifiedInfiniteGrid/1-JustifiedInfiniteGrid.stories.ts

@@ -1,10 +0,0 @@
-import JustifiedInfiniteGridApp from "./apps/SvelteJustifiedInfiniteGridApp.svelte";
-import "../../../../stories/templates/default.css";
-
-
-export const JustifiedInfiniteGridTemplate = (props) => ({
-  Component: JustifiedInfiniteGridApp,
-  props,
-});
-
-JustifiedInfiniteGridTemplate.storyName = "JustifiedInfiniteGrid";

package/stories/2-JustifiedInfiniteGrid/apps/SvelteJustifiedInfiniteGridApp.svelte

@@ -1,43 +0,0 @@
-<script>
-  import { JustifiedInfiniteGrid } from "../../../src";
-
-  let items = getItems(0, 10);
-
-  function getItems(nextGroupKey, count) {
-    const nextItems = [];
-
-    for (let i = 0; i < count; ++i) {
-      const nextKey = nextGroupKey * count + i;
-
-      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
-    }
-    return nextItems;
-  }
-</script>
-
-<JustifiedInfiniteGrid
-  class="container"
-  gap={5}
-  {items}
-  on:requestAppend={({ detail: e }) => {
-    const nextGroupKey = (+e.groupKey || 0) + 1;
-
-    items = [...items, ...getItems(nextGroupKey, 10)];
-  }}
-  let:visibleItems
->
-  {#each visibleItems as item (item.key)}
-    <div class="item">
-      <div class="thumbnail">
-        <img
-          src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
-            (item.key % 33) + 1
-          }.jpg`}
-          alt="egjs"
-          data-grid-maintained-target="true"
-        />
-      </div>
-      <div class="info">{`egjs ${item.key}`}</div>
-    </div>
-  {/each}
-</JustifiedInfiniteGrid>

package/stories/3-FrameInfiniteGrid/0-FrameInfiniteGrid.stories.ts

@@ -1,5 +0,0 @@
-export default {
-  title: "Examples/FrameInfiniteGrid",
-};
-export * from "./1-FrameInfiniteGrid.stories";
-

package/stories/3-FrameInfiniteGrid/1-FrameInfiniteGrid.stories.ts

@@ -1,10 +0,0 @@
-import FrameInfiniteGridApp from "./apps/SvelteFrameInfiniteGridApp.svelte";
-import "../../../../stories/templates/default.css";
-
-
-export const FrameInfiniteGridTemplate = (props) => ({
-  Component: FrameInfiniteGridApp,
-  props,
-});
-
-FrameInfiniteGridTemplate.storyName = "FrameInfiniteGrid";

package/stories/3-FrameInfiniteGrid/apps/SvelteFrameInfiniteGridApp.svelte

@@ -1,44 +0,0 @@
-<script>
-  import { FrameInfiniteGrid } from "../../../src";
-
-  let items = getItems(0, 10);
-
-  function getItems(nextGroupKey, count) {
-    const nextItems = [];
-
-    for (let i = 0; i < count; ++i) {
-      const nextKey = nextGroupKey * count + i;
-
-      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
-    }
-    return nextItems;
-  }
-</script>
-
-<FrameInfiniteGrid
-  class="container"
-  gap={5}
-  frame={[
-    [1, 1, 2, 2, 3],
-    [1, 1, 4, 5, 5],
-  ]}
-  {items}
-  on:requestAppend={({ detail: e }) => {
-    const nextGroupKey = (+e.groupKey || 0) + 1;
-
-    items = [...items, ...getItems(nextGroupKey, 10)];
-  }}
-  let:visibleItems
->
-  {#each visibleItems as item (item.key)}
-    <div class="item">
-      <img
-        src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
-          (item.key % 33) + 1
-        }.jpg`}
-        alt="egjs"
-        style="width: 100%; height: 100%"
-      />
-    </div>
-  {/each}
-</FrameInfiniteGrid>

package/stories/4-PackingInfiniteGrid/0-PackingInfiniteGrid.stories.ts

@@ -1,5 +0,0 @@
-export default {
-  title: "Examples/PackingInfiniteGrid",
-};
-export * from "./1-PackingInfiniteGrid.stories";
-

package/stories/4-PackingInfiniteGrid/1-PackingInfiniteGrid.stories.ts

@@ -1,10 +0,0 @@
-import PackingInfiniteGridApp from "./apps/SveltePackingInfiniteGridApp.svelte";
-import "../../../../stories/templates/default.css";
-
-
-export const PackingInfiniteGridTemplate = (props) => ({
-  Component: PackingInfiniteGridApp,
-  props,
-});
-
-PackingInfiniteGridTemplate.storyName = "PackingInfiniteGrid";

package/stories/4-PackingInfiniteGrid/apps/SveltePackingInfiniteGridApp.svelte

@@ -1,40 +0,0 @@
-<script>
-  import { PackingInfiniteGrid } from "../../../src";
-
-  let items = getItems(0, 10);
-
-  function getItems(nextGroupKey, count) {
-    const nextItems = [];
-
-    for (let i = 0; i < count; ++i) {
-      const nextKey = nextGroupKey * count + i;
-
-      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
-    }
-    return nextItems;
-  }
-</script>
-
-<PackingInfiniteGrid
-  class="container"
-  gap={5}
-  {items}
-  on:requestAppend={({ detail: e }) => {
-    const nextGroupKey = (+e.groupKey || 0) + 1;
-
-    items = [...items, ...getItems(nextGroupKey, 10)];
-  }}
-  let:visibleItems
->
-  {#each visibleItems as item (item.key)}
-    <div class="item">
-      <img
-        src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
-          (item.key % 33) + 1
-        }.jpg`}
-        alt="egjs"
-        style="width: 100%; height: 100%"
-      />
-    </div>
-  {/each}
-</PackingInfiniteGrid>

package/stories/5-DataLoading/0-DataLoading.stories.ts

@@ -1,7 +0,0 @@
-export default {
-  title: "Examples/Data Loading",
-};
-export * from "./1-WaitNReady.stories";
-export * from "./2-Placeholder.stories";
-export * from "./3-Loading.stories";
-

package/stories/5-DataLoading/1-WaitNReady.stories.ts

@@ -1,10 +0,0 @@
-import WaitNReadyApp from "./apps/SvelteWaitNReadyApp.svelte";
-import "../../../../stories/templates/default.css";
-
-
-export const WaitNReadyTemplate = (props) => ({
-  Component: WaitNReadyApp,
-  props,
-});
-
-WaitNReadyTemplate.storyName = "Wait & Ready";

package/stories/5-DataLoading/2-Placeholder.stories.ts

@@ -1,10 +0,0 @@
-import PlaceholderApp from "./apps/SveltePlaceholderApp.svelte";
-import "../../../../stories/templates/default.css";
-
-
-export const PlaceholderTemplate = (props) => ({
-  Component: PlaceholderApp,
-  props,
-});
-
-PlaceholderTemplate.storyName = "Placeholder";

package/stories/5-DataLoading/3-Loading.stories.ts

@@ -1,10 +0,0 @@
-import LoadingApp from "./apps/SvelteLoadingApp.svelte";
-import "../../../../stories/templates/default.css";
-
-
-export const LoadingTemplate = (props) => ({
-  Component: LoadingApp,
-  props,
-});
-
-LoadingTemplate.storyName = "Loading";

package/stories/5-DataLoading/apps/SvelteLoadingApp.svelte

@@ -1,54 +0,0 @@
-<script>
-  import { ITEM_TYPE } from "@egjs/infinitegrid";
-  import { MasonryInfiniteGrid } from "../../../src";
-import { LoadingTemplate } from "../3-Loading.stories";
-
-  let items = getItems(0, 10);
-
-  function getItems(nextGroupKey, count) {
-    const nextItems = [];
-
-    for (let i = 0; i < count; ++i) {
-      const nextKey = nextGroupKey * count + i;
-
-      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
-    }
-    return nextItems;
-  }
-</script>
-
-<MasonryInfiniteGrid
-  class="container"
-  gap={5}
-  useLoading={true}
-  {items}
-  on:requestAppend={({ detail: e }) => {
-    const nextGroupKey = (+e.groupKey || 0) + 1;
-
-    e.wait();
-
-    setTimeout(() => {
-      e.ready();
-      items = [...items, ...getItems(nextGroupKey, 10)];
-    }, 200);
-  }}
-  let:visibleItems
->
-  {#each visibleItems as item (item.key)}
-    {#if item.type === ITEM_TYPE.NORMAL}
-      <div class="item">
-        <div class="thumbnail">
-          <img
-            src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
-              (item.key % 33) + 1
-            }.jpg`}
-            alt="egjs"
-          />
-        </div>
-        <div class="info">{`egjs ${item.key}`}</div>
-      </div>
-    {:else if item.type === ITEM_TYPE.LOADING}
-      <div class="loading">Loading...</div>
-    {/if}
-  {/each}
-</MasonryInfiniteGrid>

package/stories/5-DataLoading/apps/SveltePlaceholderApp.svelte

@@ -1,54 +0,0 @@
-<script>
-  import { ITEM_TYPE } from "@egjs/infinitegrid";
-  import { MasonryInfiniteGrid } from "../../../src";
-
-  let items = getItems(0, 10);
-
-  function getItems(nextGroupKey, count) {
-    const nextItems = [];
-
-    for (let i = 0; i < count; ++i) {
-      const nextKey = nextGroupKey * count + i;
-
-      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
-    }
-    return nextItems;
-  }
-</script>
-
-<MasonryInfiniteGrid
-  class="container"
-  gap={5}
-  usePlaceholder={true}
-  {items}
-  on:requestAppend={({ detail: e }) => {
-    const nextGroupKey = (+e.groupKey || 0) + 1;
-
-    e.wait();
-    e.currentTarget.appendPlaceholders(10, nextGroupKey);
-
-    setTimeout(() => {
-      e.ready();
-      items = [...items, ...getItems(nextGroupKey, 10)];
-    }, 200);
-  }}
-  let:visibleItems
->
-  {#each visibleItems as item (item.key)}
-    {#if item.type === ITEM_TYPE.NORMAL}
-      <div class="item">
-        <div class="thumbnail">
-          <img
-            src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
-              (item.key % 33) + 1
-            }.jpg`}
-            alt="egjs"
-          />
-        </div>
-        <div class="info">{`egjs ${item.key}`}</div>
-      </div>
-    {:else if item.type === ITEM_TYPE.VIRTUAL}
-      <div class="placeholder" />
-    {/if}
-  {/each}
-</MasonryInfiniteGrid>

package/stories/5-DataLoading/apps/SvelteWaitNReadyApp.svelte

@@ -1,47 +0,0 @@
-<script>
-  import { MasonryInfiniteGrid } from "../../../src";
-
-  let items = getItems(0, 10);
-
-  function getItems(nextGroupKey, count) {
-    const nextItems = [];
-
-    for (let i = 0; i < count; ++i) {
-      const nextKey = nextGroupKey * count + i;
-
-      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
-    }
-    return nextItems;
-  }
-</script>
-
-<MasonryInfiniteGrid
-  class="container"
-  gap={5}
-  {items}
-  on:requestAppend={({ detail: e }) => {
-    const nextGroupKey = (+e.groupKey || 0) + 1;
-
-    e.wait();
-
-    setTimeout(() => {
-      e.ready();
-      items = [...items, ...getItems(nextGroupKey, 10)];;
-    }, 1000);
-  }}
-  let:visibleItems
->
-  {#each visibleItems as item (item.key)}
-    <div class="item">
-      <div class="thumbnail">
-        <img
-          src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
-            (item.key % 33) + 1
-          }.jpg`}
-          alt="egjs"
-        />
-      </div>
-      <div class="info">{`egjs ${item.key}`}</div>
-    </div>
-  {/each}
-</MasonryInfiniteGrid>

package/tsconfig.json

@@ -1,6 +0,0 @@
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-
-  "include": ["src/**/*", "./global.d.ts", "stories/**/*"],
-  "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
-}