{"_id":"@boemjay/daisy-grid","_rev":"11-200c74f29c36d441db74a53dfa344c63","name":"@boemjay/daisy-grid","dist-tags":{"latest":"1.2.0"},"versions":{"1.0.0":{"name":"@boemjay/daisy-grid","version":"1.0.0","_id":"@boemjay/daisy-grid@1.0.0","maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"dist":{"shasum":"5160f7bec98cbc0343c5fea07a652e6a5d8eda3d","tarball":"https://registry.npmjs.org/@boemjay/daisy-grid/-/daisy-grid-1.0.0.tgz","fileCount":7,"integrity":"sha512-yxbzjy3w22uPR0osvDsW2MLEPmTJVYSqHZ+HfeyJO6/1ho0nz/wqbX1oVw5KbLiFwfeXTL/uvuHB3tPSfRWVYA==","signatures":[{"sig":"MEYCIQCrCkP3TxxSRbkCFGaBBrpjES4ZpNKqkWbSGssR2oeSBAIhAKgPbscMQNvP2zvvaPpCL2aTZOh1vO/Ea0D2KzryZ7ni","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":369385},"type":"module","gitHead":"9a205abdc27e061e71cdb37ca852a67b72ec9d18","private":false,"scripts":{"dev":"rollup -c -w","build":"rollup -c","start":"sirv public --no-clear","build:css":"tailwindcss -i ./src/tailwind.css -o ./public/build/tailwind.css --minify"},"_npmUser":{"name":"boemjay","email":"benjamin.mollier@live.de"},"_npmVersion":"10.8.2","description":"---","directories":{},"_nodeVersion":"20.17.0","dependencies":{"sirv-cli":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"zod":"^3.23.8","rollup":"^4.24.4","svelte":"^4","postcss":"^8.4.47","typescript":"^5.6.3","tailwindcss":"^3.4.14","autoprefixer":"^10.4.20","rollup-plugin-dts":"^6.1.1","svelte-preprocess":"^6.0.3","postcss-load-config":"^6.0.1","rollup-plugin-svelte":"^7.2.2","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-css-only":"^4.5.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-livereload":"^2.0.5","@fullhuman/postcss-purgecss":"^6.0.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/daisy-grid_1.0.0_1730895598202_0.3386652399810339","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@boemjay/daisy-grid","version":"1.0.1","_id":"@boemjay/daisy-grid@1.0.1","maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"dist":{"shasum":"4dfcb8fc446c6e588874350e1d8c01f24181fdd0","tarball":"https://registry.npmjs.org/@boemjay/daisy-grid/-/daisy-grid-1.0.1.tgz","fileCount":7,"integrity":"sha512-U0a5hEfzmLtQR13JXbUkAFlGPShJDWwqaTuzQcrAMwnlzJSHbrSPfu7XWR6acPAzXBF88lGZVItsB8yk0UYVYg==","signatures":[{"sig":"MEYCIQDHP4m62lj2zyIsQ/yiNGrT+4AH5tWt73y6+nHGVdo6/gIhAPP9d274zb/EgUaBmu8Dp478mvhXZydToZXGvcdP0A3X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":368404},"type":"module","gitHead":"0654c9a502630b051dc37507817e7076d95c0ee9","private":false,"scripts":{"dev":"rollup -c -w","build":"rollup -c","start":"sirv public --no-clear","build:css":"tailwindcss -i ./src/tailwind.css -o ./public/build/tailwind.css --minify"},"_npmUser":{"name":"boemjay","email":"benjamin.mollier@live.de"},"_npmVersion":"10.8.2","description":"Here's a README for the Daisy Grid web component:","directories":{},"_nodeVersion":"20.17.0","dependencies":{"sirv-cli":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"zod":"^3.23.8","rollup":"^4.24.4","svelte":"^4","postcss":"^8.4.47","typescript":"^5.6.3","tailwindcss":"^3.4.14","autoprefixer":"^10.4.20","rollup-plugin-dts":"^6.1.1","svelte-preprocess":"^6.0.3","postcss-load-config":"^6.0.1","rollup-plugin-svelte":"^7.2.2","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-css-only":"^4.5.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-livereload":"^2.0.5","@fullhuman/postcss-purgecss":"^6.0.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/daisy-grid_1.0.1_1730896138148_0.2073575444199487","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@boemjay/daisy-grid","version":"1.0.2","_id":"@boemjay/daisy-grid@1.0.2","maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"dist":{"shasum":"c3172f0b08dc85baa46ae17ecc7d23c5b54b7185","tarball":"https://registry.npmjs.org/@boemjay/daisy-grid/-/daisy-grid-1.0.2.tgz","fileCount":7,"integrity":"sha512-GboC+YgYtqCH86/GiUN/HqrtCciafTpfd8j7nIRiGT6s7LlF5iY7RZnpolRCOlxGPEu5EML9OQFq9UQ1sXoDXg==","signatures":[{"sig":"MEUCIQDBMhuw1Q1FvuewquZRGwAY8Ps6DD+fpoNGny+DZVDojAIgB8Mqh0JXGEvnn+w4RK9/721mN4RWj1fB8uAzoXF3VCc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":368353},"type":"module","gitHead":"5ceb42a1674fddc081c21d9ace50b395e66a518a","private":false,"scripts":{"dev":"rollup -c -w","build":"rollup -c","start":"sirv public --no-clear","build:css":"tailwindcss -i ./src/tailwind.css -o ./public/build/tailwind.css --minify"},"_npmUser":{"name":"boemjay","email":"benjamin.mollier@live.de"},"_npmVersion":"10.8.2","description":"A customizable web component for displaying real-time information boards similar to those found in public transit systems. Built with Svelte and TypeScript.","directories":{},"_nodeVersion":"20.17.0","dependencies":{"sirv-cli":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"zod":"^3.23.8","rollup":"^4.24.4","svelte":"^4","postcss":"^8.4.47","typescript":"^5.6.3","tailwindcss":"^3.4.14","autoprefixer":"^10.4.20","rollup-plugin-dts":"^6.1.1","svelte-preprocess":"^6.0.3","postcss-load-config":"^6.0.1","rollup-plugin-svelte":"^7.2.2","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-css-only":"^4.5.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-livereload":"^2.0.5","@fullhuman/postcss-purgecss":"^6.0.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/daisy-grid_1.0.2_1730896222000_0.09348055038234282","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@boemjay/daisy-grid","version":"1.0.3","_id":"@boemjay/daisy-grid@1.0.3","maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"dist":{"shasum":"0d6cad86183b5d375282cecb836b4187a3a29da2","tarball":"https://registry.npmjs.org/@boemjay/daisy-grid/-/daisy-grid-1.0.3.tgz","fileCount":8,"integrity":"sha512-g5bpbqZO2rS2nqgR4IsLBsNUduTGg8wSb+CKYh85qF2ctmd70/EdtdIpCpqGMyEUInKAKaZTghNSXd6ok2IpnQ==","signatures":[{"sig":"MEUCIGLM1zuqMGaKHQh1OManPY2uUSvj5dtKUqFHlmujRvElAiEAngSvjYURqdHu9R90Z9oLKzN8HPXiRIWmHD1u8Y7fXmk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":295001},"type":"module","gitHead":"5ceb42a1674fddc081c21d9ace50b395e66a518a","private":false,"scripts":{"dev":"rollup -c -w","build":"rollup -c","start":"sirv public --no-clear","build:css":"tailwindcss -i ./src/tailwind.css -o ./public/build/tailwind.css --minify"},"_npmUser":{"name":"boemjay","email":"benjamin.mollier@live.de"},"_npmVersion":"10.8.2","description":"A customizable web component for displaying real-time information boards similar to those found in public transit systems. Built with Svelte and TypeScript.","directories":{},"_nodeVersion":"20.17.0","dependencies":{"sirv-cli":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"zod":"^3.23.8","rollup":"^4.24.4","svelte":"^4","postcss":"^8.4.47","typescript":"^5.6.3","tailwindcss":"^3.4.14","autoprefixer":"^10.4.20","rollup-plugin-dts":"^6.1.1","svelte-preprocess":"^6.0.3","postcss-load-config":"^6.0.1","rollup-plugin-svelte":"^7.2.2","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-css-only":"^4.5.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-livereload":"^2.0.5","@fullhuman/postcss-purgecss":"^6.0.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/daisy-grid_1.0.3_1730896924228_0.44326203604552195","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@boemjay/daisy-grid","version":"1.0.4","_id":"@boemjay/daisy-grid@1.0.4","maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"dist":{"shasum":"19bb4b168d1b83f19269506819b22afe7044dc05","tarball":"https://registry.npmjs.org/@boemjay/daisy-grid/-/daisy-grid-1.0.4.tgz","fileCount":8,"integrity":"sha512-b079YYQf3+pjKi8mt89JGU5FVvJcLY9t8oLztt2weP00bVoYvpaixNeoUuJD5AQbbOOt3sHcsIQ5chqgLbKHVA==","signatures":[{"sig":"MEQCICYnDenztcIu164GzVgLCj3lu1dJiPyYUEl+6lXsSKGQAiB0fFK5Mx0NgWYmFexgZ0oIOcRwAFoikRFHPYWxGA3fjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":295323},"type":"module","gitHead":"687d238bca29fc51a1653b2bb487df9d9514519a","private":false,"scripts":{"dev":"rollup -c -w","build":"rollup -c","start":"sirv public --no-clear","build:css":"tailwindcss -i ./src/tailwind.css -o ./public/build/tailwind.css --minify"},"_npmUser":{"name":"boemjay","email":"benjamin.mollier@live.de"},"_npmVersion":"10.8.2","description":"A customizable web component for displaying real-time information boards similar to those found in public transit systems. Built with Svelte and TypeScript.","directories":{},"_nodeVersion":"20.17.0","dependencies":{"sirv-cli":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"zod":"^3.23.8","rollup":"^4.24.4","svelte":"^4","postcss":"^8.4.47","typescript":"^5.6.3","tailwindcss":"^3.4.14","autoprefixer":"^10.4.20","rollup-plugin-dts":"^6.1.1","svelte-preprocess":"^6.0.3","postcss-load-config":"^6.0.1","rollup-plugin-svelte":"^7.2.2","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-css-only":"^4.5.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-livereload":"^2.0.5","@fullhuman/postcss-purgecss":"^6.0.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/daisy-grid_1.0.4_1730901402240_0.6199872444286769","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@boemjay/daisy-grid","version":"1.0.5","_id":"@boemjay/daisy-grid@1.0.5","maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"dist":{"shasum":"416947ca9e502b694291cd9c11bab853b9808cd2","tarball":"https://registry.npmjs.org/@boemjay/daisy-grid/-/daisy-grid-1.0.5.tgz","fileCount":8,"integrity":"sha512-l4W8/062HbaycRefC3KGkN5oqWetMrEcVlhl3aDK76oTFyBXKezA/yXyG1sETteClbKJrfcGOPFsBR5xhWZDqA==","signatures":[{"sig":"MEQCIC7PdGZNSBuAOUs1ThWtxWAuZxv2vtcgccTaDJX7FC6+AiAH8QGByp37GAM8yC8/hVbzp47vMn2OS2L3IZrsH4KNAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":295313},"type":"module","gitHead":"687d238bca29fc51a1653b2bb487df9d9514519a","private":false,"scripts":{"dev":"rollup -c -w","build":"rollup -c","start":"sirv public --no-clear","build:css":"tailwindcss -i ./src/tailwind.css -o ./public/build/tailwind.css --minify"},"_npmUser":{"name":"boemjay","email":"benjamin.mollier@live.de"},"_npmVersion":"10.8.2","description":"A customizable web component for displaying real-time information boards similar to those found in public transit systems. Built with Svelte and TypeScript.","directories":{},"_nodeVersion":"20.17.0","dependencies":{"sirv-cli":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"zod":"^3.23.8","rollup":"^4.24.4","svelte":"^4","postcss":"^8.4.47","typescript":"^5.6.3","tailwindcss":"^3.4.14","autoprefixer":"^10.4.20","rollup-plugin-dts":"^6.1.1","svelte-preprocess":"^6.0.3","postcss-load-config":"^6.0.1","rollup-plugin-svelte":"^7.2.2","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-css-only":"^4.5.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-livereload":"^2.0.5","@fullhuman/postcss-purgecss":"^6.0.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/daisy-grid_1.0.5_1730901630157_0.26830050078742573","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@boemjay/daisy-grid","version":"1.0.6","_id":"@boemjay/daisy-grid@1.0.6","maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"dist":{"shasum":"46f7c9941a11155a72607fbf2b84a1bd0e2c43fa","tarball":"https://registry.npmjs.org/@boemjay/daisy-grid/-/daisy-grid-1.0.6.tgz","fileCount":8,"integrity":"sha512-t2zOqq+RD+qWUqkR59qXL+Cfe94dSSWxUlS7lM6SMtUBECr5fnv8nQEh+3a5ExinX0jbE/2IrsYP0ZODNQok4w==","signatures":[{"sig":"MEUCIQCMlsznHGRPu18kokWol3IiPvxvURIuF6IZIyZSqzjCQgIgc4vRO+pPz8NOhrLr4F1Ge7e6BU9mqvk2x4pnKzxaRjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":295664},"type":"module","gitHead":"ed42174b1ff32fc0efbb4e7118860fb1d7ec3fa6","private":false,"scripts":{"dev":"rollup -c -w","build":"rollup -c","start":"sirv public --no-clear","build:css":"tailwindcss -i ./src/tailwind.css -o ./public/build/tailwind.css --minify"},"_npmUser":{"name":"boemjay","email":"benjamin.mollier@live.de"},"_npmVersion":"10.8.2","description":"A customizable web component for displaying real-time information boards similar to those found in public transit systems. Built with Svelte and TypeScript.","directories":{},"_nodeVersion":"20.17.0","dependencies":{"sirv-cli":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"zod":"^3.23.8","rollup":"^4.24.4","svelte":"^4","postcss":"^8.4.47","typescript":"^5.6.3","tailwindcss":"^3.4.14","autoprefixer":"^10.4.20","rollup-plugin-dts":"^6.1.1","svelte-preprocess":"^6.0.3","postcss-load-config":"^6.0.1","rollup-plugin-svelte":"^7.2.2","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-css-only":"^4.5.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-livereload":"^2.0.5","@fullhuman/postcss-purgecss":"^6.0.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/daisy-grid_1.0.6_1730902423138_0.5679455580706332","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@boemjay/daisy-grid","version":"1.0.7","_id":"@boemjay/daisy-grid@1.0.7","maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"dist":{"shasum":"f8d1a438908992624d867862738141508b5e67c1","tarball":"https://registry.npmjs.org/@boemjay/daisy-grid/-/daisy-grid-1.0.7.tgz","fileCount":6,"integrity":"sha512-/aOVSvKsptzk+Th5JyCc80GDJhFyt90kZI0W1gtCN2R987H8ynQoMJyoV4YnUOIHdQ3d6BqtDx5FAcd3Q9vCWw==","signatures":[{"sig":"MEYCIQDV8lUTsFfunEfA0o+JmKKVwOuFvQnm0ue4qSlyuwVnXQIhAKEah7EbHnlWmrLqnWAb5yS1RVPHJWTKExJihJMtMlFM","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":76835},"type":"module","gitHead":"3e02776085148eba780db27e702bc8c39498ad19","private":false,"scripts":{"dev":"rollup -c -w","build":"rollup -c","start":"sirv public --no-clear","build:css":"tailwindcss -i ./src/tailwind.css -o ./public/build/tailwind.css --minify"},"_npmUser":{"name":"boemjay","email":"benjamin.mollier@live.de"},"_npmVersion":"10.9.2","description":"A customizable web component for displaying real-time information boards similar to those found in public transit systems. Built with Svelte and TypeScript.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"sirv-cli":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"zod":"^3.23.8","rollup":"^4.24.4","svelte":"^4","postcss":"^8.4.47","typescript":"^5.6.3","tailwindcss":"^3.4.14","autoprefixer":"^10.4.20","rollup-plugin-dts":"^6.1.1","svelte-preprocess":"^6.0.3","postcss-load-config":"^6.0.1","rollup-plugin-svelte":"^7.2.2","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-css-only":"^4.5.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-livereload":"^2.0.5","@fullhuman/postcss-purgecss":"^6.0.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/daisy-grid_1.0.7_1741333645137_0.5679642734870605","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@boemjay/daisy-grid","version":"1.2.0","private":false,"type":"module","scripts":{"build:css":"tailwindcss -i ./src/tailwind.css -o ./public/build/tailwind.css --minify","build":"rollup -c","dev":"rollup -c -w","start":"sirv public --no-clear"},"devDependencies":{"@fullhuman/postcss-purgecss":"^6.0.0","@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-node-resolve":"^15.3.0","@rollup/plugin-terser":"^0.4.4","autoprefixer":"^10.4.20","postcss":"^8.4.47","postcss-load-config":"^6.0.1","rollup":"^4.24.4","rollup-plugin-css-only":"^4.5.2","rollup-plugin-dts":"^6.1.1","rollup-plugin-livereload":"^2.0.5","rollup-plugin-postcss":"^4.0.2","rollup-plugin-svelte":"^7.2.2","svelte":"^4","svelte-preprocess":"^6.0.3","tailwindcss":"^3.4.14","typescript":"^5.6.3","zod":"^3.23.8"},"dependencies":{"sirv-cli":"^3.0.0"},"_id":"@boemjay/daisy-grid@1.2.0","gitHead":"e30db7b645fc17a2cd5cc9d2b16bcdcd4e8a269f","description":"A customizable web component for displaying real-time information boards similar to those found in public transit systems. Built with Svelte and TypeScript.","_nodeVersion":"22.17.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-2PCcxRcduasRFTMppyneNPiTc5TULvEdrlhl45K7b4DIQGdEIhrjAzrlhoDRE6Y1uItq224RR57xDoBXP/OWeg==","shasum":"0f6654817b95dac90e3d19f2e0883ddee0fa999d","tarball":"https://registry.npmjs.org/@boemjay/daisy-grid/-/daisy-grid-1.2.0.tgz","fileCount":6,"unpackedSize":91950,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC2R6m+7JrMwjKFamiDaHgkjnxsHHHVVnHzR2stoydIPwIgJ919NNIRNAVIpYU+AW0cIoYzskAqnrQ99mCqsoRx/4A="}]},"_npmUser":{"name":"boemjay","email":"benjamin.mollier@live.de"},"directories":{},"maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/daisy-grid_1.2.0_1753780091612_0.5507702667293031"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-06T12:19:58.096Z","modified":"2025-07-29T09:08:11.950Z","1.0.0":"2024-11-06T12:19:58.367Z","1.0.1":"2024-11-06T12:28:58.343Z","1.0.2":"2024-11-06T12:30:22.174Z","1.0.3":"2024-11-06T12:42:04.433Z","1.0.4":"2024-11-06T13:56:42.460Z","1.0.5":"2024-11-06T14:00:30.315Z","1.0.6":"2024-11-06T14:13:43.430Z","1.0.7":"2025-03-07T07:47:25.367Z","1.1.0":"2025-06-12T10:57:28.226Z","1.2.0":"2025-07-29T09:08:11.794Z"},"description":"A customizable web component for displaying real-time information boards similar to those found in public transit systems. Built with Svelte and TypeScript.","maintainers":[{"name":"boemjay","email":"benjamin.mollier@live.de"}],"readme":"# Daisy Grid Web Component\n\nA customizable web component for displaying real-time information boards similar to those found in public transit systems. Built with Svelte and TypeScript.\n\n## Features\n\n- Real-time updates via WebSocket connection\n- Customizable display colors and text\n- Support for multiple transit lines (U1-U9)\n- Optional delete functionality for equipment entries\n- Responsive grid layout\n- Smooth scrolling text animation for long messages\n\n## Installation\n\n```bash\nnpm install @boemjay/daisy-grid\n```\n\n## Usage\n\n1. Import the required CSS and JavaScript files in your HTML:\n\n```html\n\n\n```\n\n2. Add the web component to your HTML:\n\n```html\n\n```\n\n3. Configure the equipment data and optional delete callback:\n\n```javascript\nconst grid = document.getElementById(\"daisy-grid\");\ngrid.equipments = [\n {\n id: \"unique-id\",\n name: \"Station Name\",\n line: \"U7\",\n platform: 1,\n },\n];\ngrid.onDelete = (equipment) => console.log(\"deleted\", equipment);\n```\n\n## Properties\n\n| Property | Type | Description |\n| --------------- | -------- | --------------------------------------- |\n| websocketUrl | string | URL for the WebSocket server |\n| websocketApiKey | string | API key for authentication |\n| equipments | Array | Array of equipment objects |\n| onDelete | Function | Optional callback for delete operations |\n| elaPlayText | string | Label of the ELA \"play\" button |\n| elaLoadingText | string | Label of the ELA \"loading\" button |\n| elaStopText | string | Label of the ELA \"stop\" button |\n\n## Equipment Object Structure\n\n```typescript\ninterface Equipment {\n id: string;\n name: string;\n line: \"U1\" | \"U2\" | \"U3\" | \"U4\" | \"U5\" | \"U6\" | \"U7\" | \"U8\" | \"U9\";\n platform?: number;\n}\n```\n\n## Styling\n\nThe component uses Tailwind CSS for styling.\nYou can customize the container or single display-items using:\n\n```css\n.daisy-grid-container {\n max-width: 1490px;\n margin: 0 auto;\n}\n.daisy-item {\n min-width: 500px;\n max-width: 900px;\n}\n```\n\n## Development\n\n1. Clone the repository\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n3. Start development server:\n\n```bash\nnpm run dev\n```\n\n4. Build for production:\n\n```bash\nnpm run build\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}