{"_id":"@dword-design/minimasonry","_rev":"7-572dc4ac030e1c7d70d4244e13cd920d","name":"@dword-design/minimasonry","dist-tags":{"latest":"0.0.8"},"versions":{"0.0.1":{"name":"@dword-design/minimasonry","version":"0.0.1","keywords":["Masonry","Layout","Minimalist"],"author":{"name":"Spope"},"license":"MIT","_id":"@dword-design/minimasonry@0.0.1","maintainers":[{"name":"dword-design","email":"info@sebastianlandwehr.com"}],"homepage":"https://spope.github.io/MiniMasonry.js/","bugs":{"url":"https://github.com/Spope/MiniMasonry.js/issues"},"dist":{"shasum":"d5167c658bbe203c77e05f2d21c0fe26e8aa2bab","tarball":"https://registry.npmjs.org/@dword-design/minimasonry/-/minimasonry-0.0.1.tgz","fileCount":8,"integrity":"sha512-/OpG/k/ZkaU72ssVTw7LUYDHLIzJhR1ABhnwd2EjgVqvqX+eBqhgsCgOjjm9QECRxhQ2nYzpJMPCntJuIHrvpA==","signatures":[{"sig":"MEQCIFNuL90ymW/gLaHXCd1NgjB++czVytttUF0xpHK5LaA+AiA3SN7a1pDAhFYf5zx1erLtvAYKrKNVcwXIV7l/HUXw4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26299},"main":"build/minimasonry.min.js","module":"build/minimasonry.esm.js","gitHead":"93a190559527ccad8568de9a7a565b30e7e85e48","scripts":{"build":"rollup --config","start":""},"_npmUser":{"name":"dword-design","email":"info@sebastianlandwehr.com"},"repository":{"url":"git+https://github.com/Spope/MiniMasonry.js.git","type":"git"},"_npmVersion":"10.7.0","description":"Minimalist dependancy free Masonry layout library","directories":{},"_nodeVersion":"20.15.1","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.58.3","rollup-plugin-uglify":"^6.0.4","@rollup/plugin-commonjs":"^21.0.1"},"_npmOperationalInternal":{"tmp":"tmp/minimasonry_0.0.1_1723588615055_0.21264744213768516","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@dword-design/minimasonry","version":"0.0.2","keywords":["Masonry","Layout","Minimalist"],"author":{"name":"Spope"},"license":"MIT","_id":"@dword-design/minimasonry@0.0.2","maintainers":[{"name":"dword-design","email":"info@sebastianlandwehr.com"}],"homepage":"https://spope.github.io/MiniMasonry.js/","bugs":{"url":"https://github.com/Spope/MiniMasonry.js/issues"},"dist":{"shasum":"55a08e314bc4dcda78ccf6afb0f3c30177e4ab5b","tarball":"https://registry.npmjs.org/@dword-design/minimasonry/-/minimasonry-0.0.2.tgz","fileCount":8,"integrity":"sha512-K8pUyq929xpJOMMh/IFKTl7tfhrxUQZAId8ueBcFnEHWdv9eBaOZFfETcxTT2VkgVM5J2tkqy8ORaY5+R2iKzw==","signatures":[{"sig":"MEYCIQCpxFtZ/lKv53FExhljirVMZfMt4xadffLHvy/7DvZh3wIhAJMz2av6DdBuRUi4YNhnKYBNKIm4j8hwaF9oeyFbV9JE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26213},"main":"build/minimasonry.min.js","module":"build/minimasonry.esm.js","gitHead":"f3880f4c112afd64f48c798c1708c7b6469fb22d","scripts":{"build":"rollup --config","start":""},"_npmUser":{"name":"dword-design","email":"info@sebastianlandwehr.com"},"repository":{"url":"git+https://github.com/Spope/MiniMasonry.js.git","type":"git"},"_npmVersion":"10.7.0","description":"Minimalist dependancy free Masonry layout library","directories":{},"_nodeVersion":"20.15.1","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.58.3","rollup-plugin-uglify":"^6.0.4","@rollup/plugin-commonjs":"^21.0.1"},"_npmOperationalInternal":{"tmp":"tmp/minimasonry_0.0.2_1723589286181_0.3063473085227253","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@dword-design/minimasonry","version":"0.0.3","keywords":["Masonry","Layout","Minimalist"],"author":{"name":"Spope"},"license":"MIT","_id":"@dword-design/minimasonry@0.0.3","maintainers":[{"name":"dword-design","email":"info@sebastianlandwehr.com"}],"homepage":"https://spope.github.io/MiniMasonry.js/","bugs":{"url":"https://github.com/Spope/MiniMasonry.js/issues"},"dist":{"shasum":"fd5db925d7c9397b8884312812e99e5d8b3e9ae8","tarball":"https://registry.npmjs.org/@dword-design/minimasonry/-/minimasonry-0.0.3.tgz","fileCount":8,"integrity":"sha512-yLRMJ+BUYT9lhrMBxre+VJHnOABx+sucddUefMzLy3FrrsGZ0JoqjgZDD9cKKCF8wf7yn10D93x2VkCgqJ7rdw==","signatures":[{"sig":"MEQCICUJj5pTdaycbKbkwceJfnodSp/D0+HYGTzpOf7JMXVRAiBSwdIMcLn1armCnAdPgx2tuO3vKp94F9Qx6aK5RW6oAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26282},"main":"build/minimasonry.min.js","module":"build/minimasonry.esm.js","gitHead":"12a1d399a6c7bb98c64821b564618b2c37990b0e","scripts":{"build":"rollup --config","start":""},"_npmUser":{"name":"dword-design","email":"info@sebastianlandwehr.com"},"repository":{"url":"git+https://github.com/Spope/MiniMasonry.js.git","type":"git"},"_npmVersion":"10.7.0","description":"Minimalist dependancy free Masonry layout library","directories":{},"_nodeVersion":"20.15.1","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.58.3","rollup-plugin-uglify":"^6.0.4","@rollup/plugin-commonjs":"^21.0.1"},"_npmOperationalInternal":{"tmp":"tmp/minimasonry_0.0.3_1723591063429_0.343380913372588","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"@dword-design/minimasonry","version":"0.0.4","keywords":["Masonry","Layout","Minimalist"],"author":{"name":"Spope"},"license":"MIT","_id":"@dword-design/minimasonry@0.0.4","maintainers":[{"name":"dword-design","email":"info@sebastianlandwehr.com"}],"homepage":"https://spope.github.io/MiniMasonry.js/","bugs":{"url":"https://github.com/Spope/MiniMasonry.js/issues"},"dist":{"shasum":"d8baa59ab6d32cadf5ab84f9bf9174dd675d9993","tarball":"https://registry.npmjs.org/@dword-design/minimasonry/-/minimasonry-0.0.4.tgz","fileCount":8,"integrity":"sha512-677QQN+7GEJyE8sQjblGu4mSuEY6vWY/jEysJmHFlS/PYyKV1Jo5u7uq6984VC4MDlUFMPOxnVWnA2PSttgMOA==","signatures":[{"sig":"MEUCIQCt3qRTKyT60nhvaUygcCr/r0mKB33ytsXE7jBzln6fXQIgNseB4BrfkpSRlOp2LuTP4qJw16Bkee6noLm6dwWhyc4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26074},"main":"build/minimasonry.min.js","module":"build/minimasonry.esm.js","gitHead":"af533eeb402d8aa4fc507ad5431acaec9fa1c58c","scripts":{"build":"rollup --config","start":""},"_npmUser":{"name":"dword-design","email":"info@sebastianlandwehr.com"},"repository":{"url":"git+https://github.com/Spope/MiniMasonry.js.git","type":"git"},"_npmVersion":"10.8.2","description":"Minimalist dependancy free Masonry layout library","directories":{},"_nodeVersion":"20.17.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.58.3","rollup-plugin-uglify":"^6.0.4","@rollup/plugin-commonjs":"^21.0.1"},"_npmOperationalInternal":{"tmp":"tmp/minimasonry_0.0.4_1731812599276_0.02449382422489088","host":"s3://npm-registry-packages"}},"0.0.5":{"name":"@dword-design/minimasonry","version":"0.0.5","keywords":["Masonry","Layout","Minimalist"],"author":{"name":"Spope"},"license":"MIT","_id":"@dword-design/minimasonry@0.0.5","maintainers":[{"name":"dword-design","email":"info@sebastianlandwehr.com"}],"homepage":"https://spope.github.io/MiniMasonry.js/","bugs":{"url":"https://github.com/Spope/MiniMasonry.js/issues"},"dist":{"shasum":"b61c4b82a92b2d5a8a0636a7c96d88227700c171","tarball":"https://registry.npmjs.org/@dword-design/minimasonry/-/minimasonry-0.0.5.tgz","fileCount":8,"integrity":"sha512-1ueVqP+NYuMXC63Zy+zbUhAiFhW8/A5lnKcHAcq16BsvggpVpObaYzb9B+e6d2W8nTezIxFPxYmOwtvnqXF24Q==","signatures":[{"sig":"MEUCIQC8Srx3exTl1ovrY1emWfUt+TxkLdaqcg4qF/+hTLl+ngIgYBNc/e1DUvUBWuoP3mtrzEv/b7Ui5e58dHvNpBjqlTc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26112},"main":"build/minimasonry.min.js","module":"build/minimasonry.esm.js","gitHead":"f1812cc6c3c52a13a4575474ced09ba320c58350","scripts":{"build":"rollup --config","start":""},"_npmUser":{"name":"dword-design","email":"info@sebastianlandwehr.com"},"repository":{"url":"git+https://github.com/Spope/MiniMasonry.js.git","type":"git"},"_npmVersion":"10.8.2","description":"Minimalist dependancy free Masonry layout library","directories":{},"_nodeVersion":"20.17.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.58.3","rollup-plugin-uglify":"^6.0.4","@rollup/plugin-commonjs":"^21.0.1"},"_npmOperationalInternal":{"tmp":"tmp/minimasonry_0.0.5_1731813094098_0.3105856654541834","host":"s3://npm-registry-packages"}},"0.0.6":{"name":"@dword-design/minimasonry","version":"0.0.6","keywords":["Masonry","Layout","Minimalist"],"author":{"name":"Spope"},"license":"MIT","_id":"@dword-design/minimasonry@0.0.6","maintainers":[{"name":"dword-design","email":"info@sebastianlandwehr.com"}],"homepage":"https://spope.github.io/MiniMasonry.js/","bugs":{"url":"https://github.com/Spope/MiniMasonry.js/issues"},"dist":{"shasum":"f6fd98e0f1caa8be3df061f861bdb4de8cd0bdef","tarball":"https://registry.npmjs.org/@dword-design/minimasonry/-/minimasonry-0.0.6.tgz","fileCount":8,"integrity":"sha512-hNqoddffOlIMGkIKygEsVGCWyHtO1vqDbLBORyo+f3aMidS676Z5Vc4bwSrjvjOCoCF3vZsaAqJqp3q0SQH3hA==","signatures":[{"sig":"MEUCIBP3JkBuF3b4UooKodb/foHRJk9pZeFRa2HNtXEgO/eoAiEA8jivmSUIogIXb9yzsMQ7llKZuQMQt95uZORwQjF/xbM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26139},"main":"build/minimasonry.min.js","module":"build/minimasonry.esm.js","gitHead":"e5a264d5742507378b640e3b4e248914a7f5647d","scripts":{"build":"rollup --config","start":""},"_npmUser":{"name":"dword-design","email":"info@sebastianlandwehr.com"},"repository":{"url":"git+https://github.com/Spope/MiniMasonry.js.git","type":"git"},"_npmVersion":"10.8.2","description":"Minimalist dependancy free Masonry layout library","directories":{},"_nodeVersion":"20.17.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.58.3","rollup-plugin-uglify":"^6.0.4","@rollup/plugin-commonjs":"^21.0.1"},"_npmOperationalInternal":{"tmp":"tmp/minimasonry_0.0.6_1731889257179_0.6707866654762162","host":"s3://npm-registry-packages"}},"0.0.7":{"name":"@dword-design/minimasonry","version":"0.0.7","keywords":["Masonry","Layout","Minimalist"],"author":{"name":"Spope"},"license":"MIT","_id":"@dword-design/minimasonry@0.0.7","maintainers":[{"name":"dword-design","email":"info@sebastianlandwehr.com"}],"homepage":"https://spope.github.io/MiniMasonry.js/","bugs":{"url":"https://github.com/Spope/MiniMasonry.js/issues"},"dist":{"shasum":"03009c1decf0c29484033a7f96e736256b76fac6","tarball":"https://registry.npmjs.org/@dword-design/minimasonry/-/minimasonry-0.0.7.tgz","fileCount":8,"integrity":"sha512-KxJg13XIrNERlWu8lLa6SOuYEGgF49kGlPhe+3mJv7FsME2Cr8iV9QhERR4QqAmO0Jyx99dtXoZjZy5gRZ1wfQ==","signatures":[{"sig":"MEYCIQCWaOibH0F7CTmwNeRPIiyLSOl5L/v7BmR5+AlbOUuG/wIhANHYukC4CAd+SHAv00Lp8eKy1KlER9vnGN/QPHNMfEjW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26127},"main":"build/minimasonry.min.js","module":"build/minimasonry.esm.js","gitHead":"c8c2080e876e1ba1a889b51f3d1e4ed2e303d5ce","scripts":{"build":"rollup --config","start":""},"_npmUser":{"name":"dword-design","email":"info@sebastianlandwehr.com"},"repository":{"url":"git+https://github.com/Spope/MiniMasonry.js.git","type":"git"},"_npmVersion":"10.9.0","description":"Minimalist dependancy free Masonry layout library","directories":{},"_nodeVersion":"22.11.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.58.3","rollup-plugin-uglify":"^6.0.4","@rollup/plugin-commonjs":"^21.0.1"},"_npmOperationalInternal":{"tmp":"tmp/minimasonry_0.0.7_1734399230642_0.9951090361298234","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@dword-design/minimasonry","description":"Minimalist dependancy free Masonry layout library","version":"0.0.8","devDependencies":{"@rollup/plugin-commonjs":"^21.0.1","rollup":"^2.58.3","rollup-plugin-uglify":"^6.0.4"},"scripts":{"start":"","build":"rollup --config"},"main":"build/minimasonry.min.js","module":"build/minimasonry.esm.js","dependencies":{},"repository":{"type":"git","url":"git+https://github.com/Spope/MiniMasonry.js.git"},"keywords":["Masonry","Layout","Minimalist"],"author":{"name":"Spope"},"license":"MIT","bugs":{"url":"https://github.com/Spope/MiniMasonry.js/issues"},"homepage":"https://spope.github.io/MiniMasonry.js/","_id":"@dword-design/minimasonry@0.0.8","gitHead":"ed90048345b0c78d7fc696ffef261d8fff0bc378","_nodeVersion":"22.11.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-osvao0TzIoufd3OHCeBGHukyGJrzTYt9wiO8NziSjh7wO/NVoG0VagR49PcA0Sa0zVIEaLG+CEVIM6GsHhSXYg==","shasum":"c5ba40740a43aa7543b3a7c7dcb3b9bfabd898dd","tarball":"https://registry.npmjs.org/@dword-design/minimasonry/-/minimasonry-0.0.8.tgz","fileCount":8,"unpackedSize":26148,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeEExDwtAhnGQfpUXM9424lh0IoZbRiyFZ352hc7ksEAIhAMWcRo7IHG257rrWxv95mRDvh0hN5aYDeLLj1bJf6oY9"}]},"_npmUser":{"name":"dword-design","email":"info@sebastianlandwehr.com"},"directories":{},"maintainers":[{"name":"dword-design","email":"info@sebastianlandwehr.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/minimasonry_0.0.8_1734402587780_0.5320694487917488"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-13T22:36:54.921Z","modified":"2024-12-17T02:29:48.161Z","0.0.1":"2024-08-13T22:36:55.223Z","0.0.2":"2024-08-13T22:48:06.351Z","0.0.3":"2024-08-13T23:17:43.617Z","0.0.4":"2024-11-17T03:03:19.449Z","0.0.5":"2024-11-17T03:11:34.269Z","0.0.6":"2024-11-18T00:20:57.419Z","0.0.7":"2024-12-17T01:33:50.818Z","0.0.8":"2024-12-17T02:29:47.982Z"},"bugs":{"url":"https://github.com/Spope/MiniMasonry.js/issues"},"author":{"name":"Spope"},"license":"MIT","homepage":"https://spope.github.io/MiniMasonry.js/","keywords":["Masonry","Layout","Minimalist"],"repository":{"type":"git","url":"git+https://github.com/Spope/MiniMasonry.js.git"},"description":"Minimalist dependancy free Masonry layout library","maintainers":[{"name":"dword-design","email":"info@sebastianlandwehr.com"}],"readme":"<p align=\"center\"><a href=\"https://spope.github.io/MiniMasonry.js/\" target=\"_blank\"><img width=\"100\" height=\"100\" src=\"https://spope.github.io/MiniMasonry.js/icon.png\"></a></p>\n\n# MiniMasonry.js\n\nMinimalist dependency free Masonry layout library\n\nMiniMasonry is a **lightweight** dependency free Masonry layout. It will compute elements position in JavaScript and update their positions using CSS's **transform attribute**. This means positioning does not trigger browser layout and **use** the device's **GPU**. This also allows CSS animation during element positioning.\n\nMiniMasonry is **responsive**, you give it a target width and it will adjust columns number and elements width. MiniMasonry will increase element width (until another column can fit in the layout) but will never reduce the target width.\n\n## Installation\n\nYou can install MiniMasonry by cloning the repository, downloading the build type (minimasonry.min.js / minimasonry.esm.js) or using npm :\n```shell\nnpm install minimasonry\n```\n\nThen, include the minified version of MiniMasonry.js on your website :\n```html\n<script src=\"node_modules/minimasonry/build/minimasonry.min.js\"></script>\n```\n\nor use it via ESM :\n```javascript\nimport MiniMasonry from \"minimasonry\";\n```\n\n## Usage\n\nTo use MiniMasonry you should have a container **relatively positioned** with your elements as children. Those **children** elements must be **absolutely positioned**.\n\nThen you can initialise MiniMasonry :\n\n```javascript\nvar masonry = new MiniMasonry({\n    container: '.masonry_transition'\n});\n```\n## Parameters\n\nHere is the list of available parameters :\n\nName | Default value | Description\n-----|---------------|------------\nbaseWidth (int)|255|Target width of elements.\ncontainer (string\\|HTMLElement)|Null|Container's selector or element. **Required**\ngutter (int)|10|Width / height of gutter between elements. Use gutterX / gutterY to set different values.\ngutterX (int)|null|Width of gutter between elements. Need gutterY to work, fallback to `gutter`.\ngutterY (int)|null|Height of gutter between elements. Need gutterX to work, fallback to `gutter`.\nminify (boolean)|true|Whether or not MiniMasonry places elements on the shortest column or keeps exact order of the list.\nsurroundingGutter (boolean)|true|Set left gutter on first columns and right gutter on last.\nultimateGutter (int)|5|Gutter applied when only 1 column can be displayed.\ndirection (string)|\"ltr\"|Sorting direction, \"ltr\" or \"rtl\".\nwedge (boolean)|false|False will start to sort from center, true will start from left or right according to direction parameter.\n\n## API\n\nHere is the list of available APIs :\n\nName|Description\n----|-----------\nlayout()|If list has changed, trigger a relayout of the masonry.\ndestroy()|Remove the resize listener and set back container as it was before initialization.\n\nMiniMasonry will add a \"resize\" event listener on the window to redraw the masonry on window resize. This listener is throttled to 66ms (15fps).\n\n## Example\n\n[See website](https://spope.github.io/MiniMasonry.js/)\n\n[codepen](https://codepen.io/Spope/pen/WNwrpyd)\n\n## License\n\nMIT\n\nMade by [Spope](https://spope.fr/)\n","readmeFilename":"README.md"}