{"_id":"@edde746/svelte-masonry","_rev":"6-a3f4e7ec7891612a84557344b39e94ae","name":"@edde746/svelte-masonry","dist-tags":{"latest":"0.0.7"},"versions":{"0.0.1":{"name":"@edde746/svelte-masonry","version":"0.0.1","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0"},"devDependencies":{"@sveltejs/adapter-auto":"^2.0.0","@sveltejs/kit":"^1.5.0","@sveltejs/package":"^2.0.0","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.3.0"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"9730e26b18d88942bb9ac14774a0111ece9647b8","description":"Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).","_id":"@edde746/svelte-masonry@0.0.1","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-XWEoR4TaKsGPVtk8vkF4NooykzlXPtvfVipDO6lkfD9/l/9SDi124ttwCHU3d63xveH8/HABf4HsIz06Pb7TRQ==","shasum":"ab5ba669464557e408e7c3b9f44a72fd487deb1e","tarball":"https://registry.npmjs.org/@edde746/svelte-masonry/-/svelte-masonry-0.0.1.tgz","fileCount":6,"unpackedSize":5642,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGe3BZLWFd+w5uwzTwChGoaKGoicQhqcdNGDGopeMZieAiEAyH+j2otCG3EVmB3ZoGU0t9eIe1ydryb7z00Doal75GU="}]},"_npmUser":{"name":"edde746","email":"edvard.wikhall@gmail.com"},"directories":{},"maintainers":[{"name":"edde746","email":"edvard.wikhall@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-masonry_0.0.1_1683708432116_0.047556360662389885"},"_hasShrinkwrap":false},"0.0.2":{"name":"@edde746/svelte-masonry","version":"0.0.2","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0"},"devDependencies":{"@sveltejs/adapter-auto":"^2.0.0","@sveltejs/kit":"^1.5.0","@sveltejs/package":"^2.0.0","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.3.0"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"9730e26b18d88942bb9ac14774a0111ece9647b8","description":"A lightweight and dependency-free Masonry component for Svelte, based on the [article by Ana Tudor (@anatudor) on CSS Tricks](https://css-tricks.com/a-lightweight-masonry-solution).","_id":"@edde746/svelte-masonry@0.0.2","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-BsxPKKUXKXQH+jLMLPwno1qL+JlDIjYsGLAsZvXnuVFs1CzBiRm2qaX7qy8bjfh6kL94MaNl1Xhkf5nmFEkgcQ==","shasum":"3b5c116a1be03249444a075cb5236204298a3b1d","tarball":"https://registry.npmjs.org/@edde746/svelte-masonry/-/svelte-masonry-0.0.2.tgz","fileCount":7,"unpackedSize":40802,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBngWpwvc3ixWRCKrxPBtnrNjjnfxPC10mwjWhk861QZAiAf7S8hy0yYb2aICZxkERv/WPV6ytzkZ5XE83NAV+II3w=="}]},"_npmUser":{"name":"edde746","email":"edvard.wikhall@gmail.com"},"directories":{},"maintainers":[{"name":"edde746","email":"edvard.wikhall@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-masonry_0.0.2_1683709005623_0.8561822630989535"},"_hasShrinkwrap":false},"0.0.3":{"name":"@edde746/svelte-masonry","version":"0.0.3","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0"},"devDependencies":{"@sveltejs/adapter-auto":"^2.0.0","@sveltejs/kit":"^1.5.0","@sveltejs/package":"^2.0.0","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.3.0"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"9340866720b20239776ec6d76124a45cec665a09","description":"A lightweight and dependency-free Masonry component for Svelte, based on the [article by Ana Tudor (@anatudor) on CSS Tricks](https://css-tricks.com/a-lightweight-masonry-solution).","_id":"@edde746/svelte-masonry@0.0.3","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-nFUDSEbdHBHB21u0R9f5d5H7T9i3J93063OOBmbnII5s9BBSn8c64FcHFiDPNZ2rc2ZHHz5bTOCmF7sJW/Xu7A==","shasum":"49110087f9912dd0c0378b45391f0549f1b516cf","tarball":"https://registry.npmjs.org/@edde746/svelte-masonry/-/svelte-masonry-0.0.3.tgz","fileCount":7,"unpackedSize":40891,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChtJZk0AlEgUez1oPlf7hMGT1OElJp5dxBZzi19CiaRAIgDmVCiESCo7j9PoHFEcsVtVGPapSDixTPegLPd2VLvmQ="}]},"_npmUser":{"name":"edde746","email":"edvard.wikhall@gmail.com"},"directories":{},"maintainers":[{"name":"edde746","email":"edvard.wikhall@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-masonry_0.0.3_1683715512456_0.24952656514367821"},"_hasShrinkwrap":false},"0.0.4":{"name":"@edde746/svelte-masonry","version":"0.0.4","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0"},"devDependencies":{"@sveltejs/adapter-auto":"^2.0.0","@sveltejs/kit":"^1.5.0","@sveltejs/package":"^2.0.0","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.3.0"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"d663543913346322ec25117a24ecdac44c566517","description":"A lightweight and dependency-free Masonry component for Svelte, based on the [article by Ana Tudor (@anatudor) on CSS Tricks](https://css-tricks.com/a-lightweight-masonry-solution).","_id":"@edde746/svelte-masonry@0.0.4","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-JdupV4fNseQunr1q+yuGBptJ4gprhale/dnINUdMxVVNGI8Eey1u/EnzNSZ7R2FTHtdo2pA1jIZzz4NoX9sFhw==","shasum":"c2a0692ee2a6a4fb72c2d4ca7198db5fd64c743a","tarball":"https://registry.npmjs.org/@edde746/svelte-masonry/-/svelte-masonry-0.0.4.tgz","fileCount":7,"unpackedSize":40864,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHDBhU9YdgC/r1pStkCYfpdCVDu3dJ+wfEo3ri1QRxpgIhAOWLtC+ENxBL6lhF6oLbH0O4kXadmSmE0p20mTTetopo"}]},"_npmUser":{"name":"edde746","email":"edvard.wikhall@gmail.com"},"directories":{},"maintainers":[{"name":"edde746","email":"edvard.wikhall@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-masonry_0.0.4_1683716945987_0.790585720634444"},"_hasShrinkwrap":false},"0.0.5":{"name":"@edde746/svelte-masonry","version":"0.0.5","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0"},"devDependencies":{"@sveltejs/adapter-auto":"^2.0.0","@sveltejs/kit":"^1.5.0","@sveltejs/package":"^2.0.0","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.3.0"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"2b339714a214c81bc6999fa3b29c3f76c4b36455","description":"A lightweight and dependency-free Masonry component for Svelte, based on the [article by Ana Tudor (@anatudor) on CSS Tricks](https://css-tricks.com/a-lightweight-masonry-solution).","_id":"@edde746/svelte-masonry@0.0.5","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-cKOS7npjBrkvScrkYC0udJjnwbWLF3Wj+UfLF2WhU/AiH5CWAjKTHiUto9Oea4GuuuRlmPnBJ2a+nAOBSU9Mfw==","shasum":"8c99613d4061b95a32d143777632fa16be32cf36","tarball":"https://registry.npmjs.org/@edde746/svelte-masonry/-/svelte-masonry-0.0.5.tgz","fileCount":7,"unpackedSize":41539,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCN0vr4uusS8Dtr7Vio3mvC1vLrnDYs58tav1nva5EeRwIhAKVqkaXozJNhiJnh0qqZQlQOWj1KmiHmV/Lkfz0aA3Dh"}]},"_npmUser":{"name":"edde746","email":"edvard.wikhall@gmail.com"},"directories":{},"maintainers":[{"name":"edde746","email":"edvard.wikhall@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-masonry_0.0.5_1683852865019_0.8833352408384916"},"_hasShrinkwrap":false},"0.0.6":{"name":"@edde746/svelte-masonry","version":"0.0.6","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0"},"devDependencies":{"@sveltejs/adapter-auto":"^2.0.0","@sveltejs/kit":"^1.5.0","@sveltejs/package":"^2.0.0","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.3.0"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"52f5855db0471e412329ebfa9f28e1e200f4e00b","description":"A lightweight and dependency-free Masonry component for Svelte, based on the [article by Ana Tudor (@anatudor) on CSS Tricks](https://css-tricks.com/a-lightweight-masonry-solution).","_id":"@edde746/svelte-masonry@0.0.6","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-lS9C46J/AQjRKwCiEwJph9BOXVR9k4GBd5rZtc6ZE05xni/4ie/N3+wTVVFJAwRkonVxzzAdGZNhSx81S6SQDw==","shasum":"d8960cf39d6253fe06ca32cff76ef8c69fecd174","tarball":"https://registry.npmjs.org/@edde746/svelte-masonry/-/svelte-masonry-0.0.6.tgz","fileCount":7,"unpackedSize":41607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCc66RPQWsJ3zoeYrCvhbA8NQTaFuHgzXF/HAVBinlrrQIgbzoLRgUzhiVl0gWMZdXboyxT7A33h75buNU97cBe7Cw="}]},"_npmUser":{"name":"edde746","email":"edvard.wikhall@gmail.com"},"directories":{},"maintainers":[{"name":"edde746","email":"edvard.wikhall@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-masonry_0.0.6_1683862382201_0.6860494937152362"},"_hasShrinkwrap":false},"0.0.7":{"name":"@edde746/svelte-masonry","version":"0.0.7","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0"},"devDependencies":{"@sveltejs/adapter-auto":"^2.0.0","@sveltejs/kit":"^1.5.0","@sveltejs/package":"^2.0.0","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.3.0"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"487366dc2903f5edc4c6649ca4abd60d3b94e2bc","description":"A lightweight and dependency-free Masonry component for Svelte, based on the [article by Ana Tudor (@anatudor) on CSS Tricks](https://css-tricks.com/a-lightweight-masonry-solution).","_id":"@edde746/svelte-masonry@0.0.7","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-nsaZRyCDBT8SiCcB5vStTyRgs2XAsPEqNeyThRu0atE0buHwFMk6bZ2yaXZU6LCQeOPL0YFzfPtNId4eWZKDgA==","shasum":"a643076264163352be96e6f814cc3996454a7a25","tarball":"https://registry.npmjs.org/@edde746/svelte-masonry/-/svelte-masonry-0.0.7.tgz","fileCount":7,"unpackedSize":41619,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAucbGZiiJjyZ1xurvjPT7dLBojCwjOKBl77UCRwqTsrAiEAr15iumtybadSAGdC3fSYG7tW7QN4Nl/IIWw3/1gciRE="}]},"_npmUser":{"name":"edde746","email":"edvard.wikhall@gmail.com"},"directories":{},"maintainers":[{"name":"edde746","email":"edvard.wikhall@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-masonry_0.0.7_1685563919034_0.6345607925590795"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-10T08:47:12.039Z","0.0.1":"2023-05-10T08:47:12.317Z","modified":"2023-05-31T20:11:59.316Z","0.0.2":"2023-05-10T08:56:45.884Z","0.0.3":"2023-05-10T10:45:12.636Z","0.0.4":"2023-05-10T11:09:06.177Z","0.0.5":"2023-05-12T00:54:25.203Z","0.0.6":"2023-05-12T03:33:02.390Z","0.0.7":"2023-05-31T20:11:59.210Z"},"maintainers":[{"name":"edde746","email":"edvard.wikhall@gmail.com"}],"description":"A lightweight and dependency-free Masonry component for Svelte, based on the [article by Ana Tudor (@anatudor) on CSS Tricks](https://css-tricks.com/a-lightweight-masonry-solution).","readme":"# svelte-masonry\n\nA lightweight and dependency-free Masonry component for Svelte, based on the [article by Ana Tudor (@anatudor) on CSS Tricks](https://css-tricks.com/a-lightweight-masonry-solution).\n\nOriginally coded by [janzheng](https://github.com/janzheng) and updated by [edde746](https://github.com/edde746).\n\n## Installation\n\n```bash\nnpm install @edde746/svelte-masonry\n```\n\n## Usage\n\n```javascript\nimport Masonry from \"@edde746/svelte-masonry\";\n```\n\n```html\n\n {#each data.slice(0, itemCount) as o}\n
\n
\n

{o.name}

\n
\n
\n

{o.text}

\n
\n
\n {/each}\n\n```\n\n**Note:** Make sure to update the `itemCount` variable whenever you want to update the layout.\n\n## Props\n\n| Prop | Type | Default | Description |\n|---------------|--------|-----------|----------------------------------------------------------------|\n| stretchFirst | bool | `false` | Whether the first item should stretch across all grid columns. |\n| gridGap | string | `\"0.5em\"` | The gap between grid items. |\n| colWidth | string | `\"minmax(min(20em, 100%), 1fr)\"` | The width of the grid columns. |\n| update | any | | A variable to trigger layout updates. |\n| rearrange | bool | `false` | Whether to rearrange the grid items to best fill vertical space. |\n\n## Functions\n\n### `refreshLayout()`\n\nUse this function to manually trigger a layout refresh. This might be useful in cases when the content of the grid items changes.","readmeFilename":"README.md"}