{"_id":"@coffeekraken/icon-webcomponent","_rev":"5-74843a3d3614d9a9ee94493f66c64d5a","name":"@coffeekraken/icon-webcomponent","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@coffeekraken/icon-webcomponent","version":"1.0.0","description":"Easily integrate icons using various driver like \"img\", \"fonticon\", \"svg\", \"fontawesome\", \"material\" and \"foundation\"","main":"js/index.js","homepage":"http://coffeekraken.io","repository":{"type":"git","url":"git+https://github.com/coffeekraken/coffeekraken.git"},"scripts":{"postinstall":"node ./scripts/postinstall.js"},"keywords":["icon","font","img","svg","fontawesome","material","foundation","webcomponent","component","html","sugar","coffee","kraken","coffeekraken"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","dependencies":{"@coffeekraken/sugar":"^1.0.5","axios":"^0.19.0"},"devDependencies":{"fs-extra":"^8.1.0"},"bugs":{"url":"https://github.com/coffeekraken/coffeekraken/issues"},"_id":"@coffeekraken/icon-webcomponent@1.0.0","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-Ag+x3rc0VDMQuItCYtF6uLaZV2I1vkLXpp5+7WX6gxtjsmIKEvPlb8aKmfXmY60KutpbMHwdPgDd9jg55F6+pg==","shasum":"aab1af1bbb3027bc2414055dd991ace4159ed2c2","tarball":"https://registry.npmjs.org/@coffeekraken/icon-webcomponent/-/icon-webcomponent-1.0.0.tgz","fileCount":171,"unpackedSize":413357,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd9j7wCRA9TVsSAnZWagAAzU4QAKIJ2Jkr8Z8Io7ssxekl\nZG2P0Z7wZi9dO7CuIaYPjZ+umwYzgQS/QWk4Ila3ZaAC4jo5oLjvNqcwRzIK\nU/8WrmYwBxESQKeGo1QuBqQByRx9MA4T2U9NlA4DQRq+1QuOM9SaoF3eaS0v\ncZTfpOwmYTwNXhEPTy0wGp7d9CNf0vT8scG3YHpasrQ7TLO9J3xxSUmYGYkE\nfz/znkg7zg70JM3nomg/Sx2Pv3oNRGUOUaBMDpMLQ3hwoHZZsFGGNs6uuuDY\ne2NZXaLYZ73SZIalhSK2tmoS5cgObMk4aGit5OjT91d78jOvCDbohzP/kS56\neaaXbuNYQ1otSn3w0Mik9bcO4Q2b8rI9OZA8wPWV6QfZn07/8EdAs91hnoy8\nDzofoSBNzDx6pXMKMfN4meVkTwFwtyhvUNnEWg8h6X/pe+wfpGNdpq5UA4Q9\nzwdd04CTRgibOyZc9/oT37hkBjoJDClBeXNKNUEAwnnOUztqcnrMgI4S5TMy\n5Woh8rxxYy3Evtd4zToemPRZQHk6rGDfooRkVFg5e/Ln8Hw9EQGRtcVNLyZM\np8QhZq94T8M9MmfckxswDjt1JzMqvO53sJtkdlaCmz8ikvONEkQ/vf3RrNDq\nHz3vQKiOxS7fdcGLzRycGDkgxR+X8a+RCCjN4ZrwRLTZ1Ql2btGCsOuaKVCB\njDjP\r\n=HcXs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG860NMn2oytXsfjBKd75ui+U+GmqR+LOTqlaxjCfmHDAiANbeYHlu7fjIW+rkKOJRCWWkTGaqHrK3N0L0zZq7Esuw=="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon-webcomponent_1.0.0_1576419056529_0.009206739355914095"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.1":{"name":"@coffeekraken/icon-webcomponent","version":"1.0.1","description":"Easily integrate icons using various driver like \"img\", \"fonticon\", \"svg\", \"fontawesome\", \"material\" and \"foundation\"","main":"js/index.js","homepage":"http://coffeekraken.io","repository":{"type":"git","url":"git+https://github.com/coffeekraken/coffeekraken.git"},"scripts":{"postinstall":"node ./scripts/postinstall.js"},"keywords":["icon","font","img","svg","fontawesome","material","foundation","webcomponent","component","html","sugar","coffee","kraken","coffeekraken"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","dependencies":{"@coffeekraken/sugar":"^1.0.5","axios":"^0.19.0"},"devDependencies":{"fs-extra":"^8.1.0"},"bugs":{"url":"https://github.com/coffeekraken/coffeekraken/issues"},"_id":"@coffeekraken/icon-webcomponent@1.0.1","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-ezQJS+WkixjOzHnHGGVfurX1Uex0EgsUh5/Mtc5k5/rfwIyb+A134zofBQaa3v9kBtRVEcpg4vv9r/1s5+9ZYA==","shasum":"bd383425e9449a81ef0b5266d17013f279a901d5","tarball":"https://registry.npmjs.org/@coffeekraken/icon-webcomponent/-/icon-webcomponent-1.0.1.tgz","fileCount":171,"unpackedSize":723002,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/9rXCRA9TVsSAnZWagAAMNIQAJjKftx1g4arUdnoeWsm\ncB1IN5qjnBJGOpPFKbrIFYn17x6WS19/BR4CiSl5lBR4I46ulqyrO55/BDZJ\nb+Rspf58U8jh1mdtQlCebH9cE6zRSTKHguSjMZfFMSjDVjF4o8CIqZa/b0Ve\neGp+WtXxTFJ1ezLvVqNltkCAuE+FE9nSKDZ7Cs7ceSs16Ppreqb2ha/XSBgW\nXNUsa9zktp3kkTpZs22btVNEZP5AeR5J1SP9IH5PGyDDEn9edi/k1WC66WWN\nbFPPCgrkuMi7kEevPKelvjLloLwInOpAl7KnqdbO5PkJNgb/xZFt83cdQuJ/\n+EGOFhRf0PCSxxB+xvnQa1C4kMqzysthcPOiEz/sCW/sjPG4fXWfebSEBj28\ny6hcgAcPpbJFM1IWpjup8gmZtqNVElRkHjP4cTv41diH8YKGMvW7uDcXKMpu\nxbetdw4KQtiLPIZIQ3GLCaJ+n+uR7G3USWdXy1EXdl6gBceOPUjqWDl926By\n5f+heNyKPuBXFxeQVis9cGmIhDURPywkFMZqqXyvTm690E1aK+fshR/RAmFW\n2au0qle7uVIQtcbttHIvYkqha1alAl9C3IywkR1voIsGjFt5uwNuybh9xsCf\nSlkT4AHheExWbadozbCZf+i2sZMyrpP1uhIZyyI2AuIXgJsGLYEVVcRia/CC\nyZuF\r\n=c3Xk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID4XaBylYa2BZPTbmvB/XqcZQmktrqJe9gE6lxNIbaB0AiAzgVd6K9SDLp/G7aC3GtmzSlmGozCMvSgZXSrmPDhjvA=="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon-webcomponent_1.0.1_1577048791410_0.08841733385813644"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.2":{"name":"@coffeekraken/icon-webcomponent","version":"1.0.2","description":"Easily integrate icons using various driver like \"img\", \"fonticon\", \"svg\", \"fontawesome\", \"material\" and \"foundation\"","main":"js/index.js","homepage":"http://coffeekraken.io","repository":{"type":"git","url":"git+https://github.com/coffeekraken/coffeekraken.git"},"scripts":{"postinstall":"node ./scripts/postinstall.js"},"keywords":["icon","font","img","svg","fontawesome","material","foundation","webcomponent","component","html","sugar","coffee","kraken","coffeekraken"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","dependencies":{"@coffeekraken/sugar":"^1.0.5","axios":"^0.19.0"},"devDependencies":{"fs-extra":"^8.1.0"},"bugs":{"url":"https://github.com/coffeekraken/coffeekraken/issues"},"_id":"@coffeekraken/icon-webcomponent@1.0.2","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-fhNZedPZQYHFicdBy9JoyhpA1UtelKBatSL5Q3CUQHzrSUQ8WVu/EYn/wKfe5pDCThaRu2XkAC1jGgjoVbYmVg==","shasum":"43a7dc8963ac68125a2054df066b3dc6c49efca2","tarball":"https://registry.npmjs.org/@coffeekraken/icon-webcomponent/-/icon-webcomponent-1.0.2.tgz","fileCount":171,"unpackedSize":335252,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeBMajCRA9TVsSAnZWagAAAoAP/Aonptir9bl8o3Fw+iwS\nzSjHWrx50N6ObsCIcbSGzDndQg2xK12HZSq6ztNZGRsKPYBfIt56/iEY0RqJ\nwNeF7qWqp63Efd9aehyQIDzAzkvOr+qeJQbkgP8a/L2b8myHx4xdayP8WxfJ\ne9fiUbyjVpVbbMy8lml/Mkos7IhAKjFILtnzzHwpaWFB2eBpzri5+bgDZhhg\n71qJw5NISFvL3Cg/Tjf+/0/4KzswfJoppvaTcflQJva1QwZcqNmj9Ii3PZ0g\nwgIfCROumAHj4Brc28BzZuhiyfC8rCCB/m6mm+qjIuj1dZ3rBQvY7fXeeD0V\npqd85cmPXphLYJmUK9LFv2o9DJWoYeyyYCKo56NMEpT4Y783HZd/Jo9d7oOU\nI6vRk9uou1jN0CPjq4yZuR6ZeE/RhI2thHE+I40gr5nWJFGRWE4aYbMhj/wP\nCsMxzGQZtb7PNV0mSmvJ/0kfRi4LGStfkvHcC2TCJ7Q5t0FaqnR4d6lRCm6z\n//XCh5YboUlW/AxZGK1mUCb+VCp2cu7RgL/9KXIgd8tdsLtdwkoA7gkFLIf3\njRNBT1HDPzHOwI84h+uoaUKdZbBRQIaiXesaZt1PnfrBEKiU7ftLidKeGELE\neY4Y3hIUYqQLHs7RPHuD50wQ+ORELvQ6br/WHtBSyj+psf5bhD9fJ+By6siv\nm10i\r\n=te7o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCJ/RPcgxJoT71F8eymFTE/r3WTECXOR3wzTycYCQyCwIgXO5BYCBH2epUlC63p/QqCV4701Yx/ON2O6c1P2aEpuM="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon-webcomponent_1.0.2_1577371298775_0.2460711604150716"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.3":{"name":"@coffeekraken/icon-webcomponent","version":"1.0.3","description":"Easily integrate icons using various driver like \"img\", \"fonticon\", \"svg\", \"fontawesome\", \"material\" and \"foundation\"","main":"js/index.js","homepage":"http://coffeekraken.io","repository":{"type":"git","url":"git+https://github.com/coffeekraken/coffeekraken.git"},"scripts":{"postinstall":"node ./scripts/postinstall.js"},"keywords":["icon","font","img","svg","fontawesome","material","foundation","webcomponent","component","html","sugar","coffee","kraken","coffeekraken"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","dependencies":{"@coffeekraken/sugar":"^1.0.5","axios":"^0.19.0"},"devDependencies":{"fs-extra":"^8.1.0"},"bugs":{"url":"https://github.com/coffeekraken/coffeekraken/issues"},"_id":"@coffeekraken/icon-webcomponent@1.0.3","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-ZB/i9wyjV5UwyoKPVE5iFI8bqHZb76ahBIFFpJHjljagQ9FsnBzumaZHXj5gfUxcfPn9IIbyhXpahMWCcKxTBQ==","shasum":"fc8c86f76b41ea165c1a8797064f0a34c563a3f6","tarball":"https://registry.npmjs.org/@coffeekraken/icon-webcomponent/-/icon-webcomponent-1.0.3.tgz","fileCount":171,"unpackedSize":335250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeBMb/CRA9TVsSAnZWagAAP2sP/1PY+zmoOdFolgL8u134\nL4wDqvOYWgf4g4RyR/KmwT431p6Sysd58/EEuRDNVHbWLpTIXSQeieA377zF\nZSmnxSQuMIptyYREGuehT3+SFt0uZBAKcdCt/CCUuOBUpgyHG+0CtvRoMFVv\nd3iL1+XaNpGnGkNc7WlDw5/nt7x0Dl/GIohdjVjA3xEpbunpVoOX2O7zI/3E\n/uyo5kLsxDk9XPREfiRNGkrs6i4UrY5g6+0/+VV/o/NxfAfkZWkCkeEBQfYz\nVK1R/0F6HhXOFNVa5m63nZ2Yj2yF8V1ZQ56PSM8hS4qMSKMJ2YQWgTKmtdM/\nTDo7ZUMkrI67FNHKVsAxN41KHMauowgAEp3fSobV5G3yE6Bmt7TD8juQHHAM\n4PsZCnMtbjEcIOhl2gXBUWuF1qtAujvJhBypFflbJM+PNldrDk5aPpW0Go2J\nIhrLpbRyfNjSO5NacafvMLJVGO3HsK8QEe49EJNcRr+CvL66GCf9AcQ51HPv\nHHX0Azp2lSRPQRPDR2DUdCiRpWpFMm5Xr4VI9hBlrBI8jW6yvid+kPDUK4lT\n4JRH6X0vYepRK0BfJU/iAYOhxdA9c+wxyOUBWBk9L10KNuTnC9vL9lBUSRVP\nK6vNoF88faECqJM4GvA+0uli0knVw2NvFXPvEqkhUYmVGhv5ZGT+ylMu1EMs\nWrLb\r\n=DJZg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgqghmOLRll6odr+VKcKnGyMG+VFQxyirrK3ssyfcDngIhAMcYV0Oy4+HMk6pORu3ECV47xh3UKduLlPkZZXgJF+Qn"}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon-webcomponent_1.0.3_1577371390944_0.08896812178943758"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2019-12-15T14:10:56.300Z","1.0.0":"2019-12-15T14:10:56.687Z","modified":"2022-07-27T14:27:03.749Z","1.0.1":"2019-12-22T21:06:31.575Z","1.0.2":"2019-12-26T14:41:38.944Z","1.0.3":"2019-12-26T14:43:11.070Z"},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"description":"Easily integrate icons using various driver like \"img\", \"fonticon\", \"svg\", \"fontawesome\", \"material\" and \"foundation\"","homepage":"http://coffeekraken.io","keywords":["icon","font","img","svg","fontawesome","material","foundation","webcomponent","component","html","sugar","coffee","kraken","coffeekraken"],"repository":{"type":"git","url":"git+https://github.com/coffeekraken/coffeekraken.git"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"bugs":{"url":"https://github.com/coffeekraken/coffeekraken/issues"},"license":"MIT","readme":"# Coffeekraken icon webcomponent \n\n![npm](https://img.shields.io/npm/l/@coffeekraken/icon-webcomponent?style=flat-square)\n![npm](https://img.shields.io/npm/v/@coffeekraken/icon-webcomponent?style=flat-square)\n![npm](https://img.shields.io/npm/dw/@coffeekraken/icon-webcomponent?style=flat-square)\n\nEasily integrate icons using various driver like \"img\", \"fonticon\", \"svg\", \"fontawesome\", \"material\" and \"foundation\"\n\n## Table of content\n\n1. [Install](#readme-install)\n2. [Get Started](#readme-get-started)\n3. [Drivers](#readme-drivers)\n4. [Global configuration](#readme-global-configuration)\n5. [Javascript API](doc/src/js)\n6. [Coffeekraken](#readme-coffeekraken)\n\n\n\n## Install\n\n```\nnpm install @coffeekraken/icon-webcomponent --save\n```\n\n\n\n## Get Started\n\nFirst, import the component into your javascript file like so:\n\n```js\nimport IconWebcomponent from \"@coffeekraken/icon-webcomponent\"\n```\n\nThen simply use it inside your html like so:\n\n```html\n\n\n```\n\n\n\n## Drivers\n\nHere the list of drivers available and how they work:\n\n1. `fonticon` : This driver assume that you have a fonticon in yout project.\n\n- Generate a `` with class of `icon-{icon}`\n\n2. `img` : This driver create an `` tag and load your svg icon inside it\n\n- Depend on the `iconsPath` property\n- Generate an `` tag with the source `{iconsPath}/{icon}.svg`\n\n3. `svg` : This driver load the svg and put it inline in the page\n\n- Depend on the `iconsPath` property\n- Inline the svg loaded from `{iconsPath}/{icon}.svg`\n\n4. `fontawesome` : Load [fontawesome](https://fontawesome.com/) and generate an `` tag with the proper fontawesome class\n5. `material` : Load [material icons](https://material.io/tools/icons/?style=baseline) and generate an `` tag with the proper material class\n6. `foundation` : Load [foundation icons](https://zurb.com/playground/foundation-icon-fonts-3) and generate an `` tag with the proper foundation class\n\n\n\n## Global configuration\n\nIn order to avoid writing each time `driver=\"fontawesome\"` etc, you can configure your component globally one time then use it quicker. Here how to do that:\n\n```js\nimport IconWebcomponent from \"@coffeekraken/icon-webcomponent/js/class\"\nIconWebcomponent.define('ck-icon', IconWebcomponent, null, {\n driver: 'foundation'\n});\n```\n\nYou can then use your component with ease like so:\n\n```html\n\n```\n\n\n\n# Coffeekraken\n\nWe are a young collective of front-end creative developers with one goal in mind. Build tools to make every team working day life better. This is our first and only concern. All our tools are build around that purpose.\nAll what we provide are some cool tools that you can use the way you want. These tools features cover a large scope of the front-end workflow (styleguide generation, colors/fonts management, etc...). You can use only the parts that you need and let the rest aside...\n\n[![Coffeekraken](.resources/coffeekraken-logo.jpg)](https://coffeekraken.io)\n","readmeFilename":"README.md"}