{"_id":"@advanced-rest-client/paper-chip","_rev":"12-7176dbb9a778cc9b2de64155b16603bc","name":"@advanced-rest-client/paper-chip","dist-tags":{"latest":"3.1.1"},"versions":{"3.0.0-preview.1":{"name":"@advanced-rest-client/paper-chip","version":"3.0.0-preview.1","keywords":["api-components"],"license":"Apache-2.0","_id":"@advanced-rest-client/paper-chip@3.0.0-preview.1","maintainers":[{"name":"jarrodek","email":"jarrodek@gmail.com"}],"contributors":[{"name":"Pawel Psztyc"},{"name":"The Advanced REST client authors","email":"arc@mulesoft.com"}],"homepage":"https://github.com/advanced-rest-client/paper-chip#readme","bugs":{"url":"https://github.com/advanced-rest-client/paper-chip/issues","email":"arc@mulesoft.com"},"dist":{"shasum":"f3e4fdedc75876a50c1b34dee9a1a31fe178d658","tarball":"https://registry.npmjs.org/@advanced-rest-client/paper-chip/-/paper-chip-3.0.0-preview.1.tgz","fileCount":5,"integrity":"sha512-QbI0Y364OTznGZ8slNwsbSg3bBVdfZpHveFdKWEABbh8ronkNB8hYMZb1+J+1UfHxNSvaE77JXvZYVstDL80hA==","signatures":[{"sig":"MEUCIQD4+bp6shheMvg3WG5gMJQYXTh4yZlPo+ojpBbSFtS/DwIgSKdfFe1RqJbP2dWuAWtQ0x6xlKP4aCQhgZ0hA2Aq0TU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcoZu4CRA9TVsSAnZWagAAY20P+wdTJFNGM0UD11VdUKAR\nq2dfeM30q50TrOrD3NIDTwATivnWV431NIh9yP0j3M06vZvSWoJTQfpBd6Wd\nZy2aoCHj89fegift+gM3fgKLenUcXYZ04vAs9Hl8IXwR22KIaRp2t2EisgnU\nHCeeCwuUNyA6J7i2pPErmZ5p7SGg0G4GV1ks5gOiC3r9QA9ySFNQsOl5Wiov\n6xQsRMrUJpRu9QZttgeZQ952uC1qf+OhUutDq/uMmNhHX6K6BLRMDd+u5gkj\nGWZ2+oIAWn8H8mkLsDnmt/66Wd1W9X3NShjNw91FhGv/bNhJflEULh8iGObJ\nRsfYy/rHbrmzNNEvytv/DOXUmAExHLm472g8+xMI3OjlDvXulHwFs3wITHwC\nZfKbz0Zrsyk9KUZjg4rR+9AnnrKxcw6I3NRB6ecI5IMorWDMIYA6KONno8qL\nLxOO6Uvwmp+l3cRTkpCaT1DvM8BRI97EoRCqxRBZ9xHgyTzKVgNLR4z8qkrT\nsRY5IjxOiCP8ZhGPL1TWBaqe2n1HZi4hG/+C4kChhx61uVR5ZgV7daxOx9NO\nBvG/M2oCZKMPLoVV9YSkehVSPEbKaLL0rfGKKXmp9W1OVWCMx2NR2CLrDddb\nCE6SUOa1wKyuQIgQ/k7pdAJtuZ1TWIwUOL8fXsRtyei7CUVA4uFub6g3egHQ\nBsyc\r\n=jgTb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"paper-chip.js","authors":["Pawel Psztyc","The Advanced REST client authors <arc@mulesoft.com>"],"gitHead":"06db40b527cf747ca83f108b654ea2a45c42617a","scripts":{"lint":"polymer lint paper-chip.html","test":"polymer test --plugin local","test-sauce":"polymer test --plugin sauce --job-name \"paper-chip:local-test\"","update-types":"gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"jarrodek","email":"jarrodek@gmail.com"},"repository":{"url":"git://github.com/advanced-rest-client/paper-chip.git","type":"git"},"_npmVersion":"6.9.0","description":"A compact material design element that represent and input, attribute, or action.","directories":{},"_nodeVersion":"10.15.3","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/paper-styles":"^3.0.0","@polymer/iron-behaviors":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0","@polymer/paper-icon-button":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.2.0","mocha":"^5.2.0","sinon":"^7.2.3","wct-mocha":"^1.0.0","@polymer/iron-icons":"^3.0.0","@polymer/paper-toast":"^3.0.0","@polymer/test-fixture":"^4.0.2","@polymer/iron-demo-helpers":"^3.0.0","@polymer/iron-test-helpers":"^3.0.0","@polymer/iron-component-page":"^4.0.0","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.5.1"},"_npmOperationalInternal":{"tmp":"tmp/paper-chip_3.0.0-preview.1_1554095031245_0.6034148957767107","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@advanced-rest-client/paper-chip","version":"3.0.0","keywords":["api-components"],"license":"Apache-2.0","_id":"@advanced-rest-client/paper-chip@3.0.0","maintainers":[{"name":"jarrodek","email":"jarrodek@gmail.com"}],"contributors":[{"name":"Pawel Psztyc"},{"name":"The Advanced REST client authors","email":"arc@mulesoft.com"}],"homepage":"https://github.com/advanced-rest-client/paper-chip#readme","bugs":{"url":"https://github.com/advanced-rest-client/paper-chip/issues","email":"arc@mulesoft.com"},"dist":{"shasum":"ca046a8535daf8b92717aa436d95f2efcb9b2718","tarball":"https://registry.npmjs.org/@advanced-rest-client/paper-chip/-/paper-chip-3.0.0.tgz","fileCount":5,"integrity":"sha512-33htkmmWr8f8KJZAQRLrdqD3vIBIaSEbT+9guSSaud7jxpzpmpTh4ta9/kTDsxLoE/z74lsWwGMKZszh97691g==","signatures":[{"sig":"MEUCIF/ht05vmXbTABmqp6n54FZ4yCckuvklDPXpYP/XgI5MAiEAyx7LMKUWzXuqptSEBuN7S1BlWkvRWWfetDdYKUbYB4s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc8aR4CRA9TVsSAnZWagAAOKEP/0aZXfjfXFHo2Y97d5Tm\nTmOu1+g4EfjUVaox3WAdhW2JwTf072QBuz5atx/6EwrniZQfoDlnJB4lEr/V\niJKkxZ9heW/UcJ/E4kd+KkTT0mmHv/XruC5d3WilZAamG9j5pgHqW/nPMlZD\n4R3L+bYpnx2hucJINvQMP0beHYe4TcZrYvFM9ndbQcQjf/6lYw+BT2adtNId\nUN7O1gG4wRlTbjNJpipU1csXfDRKhRo1dl8kvnuc3wQ8kW/GYYaWius8EFTa\nCWXP5IS5FzDWm3wH88CSSpanw05VW3hF+f1qcDOM5yy/znSiD2nX6MSwszY4\n+lGql9SILVlddu429fjl8EZWCuGDmoxfjIPNWJFUpKkWp55vqkYMHwlPS+AB\ncVAs5YQVzzthlenX/PjDPGvW7525KuvcEBhvL+/XDz6DS9OaNPM0/W+23fi4\nqg0AtbrB7wmTmwY5I3bmShVEmS3TqwgjLiaI+cnW7NbGM22dPClT66iut/ry\n8NTjrFvSw+99GkrdaMGjhIY8UO7kq66lBQnqjyTp/+DDl5lN1CeBS7qPwRLh\nMOlYlxiTP7jG/dQcpLM37zSMG3qYZzb+/6DevycgeCQde4QRl2/+ewnUZN5u\nxnilk5BT/zoaxuCL2so51PJ/mcET5zpyHFybpA0swxfR89qYOjBcBQwbpheD\nJy1D\r\n=i5X0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"paper-chip.js","authors":["Pawel Psztyc","The Advanced REST client authors <arc@mulesoft.com>"],"gitHead":"0d8de308c6e044319d4d0f9bb16e1ca2b79743ad","scripts":{"lint":"polymer lint paper-chip.html","test":"polymer test --plugin local","test-sauce":"polymer test --plugin sauce --job-name \"paper-chip:local-test\"","update-types":"gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"jarrodek","email":"jarrodek@gmail.com"},"deprecated":"Use @anypoint-web-components/anypoint-chip instead","repository":{"url":"git://github.com/advanced-rest-client/paper-chip.git","type":"git"},"_npmVersion":"6.9.0","description":"A compact material design element that represent and input, attribute, or action.","directories":{},"_nodeVersion":"12.3.1","dependencies":{"@polymer/polymer":"^3.2.0","@polymer/paper-styles":"^3.0.0","@polymer/iron-behaviors":"^3.0.1","@polymer/iron-flex-layout":"^3.0.1","@polymer/paper-icon-button":"^3.0.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.2.0","mocha":"^5.2.0","sinon":"^7.3.2","wct-mocha":"^1.0.0","@polymer/iron-icons":"^3.0.0","@polymer/paper-toast":"^3.0.0","@polymer/test-fixture":"^4.0.2","@polymer/iron-demo-helpers":"^3.0.0","@polymer/iron-test-helpers":"^3.0.0","@polymer/iron-component-page":"^4.0.0","@webcomponents/webcomponentsjs":"^2.2.10","@polymer/gen-typescript-declarations":"^1.6.1"},"_npmOperationalInternal":{"tmp":"tmp/paper-chip_3.0.0_1559340151362_0.8856771525813201","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@advanced-rest-client/paper-chip","version":"3.1.0","keywords":["api-components"],"license":"Apache-2.0","_id":"@advanced-rest-client/paper-chip@3.1.0","maintainers":[{"name":"jarrodek","email":"jarrodek@gmail.com"}],"contributors":[{"name":"Pawel Psztyc"},{"name":"The Advanced REST client authors","email":"arc@mulesoft.com"}],"homepage":"https://github.com/advanced-rest-client/paper-chip#readme","bugs":{"url":"https://github.com/advanced-rest-client/paper-chip/issues","email":"arc@mulesoft.com"},"dist":{"shasum":"ddbd4893dc9032ea3d07f0e714b05470d20b8003","tarball":"https://registry.npmjs.org/@advanced-rest-client/paper-chip/-/paper-chip-3.1.0.tgz","fileCount":9,"integrity":"sha512-hk6SBWsow10DVj2dAHJpUitoUI2eQMvxX81Y7/q/UAFff1Ww8kmvEbu20aQ3HlVEWuwcuDUzm4oEodJstgPRgQ==","signatures":[{"sig":"MEQCIAEcGf1rLj+0aSI+Cpwn0Ys49MmHgUjbkT9hf37alEelAiBGhc1hkVgNDXy6MiWFIM6cHYpqWgbO4TbQD2YoRQVT0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30871,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+KPcCRA9TVsSAnZWagAAqQwP/Am69B/H0YFTYVD941lZ\nuF7mzOzpvOcgMxyyrkou0M8H0XY0snB2S91aaHoTl8BrOm5fQVC44UpXHv0l\nUztnSnAsynHgNst0eq1YYsYN78h/iqamzoyXICvOG2B8WqBbdQ2rFoT4RwqE\nF4lwjvbkC4dFep2UZeOctF+ZeoQKKMrDJkI/04k25YY+vGVw+wdPItv2y5TF\nnh7ZiOBgh/Ehjb9Z6xEbFmsq4eIh/YI71Rx0VD+JtY7VYzQbHP6XvFx1VHx3\nLXj0xVqKAFFeOiFkq9sBcJG20qw5BY+zt9jlElJiPGBOaeGCs6xVCwHwWpC6\nYCBdomMr+qusb4QwRM4rtedfcwRx3+iPgRpPeni3QkquzmnDAzwbDN4oNGEQ\nOzjUAKXn87Bi+Na/jAAopn7GSjC8xqLNYo5viPO5IYHnXORiXyYopcVIJHMS\nxHa9qQDOjMyZwjcTE5FlY7It8I2qnNgPUK53daYl+VDNWT3yM4h6yVf/eVs0\nVnpJWWcLIYAPFpYi7aZVDSmYhqPE/qpBS6FGFPYmL8Ku7HSadM6E6gSXxVaI\ndsX3Sv1pIMBAQKF9AeklMI+A/2tc9d8yesbRTfvXzC9vUUPSxiDZUD36oqMg\nvdVYje1lIzq0GCyAq9Bbwu5iqG+780KhyoQ+ldmEblhyBX3mo1Apos2gBeFV\n79e5\r\n=zibB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"paper-chip.js","authors":["Pawel Psztyc","The Advanced REST client authors <arc@mulesoft.com>"],"gitHead":"3f3e41d68654bbd435be3ed23609e85b9b1435e9","scripts":{"test":"karma start --coverage","start":"owc-dev-server -o","test:sl":"karma start karma.sl.config.js --coverage","test:watch":"karma start --auto-watch=true --single-run=false","test:legacy":"karma start --legacy --coverage","update-types":"gen-typescript-declarations --deleteExisting --outDir .","test:legacy:watch":"karma start --legacy --auto-watch=true --single-run=false"},"_npmUser":{"name":"jarrodek","email":"jarrodek@gmail.com"},"deprecated":"Use @anypoint-web-components/anypoint-chip instead","repository":{"url":"git://github.com/advanced-rest-client/paper-chip.git","type":"git"},"_npmVersion":"6.9.0","description":"A compact material design element that represent and input, attribute, or action.","directories":{},"_nodeVersion":"10.15.3","dependencies":{"lit-html":"^1.0.0","lit-element":"^2.0.1","@polymer/iron-icon":"^3.0.1"},"_hasShrinkwrap":false,"devDependencies":{"sinon":"^7.3.2","webpack-merge":"^4.1.5","owc-dev-server":"^0.3.0","@open-wc/testing":"^0.11.1","@polymer/iron-icons":"^3.0.0","@polymer/paper-toast":"^3.0.0","@polymer/test-fixture":"^4.0.2","@open-wc/testing-karma":"^2.0.0","@webcomponents/webcomponentsjs":"^2.2.10","@polymer/gen-typescript-declarations":"^1.6.1","@advanced-rest-client/arc-demo-helper":"^1.0.1","@advanced-rest-client/testing-karma-sl":"^1.0.2"},"_npmOperationalInternal":{"tmp":"tmp/paper-chip_3.1.0_1559798746302_0.6786988195032688","host":"s3://npm-registry-packages"}},"3.1.1":{"name":"@advanced-rest-client/paper-chip","version":"3.1.1","keywords":["api-components","paper-elements","chip","ui-components"],"license":"Apache-2.0","_id":"@advanced-rest-client/paper-chip@3.1.1","maintainers":[{"name":"jarrodek","email":"jarrodek@gmail.com"}],"contributors":[{"name":"Pawel Psztyc"},{"name":"The Advanced REST client authors","email":"arc@mulesoft.com"}],"homepage":"https://github.com/advanced-rest-client/paper-chip#readme","bugs":{"url":"https://github.com/advanced-rest-client/paper-chip/issues","email":"arc@mulesoft.com"},"dist":{"shasum":"ac2b7c12f8071a6883e838342ef54cfd8cda8bb0","tarball":"https://registry.npmjs.org/@advanced-rest-client/paper-chip/-/paper-chip-3.1.1.tgz","fileCount":7,"integrity":"sha512-wRyk4U6vTro+Du95m3YnAGkGLs7VuEI206LUO/2KeJwieWm0AWZX5Tefm+DqtnSLSZd8Dx/AQzsA6BHfPq6xdA==","signatures":[{"sig":"MEUCIARPFgGvXOyWzA2JzKgsx1v1qCTvzbepVlZHA8/qu+l0AiEAiPeiJTTFJj8F2HE59979pSxm4Jb4SuLZtVv9Vi1fiyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdbspNCRA9TVsSAnZWagAAqdAQAIlo/m4aBQYz9kjkoAro\niXYxX86BKckYYEcdboMx+iYfxTBk7P0xr8rDhHZC0cVI8oIXfPvjW2TNfo0P\nle3FPODYLmJe8Fd9uWkJp1RWqBDclaFPxjFFkoO5vJb/L10M2XCU/fEMa4lH\nnE5mNJiuKIv2BhtW8AzzjvxPXzvRV2oeS5zE9FeZVk1UKekBukitQgX5eDSn\nknQFfM9XF8BRlvqH22p/4RgLi9HMVBL0Ov+FpDCKphLErXnreHjIJ/2ozpK2\nn/pUMk8Sse76jTnPP4C35Ir60kguy0AR7b5/LqQdjyL23vKJWJZKIltlfqoW\nw5SoOMod0urwAJprPXmZCpFaebaWDQIk0j08eTSBvORCgekDOD3LeLYKmUbO\nDPfaXe9V6ia1226gQ7T3HxqwUk3zXL+vmhM38XRMWcXN9uHq9zzSDJ8KXlgM\njqyHIr5p0KvycjKK5pCXFPKfaGrcaDYIHXCWPNcmGm/mZut9zHYs4jLmVeLB\nmiQEpGBt5x5aEtVtKwRjle7HLrdSdColGycfLPtc5Q8tRUuZcwZGcEHDhpSv\nWqpHygwotBAAi4bXboGMk1ViiyiBHUibq9GEdWIdDUWqE5AkKoYVX/AnIDlw\nS0DISBb7Fgw+LU3n1J150SexHrfK+lfSFOoxKj4HLBRiLloEPSfWjEbp1sWS\noqv7\r\n=YMvg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"paper-chip.js","authors":["Pawel Psztyc","The Advanced REST client authors <arc@mulesoft.com>"],"gitHead":"4d004566050079a5fc7e35d8eb8eeb58d35c4323","scripts":{"lint":"npm run lint:eslint && npm run lint:prettier","test":"karma start --coverage","start":"es-dev-server --app-index demo/index.html --node-resolve --open --watch","format":"npm run format:eslint && npm run format:prettier","test:sl":"karma start karma.sl.config.js --compatibility all --coverage","test:watch":"karma start --auto-watch=true --single-run=false","lint:eslint":"eslint --ext .js,.html .","test:legacy":"karma start --compatibility all --coverage","update-types":"gen-typescript-declarations --deleteExisting --outDir .","format:eslint":"eslint --ext .js,.html . --fix","lint:prettier":"prettier \"**/*.js\" --list-different || (echo '↑↑ these files are not prettier formatted ↑↑' && exit 1)","generate-model":"node demo/model.js","format:prettier":"prettier \"**/*.js\" --write","test:legacy:watch":"karma start --compatibility all --auto-watch=true --single-run=false","start:compatibility":"es-dev-server --app-index demo/index.html --compatibility all --node-resolve --open --watch"},"_npmUser":{"name":"jarrodek","email":"jarrodek@gmail.com"},"deprecated":"Use @anypoint-web-components/anypoint-chip instead","repository":{"url":"git://github.com/advanced-rest-client/paper-chip.git","type":"git"},"_npmVersion":"6.11.2","description":"A compact material design element that represent and input, attribute, or action.","directories":{},"lint-staged":{"*.js":["eslint --fix","git add"]},"_nodeVersion":"10.16.0","dependencies":{"lit-html":"^1.0.0","lit-element":"^2.0.1","@polymer/iron-icon":"^3.0.1"},"_hasShrinkwrap":false,"devDependencies":{"husky":"^1.0.0","karma":"^4.3.0","sinon":"^7.4.1","deepmerge":"^4.0.0","lint-staged":"^8.0.0","es-dev-server":"^1.16.0","@commitlint/cli":"^8.1.0","@open-wc/testing":"^2.3.3","@polymer/iron-icons":"^3.0.0","@polymer/paper-toast":"^3.0.0","@open-wc/testing-karma":"^3.1.29","@commitlint/config-conventional":"^7.0.0","@advanced-rest-client/eslint-config":"^1.1.2","@polymer/gen-typescript-declarations":"^1.6.1","@advanced-rest-client/arc-demo-helper":"^1.0.14","@advanced-rest-client/prettier-config":"^0.1.0","@advanced-rest-client/testing-karma-sl":"^1.0.4"},"_npmOperationalInternal":{"tmp":"tmp/paper-chip_3.1.1_1567541837105_0.9374005126922846","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-04-01T05:03:51.090Z","modified":"2026-04-07T19:24:51.389Z","3.0.0-preview.1":"2019-04-01T05:03:51.406Z","3.0.0":"2019-05-31T22:02:31.540Z","3.1.0":"2019-06-06T05:25:46.568Z","3.1.1":"2019-09-03T20:17:17.244Z"},"bugs":{"url":"https://github.com/advanced-rest-client/paper-chip/issues","email":"arc@mulesoft.com"},"license":"Apache-2.0","homepage":"https://github.com/advanced-rest-client/paper-chip#readme","keywords":["api-components","paper-elements","chip","ui-components"],"repository":{"url":"git://github.com/advanced-rest-client/paper-chip.git","type":"git"},"description":"A compact material design element that represent and input, attribute, or action.","contributors":[{"name":"Pawel Psztyc"},{"name":"The Advanced REST client authors","email":"arc@mulesoft.com"}],"maintainers":[{"email":"jarrodek@gmail.com","name":"jarrodek"},{"email":"alexperez@mulesoft.com","name":"alexperez_march_2024"},{"email":"elmellidiego@gmail.com","name":"dmacias"}],"readme":"[![Published on NPM](https://img.shields.io/npm/v/@advanced-rest-client/paper-chip.svg)](https://www.npmjs.com/package/@advanced-rest-client/paper-chip)\n\n[![Build Status](https://travis-ci.org/advanced-rest-client/paper-chip.svg?branch=stage)](https://travis-ci.org/advanced-rest-client/paper-chip)\n\n[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/advanced-rest-client/paper-chip)\n\n# paper-chip\n\nA compact material design element that represent and input, attribute, or action.\n\n### Example\n\n```html\n<style>\n.avatar {\n  background-color: red;\n  color: #fff !important;\n  width: 24px;\n  height: 24px;\n}\n</style>\n<h2>Basics</h2>\n<section>\n  <paper-chip>Simple chip</paper-chip>\n\n  <paper-chip>\n    <span class=\"avatar\" slot=\"icon\">C</span>\n    <span>Chip with icon</span>\n  </paper-chip>\n\n  <paper-chip removable>\n    <span class=\"avatar\" slot=\"icon\">R</span>\n    Chip that can be removed\n  </paper-chip>\n\n  <paper-chip removable disabled>\n    <span class=\"avatar\" slot=\"icon\">D</span>\n    Disabled chip\n  </paper-chip>\n</section>\n\n<h2>Input chips</h2>\n<section>\n  <paper-chip removable>\n    <iron-icon icon=\"communication:location-on\" slot=\"icon\"></iron-icon>\n    Portland\n  </paper-chip>\n\n  <paper-chip removable>\n    <iron-icon icon=\"maps:directions-bike\" slot=\"icon\"></iron-icon>\n    Biking\n  </paper-chip>\n</section>\n```\n\n### API components\n\nThis components is a part of [API components ecosystem](https://elements.advancedrestclient.com/)\n\n## Usage\n\n### Installation\n```\nnpm install --save @advanced-rest-client/paper-chip\n```\n\n### In an html file\n\n```html\n<html>\n  <head>\n    <script type=\"module\">\n      import './node_modules/@advanced-rest-client/paper-chip/paper-chip.js';\n    </script>\n  </head>\n  <body>\n    <paper-chip></paper-chip>\n  </body>\n</html>\n```\n\n### In a Polymer 3 element\n\n```js\nimport {PolymerElement, html} from './node_modules/@polymer/polymer';\nimport './node_modules/@advanced-rest-client/paper-chip/paper-chip.js';\n\nclass SampleElement extends PolymerElement {\n  static get template() {\n    return html`\n    <paper-chip></paper-chip>\n    `;\n  }\n}\ncustomElements.define('sample-element', SampleElement);\n```\n\n### Installation\n\n```sh\ngit clone https://github.com/advanced-rest-client/paper-chip\ncd api-url-editor\nnpm install\nnpm install -g polymer-cli\n```\n\n### Running the demo locally\n\n```sh\npolymer serve --npm\nopen http://127.0.0.1:<port>/demo/\n```\n\n### Running the tests\n```sh\npolymer test --npm\n```\n\n## Styling\n\n`<paper-chip>` provides the following custom properties for styling:\n\nCustom property | Description | Default\n----------------|-------------|----------\n`--paper-chip-background-color` | Chip background color | `rgba(35, 47, 52, 0.12)`\n`--paper-chip-focused-background-color` | Background color when focused | `#D6D6D6`\n`--paper-chip-active-background-color` | Background color when toggle is active | `#cdcdcd`\n`--paper-chip-icon-color` | Color of the icon | `#666666`\n`--paper-chip-label-color` | Color of the label | `#232F34`\n`--paper-chip-label-focused-color` | Color of the when focused | ``\n`--paper-chip-label-active-color` | Color of the when active | ``\n`--paper-chip-icon-close-color` | Color of the close icon | `#dfdfdf`\n`--paper-chip-icon-close-background-color` | Background color of the close icon | `#666666`\n\n`<paper-chip>` provides the following [parts](https://www.w3.org/TR/css-shadow-parts-1/):\n\nPart name | Description\n----------------|-------------\n`paper-chip-container` | Styles applied to the chip container\n`paper-chip-icon` | Styles applied to the icon container\n`paper-chip-label` | Styles applied to the label container\n`paper-chip-remove` | Styles applied to the delete icon\n","readmeFilename":"README.md"}