{"_id":"@arusanov/taginput","_rev":"1-aaa42ce6c30bce47cd3384613e9d27cf","name":"@arusanov/taginput","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.2":{"name":"@arusanov/taginput","libraryName":"taginput","version":"1.0.2","description":"![build](https://github.com/arusanov/tag-input/workflows/Node.js%20CI/badge.svg)","keywords":["tags","input","tagsinput"],"main":"./docs/tag-input.umd.js","source":"./src/index.ts","types":"./docs/index.d.ts","scripts":{"build":"webpack -p --devtool none","start":"webpack-dev-server","test":"jest","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/arusanov/tag-input.git"},"author":"","license":"ISC","bugs":{"url":"https://github.com/arusanov/tag-input/issues"},"homepage":"https://github.com/arusanov/tag-input#readme","jest":{"preset":"ts-jest","moduleNameMapper":{"\\.(css)$":"<rootDir>/src/__mocks__/style-mock.ts"}},"devDependencies":{"@types/jest":"^25.2.1","css-loader":"^3.5.3","jest":"^25.5.4","prettier":"^2.0.5","ts-jest":"^25.4.0","ts-loader":"^7.0.2","typescript":"^3.8.3","webpack":"^4.43.0","webpack-cli":"^3.3.11","webpack-dev-server":"^3.10.3"},"dependencies":{},"gitHead":"fec4bf06ee7329d44959c35b7ed311eb190109b4","_id":"@arusanov/taginput@1.0.2","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-GI/Z95TFSdWJM2k7jcNynVQdF2e632Fv6jx1xZI5OA1IjS1u0dE2WjI8Cljqg1uep5ff5g1uqsImvWPNWDlN5w==","shasum":"8e9e3e73f73c30133afabe6722c123279ff88ce9","tarball":"https://registry.npmjs.org/@arusanov/taginput/-/taginput-1.0.2.tgz","fileCount":8,"unpackedSize":15662,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJev856CRA9TVsSAnZWagAAPD8P/2b//Z96YrcNEyXJqz2n\nIfjMNYWTAgajfMyesozCzTAxANOsmP1pMSb11lBrAyY43hh56ySqJGQHtjMU\nzc030saf2CKL2XayGPFP1DbzFqOVnVy7gpaZ8kloMWU5fcJM3rTrqYlZHhfG\nI3OcsBfXGSJe+YioA4KxerwBGGMbCVmOXfQV4k+FW/UwVglq3s3/IBTDEQpi\nruSpQrpIBWu9Uq4MN6yOfKKBXQZf73tCUtoN3wUYD8fKxtt6qP81XF4uYar+\nTiEwd2K312KHwiOhn/qe8HZz2pLhqwdoLtiCYRidh20/kUF81iYiWc4DR3a9\nzSlTq+eVSx3uzrmkIX/svFDsckMnMBj8Ph1e1G1NRww+8euYf4+D3bKEm/fs\nlPXIpFd73LqDsJ4spGJNuZCM5GEx7JNiQqkhf6UakW80BtIPWjeh5IMyTjKp\nd53SiekexoSwnU/tkciPNsL8UEgE3xS6gb5OefLaKCQ9pXrQn/vdk0jMEAZ2\nkOHzMYqx+oBur+iiaoblt5gB5zIhSp0ZMP2QVssX+WXJUqNr15fQQdFyjKqB\nJIj/wZ+ua7M4RhR0NO2w3nkubjB60sQ2BFF/iXhcx5sPm2LQIftmc5w2jLFM\niY/zqYlSAFAHU4CXXtTqfZVRaPAwnvgrkTRZ6JtCJbGtDr5k4Ji4Sy4MGcoU\nyp0N\r\n=uTwj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkyz1I51nqlEeMR/1b0DHfAKMLtimTZI2leBgOsX6xNQIhAPaZrxY0+3QYaPPxIBHoQI17qaXk/KsOnPPcTmtYxxGD"}]},"maintainers":[{"name":"arusanov","email":"alexander.rusanov@gmail.com"}],"_npmUser":{"name":"arusanov","email":"alexander.rusanov@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/taginput_1.0.2_1589628537905_0.6658465717056072"},"_hasShrinkwrap":false}},"time":{"created":"2020-05-16T11:28:57.854Z","1.0.2":"2020-05-16T11:28:57.997Z","modified":"2022-04-04T15:41:09.189Z"},"maintainers":[{"name":"arusanov","email":"alexander.rusanov@gmail.com"}],"description":"![build](https://github.com/arusanov/tag-input/workflows/Node.js%20CI/badge.svg)","homepage":"https://github.com/arusanov/tag-input#readme","keywords":["tags","input","tagsinput"],"repository":{"type":"git","url":"git+https://github.com/arusanov/tag-input.git"},"bugs":{"url":"https://github.com/arusanov/tag-input/issues"},"license":"ISC","readme":"![build](https://github.com/arusanov/tag-input/workflows/Node.js%20CI/badge.svg)\n\n# Tag Input\n\n[Demo](https://arusanov.github.io/tag-input/)\n\n## How to use\n\nThis library provides UMD build, so you can use it in webpack or just as is in HTML\n\n```html\n<script src=\"tag-input.umd.js\" charset=\"UTF-8\"></script>\n<script>\n  var tagInput = taginput(document.querySelector('#some-input'), options)\n</script>\n```\n\nFollowing `options` can be provided:\n\n1. `placeholder` - placeholder text for input\n\n2. `validate` - validation function (Empty by default)\n\n3. `tags` - initial tags (Defaults to [])\n\n4. `type` - input type. `text` or `email` (Defaults to `text`)\n\n5. `style` - custom CSS classes for styling\n\n### API\n\n#### Add Item\n\n```js\ntagInput.addItem('tag1')\n```\n\n#### Get current tags both valid and invalid\n\n```js\ntagInput.tags\n```\n\n#### Replace current items with new\n\n```js\ntagInput.replaceItems(['tag1','tag2'])\n```\n\nClear all items\n\n```js\ntagInput.replaceItems()\n```\n\n### Events\n\nEvents are triggered on the element that was used to create `TagInput`\n\n```js\nvar node = document.querySelector('#some-input')\nvar tagInput = taginput(node)\n\n// Added tag event\nnode.addEventListener('tagadded', function (e) {\n  console.log('tag added:', e.detail.tag)\n})\n\n// Deleted tag event\nnode.addEventListener('tagdeleted', function (e) {\n  console.log('tag deleted:', e.detail.tag)\n})\n```\n\n## What's missing\n\n### Mobile adaption\n\nIt should work fine on any mobile browser but some additional adaptations can be made\n\n### a11y\n\nIt does not exist yet, but definitely should be added.\n\n\n","readmeFilename":"README.md"}