{"_id":"@allensulzen/social-icon-bar","_rev":"1-dea463d49e93236b7a5434f2cff325db","name":"@allensulzen/social-icon-bar","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@allensulzen/social-icon-bar","version":"1.0.0","description":"A Web Component that displays social media icons and links.","main":"social-icon-bar.js","scripts":{"minify":"terser social-icon-bar.js -c ecma=2015,computed_props=false -o social-icon-bar.min.js"},"repository":{"type":"git","url":"git+https://github.com/allensulzen/social-icon-bar.git"},"keywords":["Web","Component","Social","Media","Icons","Links"],"author":{"name":"Allen Sulzen"},"license":"Apache-2.0","bugs":{"url":"https://github.com/allensulzen/social-icon-bar/issues"},"homepage":"https://github.com/allensulzen/social-icon-bar#readme","devDependencies":{"terser":"^5.30.3"},"gitHead":"1d283a0a16dfb00520a80dcce80f34f7d8e6c034","_id":"@allensulzen/social-icon-bar@1.0.0","_nodeVersion":"20.12.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-Mp808ukYy5Xx4SUgcb7XWmKz7HvIgBZJeEvwKwOujOsVFWUe3oOieCo07D2veuM9VBbHaqHsq1YisTmRiu206Q==","shasum":"265a38ac2560778b45adc1c389ecaabaad0c9cf4","tarball":"https://registry.npmjs.org/@allensulzen/social-icon-bar/-/social-icon-bar-1.0.0.tgz","fileCount":6,"unpackedSize":34476,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBZVsiNjUUjmwngFFHUpJgDdvjVkBB1lmzJNid6+09+HAiEAxopXJaD41VQghnTQNtK0+ms7m3pVUaFGK7yL5Zz6kSk="}]},"_npmUser":{"name":"allensulzen","email":"allensulzen1@gmail.com"},"directories":{},"maintainers":[{"name":"allensulzen","email":"allensulzen1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/social-icon-bar_1.0.0_1713223238431_0.522977752631002"},"_hasShrinkwrap":false},"1.0.1":{"name":"@allensulzen/social-icon-bar","version":"1.0.1","description":"A Web Component that displays social media icons and links.","main":"social-icon-bar.js","scripts":{"minify":"terser social-icon-bar.js -c ecma=2015,computed_props=false -o social-icon-bar.min.js"},"repository":{"type":"git","url":"git+https://github.com/allensulzen/social-icon-bar.git"},"keywords":["Web","Component","Social","Media","Icons","Links"],"author":{"name":"Allen Sulzen"},"license":"Apache-2.0","bugs":{"url":"https://github.com/allensulzen/social-icon-bar/issues"},"homepage":"https://github.com/allensulzen/social-icon-bar#readme","devDependencies":{"terser":"^5.30.3"},"gitHead":"b9db97c256f8eb641ea750dc782f2ce2c3089c8f","_id":"@allensulzen/social-icon-bar@1.0.1","_nodeVersion":"20.12.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-lmpGpX+2EaPZcgU99ZfqY3hH2GsG0BP8uvVneP4ktQ49uI/mBIQrVcgqUozygdc73fWsRQ0RN9yPXpKNSjOGuw==","shasum":"e0b7c5c25ba1442b64c6299510383f480e988959","tarball":"https://registry.npmjs.org/@allensulzen/social-icon-bar/-/social-icon-bar-1.0.1.tgz","fileCount":6,"unpackedSize":36800,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAWUdhUCLDLYPEbgulY10L+e/JDlhnxCyO8rLzLuRNkRAiEAriRxwrbFyIR2LERihZ5onp201dQvYnIrU8Fl1z5rwx0="}]},"_npmUser":{"name":"allensulzen","email":"allensulzen1@gmail.com"},"directories":{},"maintainers":[{"name":"allensulzen","email":"allensulzen1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/social-icon-bar_1.0.1_1713223444080_0.10987871543849081"},"_hasShrinkwrap":false}},"time":{"created":"2024-04-15T23:20:38.313Z","1.0.0":"2024-04-15T23:20:38.599Z","modified":"2024-04-15T23:24:04.415Z","1.0.1":"2024-04-15T23:24:04.240Z"},"maintainers":[{"name":"allensulzen","email":"allensulzen1@gmail.com"}],"description":"A Web Component that displays social media icons and links.","homepage":"https://github.com/allensulzen/social-icon-bar#readme","keywords":["Web","Component","Social","Media","Icons","Links"],"repository":{"type":"git","url":"git+https://github.com/allensulzen/social-icon-bar.git"},"author":{"name":"Allen Sulzen"},"bugs":{"url":"https://github.com/allensulzen/social-icon-bar/issues"},"license":"Apache-2.0","readme":"# Social Icon Bar\n\nA custom web component for displaying a bar of social media icons.\n\n## Usage\n\n### NPM\n\nTo install the package, run the following command:\n\n```bash\nnpm install @allensulzen/social-icon-bar\n```\n\nThen import the package into your project:\n\n```javascript\nimport 'social-icon-bar';\n```\n\n### CDN\n\nTo use the package via CDN, include the following script tag in your HTML file:\n```html\n<script src=\"https://unpkg.com/@allensulzen/social-icon-bar\"></script>\n```\n\n## Properties\n\n| Attribute | Description | Default |\n|-----------|-------------|---------|\n| `icons` | JSON string of icons to display. | None |\n| `prefix` | Icon prefix. | `bxl` |\n| `backgroundColor` | Background color of the icon bar. | `black` |\n| `iconColor` | Color of the icon. | `white` |\n| `align` | Alignment of the icon bar. | `center` |\n| `position` | Position of the icon bar. | `top` |\n| `iconHoverColor` | Hover color of the icon. | `skyblue` |\n| `iconSize` | Size of the icon. | `1.5rem` |\n\n## Slots\n\n| Slot | Description |\n|------|-------------|\n| `before` | Slot for content before the icons. |\n| `after` | Slot for content after the icons. |\n\n## Events\n\n| Event | Description |\n|-------|-------------|\n| `socialIconBarRender` | Event fired when the component renders. |\n\n## Usage\n\n```html\n<social-icon-bar\n    icons='[{\"site\":\"facebook\", \"url\":\"https://facebook.com\"}, {\"site\":\"twitter\", \"url\":\"https://twitter.com\"}]'\n    prefix=\"bxl\"\n    backgroundColor=\"black\"\n    iconColor=\"white\"\n    align-icons=\"center\"\n    position=\"top\"\n    iconHoverColor=\"skyblue\"\n    iconSize=\"1.5rem\"\n>\n    <div slot=\"before\">Content before the icons</div>\n    <div slot=\"after\">Content after the icons</div>\n</social-icon-bar>\n```","readmeFilename":"README.md"}