{"_id":"@douganderson444/svelte-fillvert","_rev":"3-aa8b6bd16a5927c9c066a75647f9152f","name":"@douganderson444/svelte-fillvert","dist-tags":{"latest":"2.0.0"},"versions":{"0.0.1":{"name":"@douganderson444/svelte-fillvert","version":"0.0.1","devDependencies":{"@sveltejs/adapter-auto":"next","@sveltejs/kit":"next","@sveltejs/package":"^1.0.0-next.5","prettier":"^2.6.2","prettier-plugin-svelte":"^2.7.0","svelte":"^3.44.0","svelte-check":"^2.7.1","svelte-preprocess":"^4.10.6","tslib":"^2.3.1","typescript":"^4.7.4","vite":"^3.1.0"},"type":"module","repository":{"type":"git","url":"git+https://github.com/DougAnderson444/svelte-fillvert.git"},"keywords":["svelte","fillvert","fill","vertical","flex","flexbox"],"author":{"name":"Doug Anderson"},"license":"MIT","bugs":{"url":"https://github.com/DougAnderson444/svelte-fillvert"},"homepage":"https://github.com/DougAnderson444/svelte-fillvert","exports":{"./package.json":"./package.json","./FillHeight.svelte":"./FillHeight.svelte",".":"./index.js"},"svelte":"./index.js","types":"./index.d.ts","gitHead":"0366df6eff21061665c36a902da2eb6a729abb99","description":"Fills app to visible height, even on mobile.","_id":"@douganderson444/svelte-fillvert@0.0.1","_nodeVersion":"18.5.0","_npmVersion":"8.13.2","dist":{"integrity":"sha512-OaedN5HV116YSW+W1BplckQ/F1bTOrqnRMkNFHzDiRFYq39FiJoOXsDnuR0E1yyyVGq4Nty4MPrN4j6l2xDUSQ==","shasum":"969eae567564e78165ed5341d2c27aa9f8466b80","tarball":"https://registry.npmjs.org/@douganderson444/svelte-fillvert/-/svelte-fillvert-0.0.1.tgz","fileCount":6,"unpackedSize":2991,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICM87Jj4SwQi70syxmDFgtFNyvLzp+XC7Rk4aBs6RSwGAiBcCTM0Ws6IzlbFpfWJPe4+RKfLp+rBwffejHH/UAyO3A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjK21XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbGA//Q2G0+PPqSJOpGY33Pn+j/erLEJs7WB264ar0bAPkK1xTc0Vq\r\nzSTTWxo6ClANUXOr4D4nEYPbwfe0KSxR943kux07zUlsVy0WNDJE3qdbCTqm\r\noZjPPjqPjxv5dLz0E3IR+3Gz/49iL9ZqNF5RelNdeMPW7N3OWj9fawehlWAh\r\ntKRYUqBOIsOVkTM//U+tacD00+UusA1SLz3p8W6TRCDrtYtPFgD0cTeZwgzL\r\nvbvoUbORZTiGGwzQkdQj6gVhk4EF9XBG2JlDE6gJ46RXTSMIrug/m1+DUMaq\r\nJQk7O90RnGktpkkbtT1bN2qdq9eEgmaqpDgBKIbaxmb2xY/tYKiU4iZ3xkWH\r\nO79c8UjphN3Li6ZvvwZbrH925o6dSJ6IwFIpRKWViZU1RiLaxuCdbFynMbxE\r\nEFgvRuMsYPJIsEmBGdhI94Hb3RAoUl0Dy3v06jKueIWFsWLmLY54VbF1L16f\r\nAjNf2NbI6opUE45SK5uQn6EGT0LzW5C/b8puoYN5AHlZRJquphjbZkrVsQPm\r\nTTnjGplZDAaUuZuUt7oLuXtnUBoebn16gYppAMrh8qnMG0YpAaPAJRPUHcHH\r\nQkhxE89uEECXN1dEp3PASMuDKQhzV9TApJXPXcy9DoArJJ0HeMzUxu6SNops\r\n+hBd7igBzE3uyOvZaNwcAUkDRAfs9O5gZn0=\r\n=l9iH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"douganderson444","email":"douganderson444@gmail.com"},"directories":{},"maintainers":[{"name":"douganderson444","email":"douganderson444@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-fillvert_0.0.1_1663790423733_0.9698551341302566"},"_hasShrinkwrap":false},"1.0.0":{"name":"@douganderson444/svelte-fillvert","version":"1.0.0","devDependencies":{"@sveltejs/adapter-auto":"next","@sveltejs/kit":"next","@sveltejs/package":"^1.0.0-next.5","prettier":"^2.6.2","prettier-plugin-svelte":"^2.7.0","svelte":"^3.44.0","svelte-check":"^2.7.1","svelte-preprocess":"^4.10.6","tslib":"^2.3.1","typescript":"^4.7.4","vite":"^3.1.0"},"type":"module","repository":{"type":"git","url":"git+https://github.com/DougAnderson444/svelte-fillvert.git"},"keywords":["svelte","fillvert","fill","vertical","flex","flexbox"],"author":{"name":"Doug Anderson"},"license":"MIT","bugs":{"url":"https://github.com/DougAnderson444/svelte-fillvert"},"homepage":"https://github.com/DougAnderson444/svelte-fillvert","exports":{"./package.json":"./package.json","./FillHeight.svelte":"./FillHeight.svelte","./FillHeightCustomElement.svelte":"./FillHeightCustomElement.svelte",".":"./index.js"},"svelte":"./index.js","types":"./index.d.ts","gitHead":"021180fd0ac14857b043abf578619f3cd447f138","description":"Fills app to visible height, even on mobile.","_id":"@douganderson444/svelte-fillvert@1.0.0","_nodeVersion":"18.5.0","_npmVersion":"8.13.2","dist":{"integrity":"sha512-n3jk+2Kj+z4SnKYxfvJ/748fTdccR5yUmiZ6I7dpOq8W0XPrntHjx/bqqhDV4hQ6861F0SaA7/6A+aMK6QKeFA==","shasum":"42a36104ed4f6d663c803ffe1703089be4f48423","tarball":"https://registry.npmjs.org/@douganderson444/svelte-fillvert/-/svelte-fillvert-1.0.0.tgz","fileCount":8,"unpackedSize":4144,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGBtrYCpvh0KDxkJId4gvt+gOBJEYEu/bxLsXr4Yhh81AiEA41Yxla4y0tCgT8Xpg3dqMY3r0gYpQOnP7y1rmO6BHKc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjK3efACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpbcg//TBK1Y43mGSMNhCB8czxnIYGE6Uy2gWLU8FwW2acrDYJJ9ElD\r\nJaxDZH1skY4/+NawFWKvPwIpRnDue5lKLijDnZ578sTxHUPGlW0hWaMM3sqN\r\neqFnpk1cxKEoD/jnQfA9e4RGdc23qs97AFKIwoF/6W322Gi1e3pfl2KaqQ8c\r\nsOxhtsE3EK0PX58k2+h+V9L+sK2smXpyEydMXi/NuYlCZX1UidrgGTsvvMUs\r\ntHbqI8GtFcfO/pjCqWwUQCTCmdNdLqNbPrkJVw3mYaVlMNxUwcpyOjvMQ7dx\r\nUUW54c59MSnQi4kgz6XBzp/KuOKlpQk/yrtj+0SOMtSrUzYtAtu7iL2ia0KE\r\n2G339SkVcDdPjsSoa5JepMJWuqxznpCjm7Omt+oDWFS8JojsiY4ckYK6cLYO\r\nX4mUNIp+cF3JE/vNTLlh1ew1w7LcoNeG0KmZckqvuXxxWAJ185jdz4fCRma3\r\njr334APUg1OGZhAdK+IVqkZ2/21eEPzmP14FB5js/Q9gYTAbnHnRUK1zyRDM\r\n/V3lKuzaMZieYzlMeCSSuCAIfZKnxdGA//hNM/t0vOZAn3q/qbl3onex3XPA\r\nLN3vG7wUdrTPS7X6dC4a/UAmzXnbhdkUxkQc6JobJOr3MTf4ZjDuzklNYTNZ\r\np3alxSyLhQ1T8gk9Pl2N+BAcU+RnKeLbejE=\r\n=ZdzD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"douganderson444","email":"douganderson444@gmail.com"},"directories":{},"maintainers":[{"name":"douganderson444","email":"douganderson444@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-fillvert_1.0.0_1663793054817_0.36933080608281976"},"_hasShrinkwrap":false},"1.0.1":{"name":"@douganderson444/svelte-fillvert","version":"1.0.1","devDependencies":{"@sveltejs/adapter-auto":"next","@sveltejs/kit":"next","@sveltejs/package":"^1.0.0-next.5","prettier":"^2.6.2","prettier-plugin-svelte":"^2.7.0","svelte":"^3.44.0","svelte-check":"^2.7.1","svelte-preprocess":"^4.10.6","tslib":"^2.3.1","typescript":"^4.7.4","vite":"^3.1.0"},"type":"module","repository":{"type":"git","url":"git+https://github.com/DougAnderson444/svelte-fillvert.git"},"keywords":["svelte","fillvert","fill","vertical","flex","flexbox"],"author":{"name":"Doug Anderson"},"license":"MIT","bugs":{"url":"https://github.com/DougAnderson444/svelte-fillvert"},"homepage":"https://github.com/DougAnderson444/svelte-fillvert","exports":{"./package.json":"./package.json","./FillHeight.svelte":"./FillHeight.svelte","./FillHeightCustomElement.svelte":"./FillHeightCustomElement.svelte",".":"./index.js"},"svelte":"./index.js","types":"./index.d.ts","gitHead":"e660e279ab4753cc19bd69815e1f6f4d2064dd5e","description":"Fills app to visible height, even on mobile.","_id":"@douganderson444/svelte-fillvert@1.0.1","_nodeVersion":"18.5.0","_npmVersion":"8.13.2","dist":{"integrity":"sha512-LDbh1EZ+KamPlnI5/RHIcqZrAEwRitDsSg5SXtqIuvfM+GFfiZ0AVrNDarK61oXjACfzv9535B39A5sf1Qkb5Q==","shasum":"8fc85def1963736966ec42da277b127f1311612e","tarball":"https://registry.npmjs.org/@douganderson444/svelte-fillvert/-/svelte-fillvert-1.0.1.tgz","fileCount":8,"unpackedSize":4144,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH8IgcN/9odBclI4CDRhHTMHr6ZX/iTOzfSVO/sQL/zwAiEA7O60lOCgAgnPMGKdCP4dCrBVfErWfi2HOeR24C2/SNQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjua3qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVUw/9GY+/KgElud6a1+AuOm2h8XfLflB/dn7C0D5L8yYisqlaK8ze\r\ndTA7U5wJFORypwGqcBG8dyBQmkwPmgvqzNeWISAth+YdeUh7Ty6dXfzkaJdT\r\n3RWshWgJl1tIPL24lTY3PxKTswfwxx55lQuOHEfli8NggvLjOHg0OJvfondd\r\nRdzR2NrjAMTTDyLaApxTWWwzm07Pj6+8OTUpSeD0G6m2qUhqX9PhPqDc1+XA\r\nihmturPRV+ohOE+YUE0OyNbzaH7BXYKknAIqTsZ8jgYlfS6uvMjrkvBYVg7f\r\nowm2P6/sV5pKYoJHIxZroY+y+WjtFMtr0qiNYpIQA3JNL7cZKlkA2JSO2UrP\r\nqkgmNteMD6E897YXp8EKOLO0IwtG1Buw/2enBZEz+uaSU/rLWgOEDE3KUnGr\r\n/nWMoMb1HXt5g8KoXf7l3kT1d6cr//45LHxeM3n5p/PaF7PVb1HnzacLLzHh\r\nBFPI2D80bVuhjai6gS7dgR2T4M4EKmjm+vBSHR9wlLFwLPtr2o7xRAfJ0+yu\r\n4QVHNIEjOPBLTPgrs2nbkt/W9emt1pYuq3z9iT2Hz419OYqYyaJwHKASao1j\r\nnIkuG4zJvlTZNqyS0g8gypGdL/x1C96MPKAOcDQCGtTb2tWzp0yqtdWFD3TB\r\nYJb2VkgS3IY4H8m8zpwBCHINGqHVEujBLfE=\r\n=jOWo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"douganderson444","email":"douganderson444@gmail.com"},"directories":{},"maintainers":[{"name":"douganderson444","email":"douganderson444@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-fillvert_1.0.1_1673113066504_0.1394903907011633"},"_hasShrinkwrap":false},"2.0.0":{"name":"@douganderson444/svelte-fillvert","version":"2.0.0","scripts":{"dev":"vite dev","build":"vite build","package":"svelte-package","publish:npm":"npm publish ./package --access public","preview":"vite preview","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","lint":"prettier --plugin-search-dir . --check .","format":"prettier --plugin-search-dir . --write ."},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js","import":"./dist/index.js"}},"peerDependencies":{"svelte":"^4.2.7"},"devDependencies":{"@sveltejs/adapter-auto":"^3.0.0","@sveltejs/kit":"^2.0.0","@sveltejs/package":"^2.3.1","prettier":"^3.1.1","prettier-plugin-svelte":"^3.1.2","svelte":"^4.2.7","svelte-check":"^3.6.0","svelte-preprocess":"^5.1.3","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^5.0.3"},"type":"module","repository":{"type":"git","url":"git+https://github.com/DougAnderson444/svelte-fillvert.git"},"keywords":["svelte","fillvert","fill","vertical","flex","flexbox"],"author":{"name":"Doug Anderson"},"license":"MIT","bugs":{"url":"https://github.com/DougAnderson444/svelte-fillvert"},"homepage":"https://github.com/DougAnderson444/svelte-fillvert","_id":"@douganderson444/svelte-fillvert@2.0.0","gitHead":"ef7a449db1c58465cc8ad73897494640cc73703f","description":"Fills app to visible height, even on mobile.","_nodeVersion":"18.17.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-3ZcfzaTVtlCfsQTv3kfpNRAmMXijaJnMl989kua2jBL252IAVXz9Vai7gzO5DaLb0qkAGJtZDOYSkw5mN5uEKg==","shasum":"72f9a35a26fce5dde770e8df090af81272f6bbf9","tarball":"https://registry.npmjs.org/@douganderson444/svelte-fillvert/-/svelte-fillvert-2.0.0.tgz","fileCount":8,"unpackedSize":4463,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZhlAec3Hnup1PMrDV8APZ6pK+UqC1SPeeS+eHBkKAbwIhAJEEQkTLFRdwEjk+tDOnYabSsT3B3Fs5Kq+ntKgA3qyS"}]},"_npmUser":{"name":"douganderson444","email":"douganderson444@gmail.com"},"directories":{},"maintainers":[{"name":"douganderson444","email":"douganderson444@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-fillvert_2.0.0_1712575371299_0.12249734273876989"},"_hasShrinkwrap":false}},"time":{"created":"2022-09-21T20:00:23.661Z","0.0.1":"2022-09-21T20:00:23.918Z","modified":"2024-04-08T11:22:51.599Z","1.0.0":"2022-09-21T20:44:14.977Z","1.0.1":"2023-01-07T17:37:46.702Z","2.0.0":"2024-04-08T11:22:51.463Z"},"maintainers":[{"name":"douganderson444","email":"douganderson444@gmail.com"}],"description":"Fills app to visible height, even on mobile.","homepage":"https://github.com/DougAnderson444/svelte-fillvert","keywords":["svelte","fillvert","fill","vertical","flex","flexbox"],"repository":{"type":"git","url":"git+https://github.com/DougAnderson444/svelte-fillvert.git"},"author":{"name":"Doug Anderson"},"bugs":{"url":"https://github.com/DougAnderson444/svelte-fillvert"},"license":"MIT","readme":"# Svelte Fill Height\n\nFills app to visible height, even on mobile.\n\nZero dependencies. Just convenience.\n\n## Why\n\nBecause `style: height: 100%` requires the parent HTML element to have an actual `px` height to refer to, and you might not know what the height of the viewport is (let alone know how to set it!). This library gets the height, and sets the css height to this value. It's even more critical on mobile when the soft keyboard pops up and the height gets interesting.\n\n## Usage\n\nUsign Svelte:\n\n```svelte\n<script>\n\timport FillVertical from '@douganderson444/svelte-fillvertical';\n</script>\n\n<FillVertical>\n\t<div style=\"height: 100%; background-color: aquamarine;\">\n\t\t<div>Now this div will actually fill to 100%</div>\n\t</div>\n</FillVertical>\n```\n\nUsing vanilla HTML and JS:\n\n> TODO.\n\n## Defaults\n\nThe component sets body margin and padding to zero:\n\n```js\ndocument.body.style.padding = '0';\ndocument.body.style.margin = '0';\n```\n","readmeFilename":"README.md"}