{"_id":"@terminus/ui-chip","_rev":"52-808355c713cdb864ef1dfd472c1f905b","name":"@terminus/ui-chip","dist-tags":{"latest":"4.0.0","next":"4.0.1"},"versions":{"0.0.1":{"name":"@terminus/ui-chip","version":"0.0.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"*","@terminus/ui-utilities":"*","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@0.0.1","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-olVS5SlQfpE158fLscr9j8mameutvCGWwsyTVH4KI55VRuYeAdliqRCEXQe8hk/JUdkTGXFfn5xs+8oMZsVtMA==","shasum":"e302aab2b9493000006d5446afa6a67ee7c10e49","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-0.0.1.tgz","fileCount":75,"unpackedSize":749297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1eUdCRA9TVsSAnZWagAAK0kP/0/7DNKJ4i/ArZ/FASHr\nTaFE1ny9gJ0dTgGDLOESNd6+TdkQyq7lhzRFeQZrFNMKHENiSKywelqoEVYy\n5EaiiT4KovfxLAWeeoNFzKlU5qc2nUGWfVMjSHZ3s5ICCjJF2baGIrmEj+FM\ncN2DHeOY4OPvbmW4pPr7tNodNAPI2yCixrrxcG8eoZkIFoE3jT8JODmqTi+k\naKIeiaN/oc9O0XsdDgljfWah/fDroqjjlB/1vBFyVL4Qij54FPxCFbvkq3DB\n7ydD0Ss0Z+6Wd4Ar6HTp8s5PiB862LAlmNjDg6tMxxYgEkJHUdRydpLtfnnh\nOJEMrJTpHofZX5YS5hPInUlakD8JpmzDPeUp6sHT+tJHdC0PlS/2zlD95uo7\n40WboXKQzurkVi1YQgMcYnY6rqLo0Od2vpqqVsJbAbLSq9hZhwIP2Ux4cMJV\nWtthY9PHqoLgEv1AHe/taW/LC3FAZBxYHeofu2/l/KHYbXDyVKx/bL63lwg+\nEPCrPI87dAW6bcC1Y78zRDuuXDxfd/H5qVOvKVA0Aq7W9rKBBJruDvo/1k+w\nnTYdWx4vQOiSu8IjBB09OyrkaxSpZn+v12PEMqe8R6IOiYKRIgkbQ8NBNIpO\nmcGzzcR/1MkIA2phlCLaSHxtApde3UmsQFjB0kBQnM6n2sNOaSpf3qH636wY\nag4F\r\n=JnpD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEgOd+hrPLwlTdkDr+JA1heburwUm5tTGJ9DQRQGEK0WAiAfh7VqvQ+xB61pYJhlWzsppVLuhFuTCNVN3GUvUrWpLA=="}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"benjamincharity","email":"ben@benjamincharity.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_0.0.1_1591076124822_0.00877518257892973"},"_hasShrinkwrap":false},"1.0.0":{"name":"@terminus/ui-chip","version":"1.0.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^0.0.1","@terminus/ui-utilities":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Github release][gh-release-badge]][gh-releases] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Theme](#theme)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Theme\n\nA theme can be defined at the chip level:\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    theme=\"accent\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection. The style of the selected state reflects the current\n[theme](#theme).\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/master/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/master/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[gh-release-badge]:    https://img.shields.io/github/release/GetTerminus/terminus-oss.svg\n[gh-releases]:         https://github.com/GetTerminus/terminus-ui/releases/\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/CI%20Release/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@1.0.0","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-/SW+wLaPxf29jHUEJfad/wHmpv36p8nEo4CsjtxnU4j53jBsjzB9FNoQkSWu7ZA4wUR6s4B61jMkdbm4q6ruVw==","shasum":"57f7ed3b85c617acd7f164f94b09df33e2af7363","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-1.0.0.tgz","fileCount":26,"unpackedSize":84163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2T4ICRA9TVsSAnZWagAAz1MP/3f5Kjlptb5GucH4MqPs\n/LPNL3ToHe8j90E6ocJwiQOWuvb3e/8G4R98LrcDT7UfAZJ3heYaBVKMrA6E\nAooIv6qwM7X2graoTGs2GfgyWkhUFXcbUfc6tN9SbgHtiGMKnbaocrkrhL1R\nRpKMfZ4np/CJzk98+PKWVgrz0GIm4GGB41uacdcaJb6UJbzaEz5EIe5ZEJKx\nqt/fEczYZR/FRLTztM2ZgpiQQHROUtbotmjrNmFtcV6Eci5M3gAcjoRNhMuQ\nkdrOwGIGUQtqKbd+KGiRNELzgKSUzmv12Ca57iGtgAGdmkW4ClaK9Gq+NsNK\nZ3/vO0ACYtK8cn5dgcKPMPqA1LGB6aXsiXzBO9l73+7BiFdAIqcjdJXXVgcz\nRT02xcLTxkyyx6oKmn9zOaHf4Fa4uDprlqgD8cH9xLNEKJaV9AD5dBjvcULI\n0HH0ZBr/rczT2XRNBTp5uit50BSWNsYhWLnmwm859fUb/MWWgAK86Fr+BPO1\nkTXJ4e/k7XAMWQSKencL47MqecM8reEMISWdyTqsBT28opoPyafYOUTwKbua\nQ4JpaHM1ctVI+nFWyHNhp/1TGyNlx1YNYnz6phcxIarq+TzxO0AF9DZ61Z0M\nLWzqPmrQVfoQNmZMjimnYn+2GdHj44EOOpPk2XZbJrEA6Igk7PZgPfy3q4Ob\nuS7F\r\n=+AUU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB9HpPnZnHT1upLJ25POFNwTdA+jbvNmU79ANtTUHGCXAiBCnkkVeUIa+lcnycG65wSrVsC/fjCqeVwOLHJ4c4IQoQ=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_1.0.0_1591295496548_0.7400181916594659"},"_hasShrinkwrap":false},"1.0.1":{"name":"@terminus/ui-chip","version":"1.0.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^0.0.1","@terminus/ui-utilities":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Github release][gh-release-badge]][gh-releases] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Theme](#theme)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Theme\n\nA theme can be defined at the chip level:\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    theme=\"accent\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection. The style of the selected state reflects the current\n[theme](#theme).\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/master/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/master/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[gh-release-badge]:    https://img.shields.io/github/release/GetTerminus/terminus-oss.svg\n[gh-releases]:         https://github.com/GetTerminus/terminus-ui/releases/\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/CI%20Release/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@1.0.1","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-kyDsPxjfFsuNLTXCWAy2/fmPeZk7pCuEYnBhAk4RCsOFgQ0TQK1IyN4ccRXEbJ6QICl9sY1Z6dkqbtNmlPZwPQ==","shasum":"518a36e22ea9dfa35d8e4694254dcde7f6382a77","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-1.0.1.tgz","fileCount":27,"unpackedSize":84217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2auwCRA9TVsSAnZWagAAMOwQAJez80vUxW6ruD8OjG9H\nmkOGkFGu300xL4wqIEWr3lfa+4GVzQI52oFNKW0+hwK1VVW1uXnXjc89fT/G\nGdKpVnjmAbViTla/q6hoWnrO5yuzaGeqRyQokEA5b2NDR77yQcCvcZSfNhmN\nraArJnFkzrwkLx1xZOO2ldbWIDct6Ll6g2I7cSCrG1zSS+62twCDX7u3KTFV\njQD84wgTOAXS8aBfL4O5Wtuox0tD/5vA8afVYVyqtS8IP3rLcc7N3YcFjZPy\nLl1JxcujH2wvjBiKvifKyfHO7fTfNzAdFL23eje/6+vwlKwmHa9bUo4hCkH2\ndmoL7gYk610mvbXw8diksYO5kFtpq7R1RafxmQtNM2fV4u8MFlMLngmqO4Wr\nSLQgixSYJ/H0cEnhrGURNh2FyXKkcdc1M+RJwxvonN0cQSfB23ZJh73D2onq\ntpEiimpNgG77jFauTsem/ITPYpUsM8jkMSWNNyRdXdqbXUan8blXw3KPDNH1\nZ2sFTQ5cNDrGGE7w8mbI6sS3kkF+hwEsczfYwgS2xSIySkcDr4BCISq4hu7r\nrQwidWe7OyPHrsEwGIoMlAxx41HPb3YFcKJi3ciIoQpUo5Lmy2D+Fr/K95x0\najPn3rd3BWqge6TbUkdQqbnFpoIoZy/eB7Jaj7RDOxQ3TaqMcfsS0Y6GEi4O\nvi2H\r\n=slOm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDlSl7pIkuTlGlzz+sqKDjin7JReMSansUTSdijXGgorAiEA72HgFpW3zQfKy4bz+AsB6EWI567MezgUuP2qT2DbMC8="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_1.0.1_1591323567742_0.9866887477555193"},"_hasShrinkwrap":false},"1.0.2":{"name":"@terminus/ui-chip","version":"1.0.2","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^0.0.1","@terminus/ui-utilities":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@1.0.2","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-cZ9Y16/YYwGs6t+Rn0aV4qkoKNZcScLcQ3CTvUhAKhrQWwTYWBB3M866+B6OTbQKpqA6TDf9pBxPGfZU0phIlQ==","shasum":"bbc30beffeaaa4a927f3b2676e5b39497056c565","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-1.0.2.tgz","fileCount":27,"unpackedSize":84211,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3jRsCRA9TVsSAnZWagAApnkQAI5BA4yLJ26ZZx1+6IfL\neqz35s4GSmQY39xJSN77MYNiKP9CH7xw5VOr5Q1XEI/S6sWNHwL1OlNC3Sor\nqkg1xEbd/HIC6kgBbSrxsN87Gfp+AVrQthx996xHv64IZLClrcquYew93Gox\n92I45KBheygKu7puZbIOh1qeqKXfC06zzx7yCu8H5isyCrGjhlOsXjQ/WOni\nYttmGkoc6g9TkJ4MFxFNcnGj/cxgkQhKf2MBHnXVchvm1mB7eJtzKTeAdAWy\nYmmXO3cpEaggVP+3J2uj57RQhRMd3xyE32bHloZr4RQx+BNxPE0Lg6l07spv\nSRGkFzvY/jcTa8WN36Y2+HtyHJXXpYpIBFGLJpWyTd4TFoAXoHbNacFxcUqd\niasYdkBzZJ3oit5Z1dDvV1zIyAk/PoEG4+Spzh0K4uCxwQUB13Zya+GZ8tSw\nCsH3sgRV1aBCHJLtckiWk7gVB3SJdCEDu57dEoBAvAlisSglDAZZNT2zvlGp\n9ua/p7VTitZrjk+4lW93Cy2hMZf2kQuJZBd8svDLubxl10EBupQ0q2FX2eKZ\nXyI+1vBOmHRjhfNikUZqNO2LA35QyGZYz6NDZBI6wcylpQaQYIxHgWHKDxAl\n2uAQGCk3A3ALNLRg4JiJCEVGUnOoKh3Kb0BUqbcwcuVFWZx9hcJiWHjU7RiR\nPSRI\r\n=lZEB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFreb64/1i6i9qIX8tltZCSU0g1nBjB5JiAgjc8vcb59AiEAjcOWUsNi4bCxndtQL5E9vDeZ/twRp8mf9nDHsZEOzwc="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_1.0.2_1591620716429_0.5004748506054526"},"_hasShrinkwrap":false},"1.0.4":{"name":"@terminus/ui-chip","version":"1.0.4","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^1.0.0","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@terminus/ui-option":"1.0.3","@terminus/ui-checkbox":"1.0.3"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@1.0.4","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-Ju2V9T2hPqOy6qo49+dsXcrwyBmU2530hawobRd0Y1rduMhNGmIeN4CfA0IxGz48191Msci3KamQiZOP8APLvg==","shasum":"b965ed1152b74f2e19de5cb2892025721c96783d","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-1.0.4.tgz","fileCount":77,"unpackedSize":751056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4j0OCRA9TVsSAnZWagAABxwP/iXKT99CgHTd3YMkL4tf\ndRrvur9XxQBK7LPnXvQVjXWrIW2EE2prIO3ZirAljCbYj7sZfHK2jpuZfCuh\nEx8xluPz26F3Dd4SJWtfb/TE8fI7Zg8JlPWEJVhwYTkyLzwgdSX5dSCKpBmi\nSV1yZCX755EjnipNvNi2c30krnm8STPB7R0tDaqiX27SL7jv4p7etqqeepyY\neEWFfzh30lm1GCvrMFzwG9AawJEhhiQ9QusvhX4HSA70WGDTO7sE4+JSjHnB\nbfW2NfKsS31vLv1hUrEySjBYcZuuk4o9nah5dXx3KLuyRa41ppdTUD3xIVpd\nFJWElZDonR1VlQNz4IasWSgnH1garFCo/mglCSTTpcIMNDO+w4S2qh5rnchc\nhDR9OuqFQBFIshnYpThCSp2xLTr1dHzwmX77uFUDdOCXilwIihA5qYBw7lAX\nu1QbAp4fsIerhChv3gNzQLoWh+NouHVUsqeCZ26/oxFFpFu61Kj7NxE16sGv\n1FCMa4Af311z43p/Ewysu0hFiRl4UZ5NI9B2yYcrQYHonmCAtuKdQzjqr2zA\niu/CFucyAaOxpPToKyI3qBp4bTsGosj67X2ND9WVuOPsZYBEl/q5CUVkO9Vs\nHY6lgLxWIeS3StMpvU/+UJCevuLzjnpdZO8ME9jT98hPuXQqEscsK8iaOZry\njode\r\n=j1RH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqdv6j2W429Fcc6x1kvjsOp4wOKsOzvwvx048EJDukVQIhAOU4GIJ+2/uOiCtG+UOvLe+YnZTMF5kYR3zaTX3Pfvv8"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_1.0.4_1591885069450_0.1607568820660632"},"_hasShrinkwrap":false},"1.0.5":{"name":"@terminus/ui-chip","version":"1.0.5","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^1.0.0","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@1.0.5","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-vdRbyMY02PDn1tjhL95MJBJYrvlTu0IUSwWnqucEaZsMDNRXEfhxYMLOte9z6oCxPaTOMJrOomUz6/PAdWfpdw==","shasum":"f419a370dedde3a0be8f07ff3d76512e68c0717f","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-1.0.5.tgz","fileCount":77,"unpackedSize":751068,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8iEICRA9TVsSAnZWagAAJlkQAJ+/7bmFOeOFxscfB6c9\niBVy5sOeDr1ejrNLHBojKx1EAxixugGg/zLa146W880mHuSdUgjWTIuBGSHb\nQfeU3e7dveSGI45mZUvnMpEdprJEVjO8Vzhk0+kpZPRLP9QTA6ps6JdQtk6U\nE1ajImoBH6eFihNuaieTm7pxhlj78P7414zYTaxGbFTs0wl5xQw9oBQVFJzT\nkBBkCwgAK2Wp1noqVecnPBqn391hSZsl093W8uYdLFo8WAflGYV+S11NqgkD\ng6sbJMLKrii07JRVkslW+c5w77do9LJwnjwy4sAb7rbjeabiQE8Amvk7S/EM\nZkGbh8EXkKI+tjXClvWqUOqOYG3+QtODtcdWPDmdMsLTQDGwUwBuCx+SKz3X\nggpaVp6KgMvWm8EZBXKaiLCiL8mDlAGB91ah+Sl5y0zfdkyK8rq6RaQ0p7wt\nnEHqHlqwhIIaNHhkZW4NAy9aMYJcXPkMBJLpySq91j+RO5ASS2q6zfVI+swZ\nSekqbFxBCaq6Qk7QXfb0a1w9PEu1YEEuunnPhKCmoCFvC1x1V7X0MlCiAhQl\nKPScZ8POLOTkrDpsEKK6gC5cLN//sqBtox9U9LYUl6oXDVCPLTV9DXH7YmbD\n9gXKxSbud+vJTYmKjHSv9lyMWlHNT0Fqe5HqUjEwKKC1NPXKX2LiPC0xx3Tk\n5zES\r\n=1OaC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrtWAuJyAf4owbOCxXVBm0UIvIW0C8dkxaHr6ZZv7xSwIhAPyzFwzm764fpydG0teGzE5fQXmSHKTmsJjlM+Le4FSZ"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_1.0.5_1592926472083_0.5756074742794326"},"_hasShrinkwrap":false},"1.0.6":{"name":"@terminus/ui-chip","version":"1.0.6","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^1.0.0","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@1.0.6","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-Pe6aXSEYQJ3vJE6q+SCSE5Q7lZGVfwf0m0GclKR6L4W62BnWCsCLTHOP/NCT1b84rxXBk+v2Y+3oXTjVLuXwWg==","shasum":"239b56f40883100f7cb2a62c1690ccc31c992978","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-1.0.6.tgz","fileCount":77,"unpackedSize":751261,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBJb7CRA9TVsSAnZWagAAWFoQAJTYVIjSHpwJQrlCadLz\n8Q+ggI/PV5FkJZ6akoeurLd2PYhLg0oMk66jxNNEkAERtfVB4HVKbtpo/zV7\nnL6s1ktcZaZgX29qKR4hLRLFi8j2HS2oSbVoIntTZNr4YBACB/uFwdbWWSLa\nA1g6bPLV6VcX23KwfQoaMYNCXdUBsW4pho5wVUSy3jXfFVKmVW+lWWFrrkMs\nh3KQUWHsAnNXlKpqX1wRiY8GSWyNKH8Z3lZj7wOgVE8OHqNsj4hdzFUB6i5M\nQLftxSeBzoeo39kotKh+SWwZB8V6Rskh40ONdyr99vG2YHOAC3LhvrNN949T\noNwt6nloYKV4F4S5SFcipTpaWL3LbUECS/xLYdZRFGVZkEMSdDZg9op/rsim\nPXrVJVo+0mZDeyvh+FiictSK4MasOYUrKKumhlFQhNv5k382/20YBubSvMzt\nk3m623f8b7q9uvxWAAqhm1XfLr2RchLQBVOFuYfFLFBBwOkhpRTY1s4waCCs\nlgcBtcpf9FG36fLM0BtuX+pgt4H5itVcCBmZyKGh9I7q7rT/o6Tenff9viPo\nv9XNSL+AukLI0bK8d3pbojnhx7pceweiKI02xgCnIKCBdeP8uJuzM5t2yxrF\nis+PFl9Apt/3579loErePB8Z3fcwBLav4Elr5/ClBluQSI3K47+eQRBL9pJU\n7vjx\r\n=eCjn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICqFnn72ScktDHFVRq8XaU3gK9XwIqhmooq4kPQqfHJmAiArV8OviUf0T2ukYhrx0o/5VBug9wobJ9vRb+/XUD8WsQ=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_1.0.6_1594136315125_0.9601568814990429"},"_hasShrinkwrap":false},"1.0.7":{"name":"@terminus/ui-chip","version":"1.0.7","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^1.0.0","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@1.0.7","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-lsbYbskhUYd5Mh3Tad9Ucp1dtgBkQFtH8YwDUBiOUBqC4hKWOn8v8P5k0czBww9egGk3rBYurBkZ/cg71Ze7qg==","shasum":"cebdab7e5ad2afbde3ae9f43a44ea55562383618","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-1.0.7.tgz","fileCount":77,"unpackedSize":734873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDFCoCRA9TVsSAnZWagAANogP/1NvgNnM5cogyRGVl3zM\nPH76H7B0g1RGriMwollHrZ41J7BDF2ATUQHAuG94hMajpOisY2M0FhvdiJOU\nZ+qxDywqrqiq5BV/siOwmWuo8srG16g1rFAJZRUW743ZX0GulGqss5AixlG8\nYf/ktuSrSkxGN1N0k8ukhaYG22twFal6AtHFAM7q1VDEVQAFRAY1nDf3cEQ9\n5wRxkDRBs8CZxZVd+JIbGgl+IGEIQutWlTDm274aDUgju9ZMnf1TYXa1unaA\nzQ8FXZQ0YTG9liV+8PM5jk1Y69WQ53egFu8ESDY49b7tiHh+BKmk1S/F5V4a\n6a7zSC1j44T037o0YEMvqN+mrTKkjh/fddHg7OYoIHdlFyACQbgH9y/WyPq6\n0QnB5FH2Zx4rql+3qLzRh1mJcL4s+KWLDI7mvk/St7dUYkm9rC4g1DkzZJgv\nO6DvShu27eok225Py2iVTOHHLWE0nzyKnKMv4kYYHYMtHOhnc/SV+J1mU5uC\n0pp/Tqx0L2DPFZ8ZmdZM4vY6Ja9XFdyg2txfXuqAYdWrLr8J9ebdcryjBmAW\nXC6pTfsdcsAdp9YiNr9IGJWXRfswcD7H2wX0CD0zvHmrPzi/op/DHP13I18z\nIrAchnrLYH1FmW7EREsRQiPEQQqNq9T516at8IS/XFiBJrvmVccejhkf3za1\nLk90\r\n=Em6J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHct9D5kFkYqOGbTOsFlY246Gcf96mURn/vsyG0d3m4IAiEAoKrZljZN2sTpbChMl8+5O6ewBg1xdNyerZDhFCO/fhY="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_1.0.7_1594642600053_0.28895717490309214"},"_hasShrinkwrap":false},"1.0.8":{"name":"@terminus/ui-chip","version":"1.0.8","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^1.0.0","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@1.0.8","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-pmBtvex+EVW0p4+NdbAqAMaI1rBorlJbSCDdQZO1rHOA7/kF7/SiDu47ob/wxAR+v+VYcl3zuYy1b5sB9NniJg==","shasum":"32db688d272bf601bd1dd24a2cca4aeec3c296da","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-1.0.8.tgz","fileCount":77,"unpackedSize":736320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDLS8CRA9TVsSAnZWagAAvwUP/iglDIIcgDBBubZ07WTZ\nB+5sGWQLZyejmtcDnDcwZo6XnESWOSoYzCoIZsdzrVXbBKMeXg2WSbYPpz3H\nknHHUrF0S71Sk4BILHTkjtCGoF+1lpD8ZZW+cclI1r6zQMpdkRaN91yBQy6G\nlRqVAznprtpoML5VHSH+6Fazz2nxUTFwCv2lMTw/2bKfafwRp9zMAJdfMA4N\nsAEGy0U7BIMjPLoJQSVDAMK4A+FeNkkRrB7cai6WnEFF0psZ/naDFkvirouq\nUK4F2/+jV9/eOWxuGJaWlUbDWcEdCSFbRMdqopUPYibsHQGnamht+g09LkWh\nxMuXQyl7xBf1rhvUcGj3vWgAPmadVDSFFloOxeB9ClJ6o5tcga/1lLuGNnak\n0ToadrLay0xUjl9O464E/9+qF9jAD97B1AAM4VCiy3o9uWaLBaXaiSyM84LZ\nH/bRKan/R0+Ry8Dh6nGSaZp5L1WZbG9SctoGf2M4HeVgeIEVTEHMrstzdQq/\nT6qumY1CWCEbd5YMdjSqdy5izfR1brJcdsr92/AaA4uTAgUI4Ps1gTUwdLvC\nQujBTQdIDMuppBBMem2BvqA+Agz/i7EHCmRelNx0/eyLbBqASM4hUCFkSVcq\n1phdESgYLa+5eFfLGwXweVql1UlvXkqTo5/IbOp8PQh6oM3uMd9X1w2zA7+p\nf+Fj\r\n=3XkG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAmSDP9k0+qMWsCiy9xPX/odkL9rcKagUZqecf0Z4V8IAiA2RI+/CAL2HWu9g85yxO78ig1mH+ty8KtFiwWFm4oxYg=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_1.0.8_1594668220138_0.3387698956673344"},"_hasShrinkwrap":false},"2.0.0":{"name":"@terminus/ui-chip","version":"2.0.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^1.0.0","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Installation](#installation)\n  - [Packages that need to be included](#packages-that-need-to-be-included)\n  - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Theme](#theme)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\n### Packages that need to be included\n\n- `@angular/cdk`\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/ngx-tools`\n- `@terminus/ui-chip`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@terminus/ui-styles`\n- `date-fns`\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n\n### Modules that need to be in NgModule\n\n- `TsChipModule`\n  \n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Theme\n\nA theme can be defined at the chip level:\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    theme=\"accent\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection. The style of the selected state reflects the current\n[theme](#theme).\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.0","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-y1moZ+QkIZYZB4X2uXNEjJlPy3ob1sjPZlWezIJ4tub48na0SUqIPU56/XabOB+zzDYV7p/udhY6sOQatxfH3A==","shasum":"5c02dd6c5bbee26cf9dc2392c3ef2730a91ee7a8","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.0.tgz","fileCount":81,"unpackedSize":742651,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHy18CRA9TVsSAnZWagAAWPsP/RMUcrug/vtBKQCURTZa\nJjdUQzM5z76ERLKWgkR9Fkhe3dLUapB4ssfZKiwzzwM78rEWYIPLTNf7rWrU\nsfJS84RNO8IHDBperRczBftipe3knQ+4I32b3IGxPqPoE+y881eKRElONnkb\ngYTCRyMfygZ0ORgl1ualf/AFrRJiisMtTtfWgTP6awopvWm5J+inuyG0sory\nTVu8be/U4IPu7kbDAv9KjG+AN1BWPUucZjUSe8YIXsMBNns0pDV2N1xMqjn6\nz4avgTcTspaJnTc/1yDw3z+WUln4ZEgx9+0UTeMcbiAYsMXSaiW8++mgd3ng\nfaWxzGG0s47LFIkHvl2LcMa15tOdqtlNDzhSBFv5mzAIAEYywPSLOm6LYhET\nZcyU8X1fqA5Nq3q/dgTtDg6aDMsu6dxK/PQB5J3mdmArA5XFOc851AdQR3tF\nti9BpxtF20IXImJGsis7+ddUYqRFWpSXpDno0Ln5xuoGtQTS99Fe0hYtUXlZ\nIUQkodH0IcSVpW1kBGai/tp88OjoRE8b52+otNzsyDBeD/lqjc0YBOv0f4Fv\nIcUmBD1ljxgaBurcqt9m584/KhcidhYdRzJE6fM2t5Z1wAhtUkVyd51Vaysu\n4rbvEq+34KHsqwabZ9Plg/6ndwoLxWv9fs8rhmUZ8Ih00X6cLOUS5wr+lBLD\ndmVm\r\n=hLPv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8hyFVZFZi/R6xLiDoVWOFf00HSgvUOjF7YZLRJ101kwIhANP7eK/jM4Ke9GhrGsjR3LQUKtdneSPMtAx+6YxKps9n"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.0_1595878779874_0.4929096830532518"},"_hasShrinkwrap":false},"2.0.1":{"name":"@terminus/ui-chip","version":"2.0.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^2.0.0","@terminus/ui-utilities":"^1.0.7","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.1","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-XnC1LNyL+v5TW3j8Px7qNpdUZME99VDEWAb6VAojrcR94GFquNTsDtAP9vkIO9cV0tEA6kr0KMKw4Je63YtUaA==","shasum":"c299cce689a93db072b212fdf6f69b0f118df0da","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.1.tgz","fileCount":81,"unpackedSize":742933,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIEQzCRA9TVsSAnZWagAAH98P/AhFpYFwQ8TNmXQh3OZt\nsxDLekLoE8beAwdZAq47wQdhipcdBT1lOz6uZWeiH9r0KRKfso5BIv+TryL+\n/jDvfWGZUd9k/AmARVgbhdA/7A7zhI6m8ormnK39nSu7xjNO1iAvuiH9+OhT\nSjO/cBxIh6CXK/TytO9rd/yp71EAflhKSCjS7emV2wArhP/RbbuIO6+42TlC\n18gbHKZLRAhCPVLGaqTQstEgxKqO8HMhL2m1RhOPcwt82C4QuN0Tcj07ZRZU\nGUoZyTsaR9qcXBGYSajpFVT9uwIdHOjAMJxVgX466mUTIBu5YJVqICeciIoG\nDL9D9VT2VpgtZziJXzfkfPc+zFKL5vY5RUoaaDVMP5OYbkk20grou49z8ab7\nKTTswPq3V8rEdYQU+9Q0TY1z+/orI4BF9FqY3up5eXMGv/dSvsjSyJSQzBPt\n+52peSDi5iW3Ds+sPN8y6MlasxOrvDmU2XSmaJ3RnXOhQUyCLpnxB0M+F3PN\nfT4kdxIcymM5zgoPp6eGd3AkJMKk/zZuT9WbXINQnXflPrEMQP7l/DvIWKJH\nIvf3G0ep1V+RJs2r86La9WtowqEQXrkSznC58vkb/xBAw7L/7tu5d/gDnYw9\nNjA11RCMDhzHhcrX9geDZlXmfFi89YtVjmWoCx8s4RzlfVsYP3Qd6io2G6al\nJwNk\r\n=kKLt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAjsyhAfpcZAE0r+fV+3BiTkmT4tqy4bsKFXFEcPYP12AiAqTvVhDTjoqIHLuEiYti9N0KEnhDSa8zz9ani+lZQtMA=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.1_1595950130741_0.21445670822411156"},"_hasShrinkwrap":false},"2.0.2":{"name":"@terminus/ui-chip","version":"2.0.2","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^2.0.0","@terminus/ui-utilities":"^1.0.7","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.2","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-FDymXmaRyL+Av2OF4YL7IIqGGzWlGwHBjQb0Mm6pcVfp7NsWV6HM/35wlrkyUuWY9xzJ6Nob1RQ+6TKzkqLz8g==","shasum":"731e9be40a602e61f80658049d43d811bae8ac1d","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.2.tgz","fileCount":81,"unpackedSize":743597,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIG5KCRA9TVsSAnZWagAAPuoP/09QRsVT52w64e5RMOz3\nLRdVTvMOn4TF8rQ3HFnsopz4vQ8YjgxKwZYv3+z0iXASEti1Giq1aLypw3ZF\nekod/27ItR3VSZppfY/K/QVPP/wZhIhhaTHr/kVbu+E7e14XECU7rkCJNnTB\nIgxAYG2P32GPYTn2nixFH9BHfv9gyGQQBOuZwecunQbeGoWdys1UBVledbZ6\naSuozk4x3w7g5mFMIET4WwB6YfO8MFW11WcECfQUCIfEFCmzLUgjWvuKQdsq\nVMrnReWxQQny1F5t8pbDEBuzkstXuH94RqQe2fyqNDqtCDBgBWDt87Yrgzof\nrLwCxnZNx16CZdYUu356tbwdZVKPWUo4ek7oDCCMBztc4WbpOITIOEBHQQ7+\nexVvo0Lxev5/WI4KUI4zBFOnF1Ehog99vvpV8EKNyUzc5GDeMfvBF4ifPeFT\nHdcbWWT7K1cEPJ7GO3EGnxyVTvp4Uc7174TIUeChU9UhgDYUuXdEpCJPbPfT\ndmRRIvsrso07ZiDodGlKEcNM0fm4oI48XxsRyfJjNtuk1jo+RTLT/hqZ1m9R\nP5mE4xHRfiziuKqzVRk0wwR3+ydKyMeKF4LaczWhrrFFhnL+WodtcNaUZQQ0\ntoAAL5mknRL/wR0wapNFFKX5tRY2QIvvaqV8/+T0yfqcpJmu4BhVuuwr0iiS\nmRIa\r\n=Q27L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAX/UW/ZHLfA1npTq4MHlRALL/AtRsgPol29MqFkoOMeAiBBRRNiLysJcWgUBkpopx7AQTnUyV/wdYCEoXUqI3QL+g=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.2_1595960905459_0.31840284292397003"},"_hasShrinkwrap":false},"2.0.3":{"name":"@terminus/ui-chip","version":"2.0.3","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-icon":"^2.0.0","@terminus/ui-utilities":"^1.0.7","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.3","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-g16Xys1XkcU3ActvmgF5UacBZDQomTdOSBJPzGzmZmiLm3gc7QgFz8ym3MGCHgr8J8agWtW4lI78GIntBGceZA==","shasum":"5be46d2b9eca2c4fd444b9ecf42c3fa6739e3401","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.3.tgz","fileCount":81,"unpackedSize":743794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIZbdCRA9TVsSAnZWagAA2fQQAJ/gL6SwWQkSpTz0Ji6B\ngCnNXt5JquYSfENZz1lVBqXFklq/JcmxTe7Eda8Lcu3XqUp4F42HDyuk9sag\n+93yXcUzdMF81S5Ckj8m+qhJkp2g3NwoKK/rF8DOaaKLpfqeWFmzuzPUBHYH\nMjFmhl81PaNEzyAiEkakuc2GX8y212WaiP4hhObVuqhUBLUpiFrL9lhNYTTK\n6upMFxNtOdZLCImkHECsTV3nj94CyYnCIE9V1/g5kkycdZcMAqiV8NXExtB4\niXffJNZouhIbe/gWYLPn8VWgagG3EDyoHVeh+wfz7zGzis3hnrGGVeiIOa+n\nQD0miWlwsUc5QQoV0zQ73LcYr3dYEYVoKvK+szVesj9G20bx0nNFQBD2fHfz\ni7LYZENVu/cjj3Cfc/MbeSIjOWmM73vs3X5tNpQm3eGJ5Yx1CaWRX7LToAOh\nvx9eQz8eIGtBIP37ZCVLpMEgofXrXFlPAjI8r1EUPgK+W7W8xWddJuo0f7cM\nWkCcvmDy9tHcNwQDQkVvjvbpfF1lJyx5CVmukXNrrozMZZjucQPUDr+DxzYe\nuHMo9dDVP7aTBb0EmulA1bK/tZORY84g89XS+iHx/UDUkL+VpjYc3lUr60UL\nyy/Rfl/BMeJhcL42Zeemn4MPt9tdks9ONj3ylOMWclr9mE78j+ScB1dZX+q5\n09Wv\r\n=7Ru5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEYeqA7vcAGbqeutvYljVl/z6HNRE29kR+L0OvpTPXjkAiEA8mA3pz1PIJPr1JDOKvHj2QgV3qSuzavVoeBZJv3E5xo="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.3_1596036828998_0.28843241050635826"},"_hasShrinkwrap":false},"2.0.4":{"name":"@terminus/ui-chip","version":"2.0.4","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.0","@terminus/ui-utilities":"^1.0.7","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.14.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.4","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-fhQOdOC5teiP2MBBp4i1nueot9C1tFpb+ocWl8p2QjBNNmC5BhVe0q3Snv3/Pu+7KVWDtizCI4mNcB63HwbXmw==","shasum":"5a8ca0f5e83d82f1d4cc38e1ab0db89f95c07dbb","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.4.tgz","fileCount":81,"unpackedSize":741695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJCP1CRA9TVsSAnZWagAAlWIP/24FuY0vdd41IP8E+29m\n1jbCLDEDJb9tmK6QXp/RACfuT115ysDrH98UyQf5iFnEAHI/TsCxbDU1CuSS\nzkdhLFlhpKEpA7abW98WM0US5snexABaWXPQ1EodEXVO7CcwDlpnfYK0HtZQ\nYSS+M0LdRA56fYRh2a2iDq0MBE15DLjEK0pRakpjR53Re/lFf4Yo7kgcijq3\nx9kjh6deciFt4R7+YkyR31lJBbdWK3DD/fUm1PlEKBs6O2kz/S9tmM9weGZ4\nQvFuVZlK5MvzNnU9j6LVm9q1JBlKUsM2iCkmmTJR1dcv7leK/PAWdzP7b2WK\n+3nX5+/enQWPiN1xhxq6hvjlYhQtgeoPfUvp406bWvx+YGPM5vAg09f37hrV\n+Kgj8CaNK5auzfXVCswiPxBiX+w1oQDGGdzUtEsnjvWd9tgjx/pY9wMwtv5a\nJuEGkY0MTzByTKz7qa3NkYYZbvMkK4ipaInAryo4PUG4VlkKSpQ1uqVdCEQK\nWEJtsY2GfCmo/EZfOocYZGD/OgZ3PK7iQ2KKrUClVi3OX1iH0B/MfiKk1fF7\n4wNhe5iI3iQwo3YEk31emT7z36hsW02hma7vZ8hTc9vxu5O0OlbHhArEpsGD\nOKUpbiYBAaLUXXOcux5zKWokSAP7zAUorDyOeNvuIvY6wszIjHnjRt5D5I0t\n7geD\r\n=aVcW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVH+zoqB7IOCtGI+ejL5urTiduVa7Yg99wCz3LBve7hgIhALiXkHACPoLPbEkpRoLl4fkdm8usPDgwPPkyyySSMX8h"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.4_1596204021468_0.14504897716961973"},"_hasShrinkwrap":false},"2.0.5":{"name":"@terminus/ui-chip","version":"2.0.5","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.5","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-RO9jYCBGpwSWX8EwXNLj32Xf6WadjvM2wvek8ZF9GCpoRpiYH7CDBa00SErtiWy6sv7JnOx8Tkwy0hV3fhE8xg==","shasum":"3345fed4d93c101a56811f8e49b117bc85f6bac4","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.5.tgz","fileCount":81,"unpackedSize":741887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMXO5CRA9TVsSAnZWagAASRcP/1M+/Oo/UFIn2Il88Ycs\nVQVdwhjrY8VzSEVCRQv60H3iIvDHmv99JxfSnfov90W3JJgW1uqIvH4sMQcq\nMKmHqQCkGSGAN3qmsT30YngvcgyWio9mJ0roMMbbxWsHnPBAdBoGBFVBvH78\nU1D0vVCw0aYwl7p0Px17Uro05WqjLFHMMfVLVNfArkNGD8FVyO32MMtrd8cy\nRlDeCKYkLfXVDuNd8za2FsGOdipLLYATeUON8y57AV1zMpFQ+3RJSBZKLJRM\nEPbi/Veu5lf5qdn1wrEUankyT4GveOQnjV1QrwxRJe7mfIP1WN/RKYBJI6cV\nmjicewIyFsJUQyuNhisIOfr66ELyhmNb7HG5P9G/tCHn6xqivAcYov7jcKf1\ner41iyNfuL58vWF5Op84aBaVefIIueVZpKqR6aWQtKRP2np6wwxWx43l7WjG\n0MuY/xkgjBdOKbi6KK3NnVoGiAw4tRg8NPlULCm2OrGCn4gmtAu6pAs3pdFo\n0UWomqRCCadbADKWEW/lcF9kmXWASUshBZJTgApmy3YmYCmuC3mOTFxtIAFr\nrHTT/x9Rgm2xv3r/6XMx8+P1IWex+6J68TAvoQKGkvDr4MB0S8/h5tz2igHx\nJS++Y3StWOgWKQ+HZ1dLrMagkdOc/H18HDgvE2LST/PiEaoF1CdP6gmn1oQV\nU/Pi\r\n=XED5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD33ICkk7znpnHfgnpgHe3FAzP7TNs4pze+ReU/Lp9ImAIhANq5lRjPjWilxGYBIkIvss7lOnFTJgafy7XIILv0Zs9v"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.5_1597076409488_0.6942184654214423"},"_hasShrinkwrap":false},"2.0.6":{"name":"@terminus/ui-chip","version":"2.0.6","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [Packages that need to be included](#packages-that-need-to-be-included)\n  - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Theme](#theme)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\n### Packages that need to be included\n\n- `@angular/cdk`\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-chip`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@terminus/ui-styles`\n- `date-fns`\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n\n### Modules that need to be in NgModule\n\n- `TsChipModule`\n  \n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Theme\n\nA theme can be defined at the chip level:\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    theme=\"accent\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection. The style of the selected state reflects the current\n[theme](#theme).\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.6","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-8HRcqOwcwmch3ZugfR+fSpUzaGT7VwQqXKKtEYd+MkSwzNjuNOKDoHqePWiwKhJ6RvvxS0TO2/hcQv2P+FQVVg==","shasum":"bd090abc3d81712301521402117374fc16868e12","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.6.tgz","fileCount":81,"unpackedSize":742027,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNq3ZCRA9TVsSAnZWagAAjI4P/Apw3A24cylg5lSefmc3\nxEmESNUUhN87MUwb98M5d1CxYZjXFvFlFZV5ZSPwi9Z0NAKhv9uzEt4qrxMr\n3KlY/t9ElPFpNUGmrEZCqsCGygM84jtcMYwfJdmy9WWFgrYyK5yR4UqKAOXN\nc5qQIbWcwFvhJq5LMDQCehJyf9KprFxWmyQSXvGPtUsR8iMd0bYhxKoMfsOY\n8FIuMReOh0/VHX8M+g0qwUBs7MJ6jcDP/wif8ubul0r+kt6HDftmmtxxWO3G\n81t/RHCAACpuZVsWQOGE8I7dRdjVuDUMxaBMrrKOT4o2tDuRcjW7vorXs9ON\ne/3REbXZ0EOW0mYl1rXfBZfXUd2ZgyNn14WIRkSDa5TFrzG1AKkehYkVz1ry\nmFB6Q9M7gXZU2d1FZBDToGzyZy6RyR74NGR6He55rbCP+bIeO3hRx6T2pSMW\nAwStS0HjuwWn+3LRGoSVSGVWgcYlsdVz0LrmgCztvEJXsT7VNUtF2Y+u15Kb\ntr/yssFvRkq3sih+N03WPjG+XZFFM1XJOcopLn+Tkn8NyJJlAiBwINu64Pvr\np+mV0AjvO6cB3jdf8688BwmzBcY5yd+tluflr6UUt6uzA0p6T/W8f9EqqtgR\n/0Dmlkx9V654qJqRihZ3R/5cjutJO8CeyUMFKWotzTS3TV9F9vw0igIbJdsG\nySq9\r\n=WT5j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoh2NQr47O02304MaPloOvMAc3wt5NDMKrdg3+CO/RbAIhAIBxYim04hRC/rZMn7dPam/hPt3XpaTf9qfYYIWcQ/FL"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.6_1597418969249_0.21227107398728529"},"_hasShrinkwrap":false},"2.0.7":{"name":"@terminus/ui-chip","version":"2.0.7","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.0.14","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [Packages that need to be included](#packages-that-need-to-be-included)\n  - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Theme](#theme)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\n### Packages that need to be included\n\n- `@angular/cdk`\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-chip`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@terminus/ui-styles`\n- `date-fns`\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n\n### Modules that need to be in NgModule\n\n- `TsChipModule`\n  \n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Theme\n\nA theme can be defined at the chip level:\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    theme=\"accent\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection. The style of the selected state reflects the current\n[theme](#theme).\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.7","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-7prKv54jvxtplquOmeIRwyA29HCcebE/5oHHv92W4F6m6W7+yhnjGqtsBgJBp8BLItt9tWqaCIFyiMo0Ky006g==","shasum":"61bc8233a98453dcafe50170840e3fab92e8a187","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.7.tgz","fileCount":81,"unpackedSize":742404,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRtaTCRA9TVsSAnZWagAALyQP/3SyMjaT0mVbicD5lcAw\ncxogSHZLhdFgDYdcoSjQ7XDdqI0Ku1eGmoFVYZTCiNUjLlXmgWpnYKAlZPnB\nOGfhHgRpPtshXac9L5aabba2mYT7TIDYHtFC/DTpWrxBhsnIh8u1LrgqXHtw\n4L+xWOUCp7GYg4FKW9/AGsaXmLfzXNRup1/zBi7hr2jCRovDkMKb3uq7nwUZ\nS7j2lcWvr53juVtofJFiO3pFO+VdUn5ALVaDUzK8H9xBf8okUA7zdF709c+x\n0K3tTA7IXtKBLC7n28oRKbLK/NslhPLHFWr2CDmMl8xK7gigCCHqhlyyh+uN\nMM8cLjt2Y1Vw4HIyusGKUJhYhaEQpVQAUnnHDLNpgvd27JwzqDT9wInl0F92\nX7quheXmPJKhbQfdaHm6+/XpgRpXSEDhnyjtCBbd6eye0redckxqxRp3lPw0\n6E3GrCj1m+NKmjRrN5KdeZwnYTTRkzqVhEG8clIixNLIXevYirenjMm2+AEz\nVglmBk9aoaWPPnhzXqmWqqK0a+7V65J6OnK8CkvGp4zBIYUXlYdYd90JnVDb\nSgtmlc7r/Oi3jWxj2I2TS4hIyjSpXp32zQxlH1+FZBcdAiMHFaRJdcfHd789\npCqcc4apr54yPBHdYooDP+Yybeb960PH5Uvm7D9wI2a5dJ1bzWuRUIP6afmn\npT2s\r\n=QlS6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdJ/eylTz5NIKn2kGjWPuCAtAUya49fYg9eAcJZ7jZhgIgQT138wOi+2MJ/EyN7T5MGkC2I7JhDktiTTh6Hys5uw0="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.7_1598477970686_0.12166779159261032"},"_hasShrinkwrap":false},"2.0.8":{"name":"@terminus/ui-chip","version":"2.0.8","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.0.14","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [Packages that need to be included](#packages-that-need-to-be-included)\n  - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Theme](#theme)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\n### Packages that need to be included\n\n- `@angular/cdk`\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-chip`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@terminus/ui-styles`\n- `date-fns`\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n\n### Modules that need to be in NgModule\n\n- `TsChipModule`\n  \n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Theme\n\nA theme can be defined at the chip level:\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    theme=\"accent\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection. The style of the selected state reflects the current\n[theme](#theme).\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.8","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-r0XcAe3AJRsAqt9YQfx5E6QrPSUOTIzy4L6HcQ+Gh/TtFrAg3a0dmqoNta2INkKyl/+qNkOykX+W7IukvM8uBQ==","shasum":"0721453c6a8caddb1a8b52bc66551a8fa6030477","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.8.tgz","fileCount":81,"unpackedSize":742595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUXkHCRA9TVsSAnZWagAA5BIP/i4Q4FkuS/USkFAENiO2\n2jQ7W9uJp0rj97evNMvV3Zih2C2PBYSytmqU+uV8a7gQmu4G0Br9kh7mg85W\n1ZV+wOpEVSwBH3B9UETWWWXHhJDZOG5Lozscvdx4scZ71qJpsCGwa2k6P4Ys\nXckPfabt0UdFdXqACsODpcxw5USiCnN6wS0ymGQSzZu4I58skZ7ZusWsKmIQ\nAhozyQzs0v6CH7X2NVVwNbizJWHgBp58T/eI0No8lpsHmOxT5IAFZ4iMknwb\nbGhdQaoz+ejC9fzmTLvflkl/j08adQOR7P4PusmmQbFKPbt6gFOZRS5Wvjyx\nDaGER55S48o71vsZD1Ug7FRsI41jb8ZaDmmuvYZMoQGtc6GYohqXi2mSBwlU\nJcIukc6BL7xJ3nVNNak0xXMNixiOpB+yTbcpxNP5XH3IBmGqfChkNYr8SZ7D\nF6gBjpR5egL8MsUFBshoryUR50+8N6/lqyu4dcyDDYjzH6N9TxIVLAYfsANd\nuDmBEJKlVENHxGbv+mvmdDxNO8jlYpJYHvKgevRkaQqpfP42W2MyQcCSBhK1\nE3kxn/jTWCEU9exHXhE/wjf+gXw0/U+hBrUPrXKoOnjEsJCI2N/dYQ69GEtI\nDTOePkQlYi3Am1YjWcJyUQLX23xFwFvYFKu6Wjcp72l3mkWCVsqZUiUtaoSw\n4TnE\r\n=TvIp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCIpAenGso4rhJUTAwVxzvrGZ9XL1RwCT0P+73AfVCP+gIgO9peyxcdTG8BxLHwRr9j9Y4n/HW4BgXwNljOks1DP6Q="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.8_1599174919213_0.6190389154810394"},"_hasShrinkwrap":false},"2.0.9":{"name":"@terminus/ui-chip","version":"2.0.9","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.0.15","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [Packages that need to be included](#packages-that-need-to-be-included)\n  - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Theme](#theme)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\n### Packages that need to be included\n\n- `@angular/cdk`\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-chip`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@terminus/ui-styles`\n- `date-fns`\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n\n### Modules that need to be in NgModule\n\n- `TsChipModule`\n  \n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Theme\n\nA theme can be defined at the chip level:\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    theme=\"accent\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection. The style of the selected state reflects the current\n[theme](#theme).\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.0.9","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-nDELZ/ShaUD5YCc3as8Iai/78+N6PcB5knE4JKDAO3qUU/hBMOoTCD2nd4Jc/eQxm4xjh29CT0LRdPPbC+MYQg==","shasum":"fc847a9a5618a65cb0b8ec69fad3ec85868a4abc","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.0.9.tgz","fileCount":81,"unpackedSize":742808,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUlbZCRA9TVsSAnZWagAAonsP/3eGZofY3aih0VYNqofZ\nwyuCNwJEt6bYrzoQ6Qkh29ayevOe1TBrgMxpl9H/nMDVslnyV1BqOo0b7qp/\nkEmWX3jgsiGOUhAeaS43anqs6lO0H9p7mgte4PCPZ7aIB/niqTntuLiWdmht\nJ63Q80tUuoMdcBqBb3x/LlNRenfQ376JbUZAKZpeuM9DHcv9wwr7cUfcqVnv\nnf5kEcg1RlhHRugU+10YCbc4Z5wBwTD3lAuUOKcWgdDL/5pbxQhcFIIxz6Aq\nLwzHefqQAHFQ+RVJt5+LKlGbNHWqQx/Iak3N2wdhvYIgAnQ5/VAnLR2Z5l6n\nCmqYVCwKlYJcJk8WDP4BqlMAqmqKUkyJ8TDHj6qDAA4c0NgPzk8UsdmTXcT/\nFzZNOGEJiJ4zO7oCNPPLXWuruQo4PfTI17Vi+fm32AzlyfNvXjpSdJXsS72p\nrXAcJ35LsRrXcH20P3bqJ1SUodFGP0zYF4jxOYXLM/8QT7e8Z7h/8emdnKup\nORHIeux4HIIqwHLYdXb8dLDHIqnDkZVTytBrqsBpT/Fo6vuPA0xqpazQBUfd\nDT3gDmXp/UBBS0nWPPc+oeosZEuaqe2HXVmbscslWS/gUy7JllEDFzwsKkGL\nsWzcGfu547xqW/KkrbVbC7wBNqu5MU2UCYPkUL92dv2VvRDtkfktyZhAV4WH\neUkw\r\n=UWoB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUNelJVuhckTYg5kofV1dlrvgevig4jRqAhxKbiQFc4wIhALU9iZWpAH1wH3FQAxpHZs6TnEN6NT/ndYpEz5GXDreX"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.0.9_1599231704956_0.7544815641627298"},"_hasShrinkwrap":false},"2.1.0":{"name":"@terminus/ui-chip","version":"2.1.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.1.0","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [Packages that need to be included](#packages-that-need-to-be-included)\n  - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Theme](#theme)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\n### Packages that need to be included\n\n- `@angular/cdk`\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-chip`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@terminus/ui-styles`\n- `date-fns`\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n\n### Modules that need to be in NgModule\n\n- `TsChipModule`\n  \n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Theme\n\nA theme can be defined at the chip level:\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    theme=\"accent\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection. The style of the selected state reflects the current\n[theme](#theme).\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.1.0","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-+/yLWRlLnupuoTn4si96AY9BEVUQUnXttZah64ytq0cvjJG+avW0EUh6iCxz2I02fiCRXHGaDVAq7O1MReyMig==","shasum":"47dd7c68f8140b97d3cee352b15d2bcc1c63f621","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.1.0.tgz","fileCount":81,"unpackedSize":743305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9LVCRA9TVsSAnZWagAAVycP/iD9qYEurHgoSXbfNkgG\n883vJgT9E3HZXzYkBJc4rK5iDckoH8NbA3MqRC/pU8ml/Vp08jSeT7JsTb12\n+iXZMyOubeR3ozks0S1LvtZ7CzZU3yvoIsmflLbnRSIj+fgOf8J+5j6LLxcQ\n4BSCg8ek+Dl1zfK4U61acvQlCNg39+K1CGDuFusX+pyjQeo8kxv67N22utIX\n9HzhrBdCHgsbKAXAK/JcGerE82sMui1q0P+mYYxRZSOZwcC4WvlCtXBmzUMJ\nNG44wUhPr9Rjft+Flcs4Y99nG5OOEpZ26Pswn9Pa65QY58X0L5fMH+CuusVT\n8oShcR5/HY21RQamStRMOo+DixgtZGtvjjTrqtzI3n7P8TV0CeeW4NjQ/zlR\nrcks2K9DrmgSGXLYLZJncpY1BFHgKiRprXTXo8Lp0U8gz1tErkZ/MilWSd+A\nzrRwLYOGedNV+bAUvf8jkFbJKFEtf/vM+EyIYMMNmt8yc88BYurRGXFlpn9G\nl5GumeA2U/Y+IQSfXeqOhzsxVT66bctcc0No9fRcZDrMvAVfzYSxLINCp5cV\nlLsxujsiBKzYnBhXQuIsoGxqj+nsedcuXK+5J9bdrdLBY79teEFwpPzxE0ow\noIamLA1wadQKeIsQrUdw+z/Uarkkm1VJMWiCW1a96+zx77s3pXbvklgK6N+p\nfxrP\r\n=csCp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdoqEgx+FiDyvW5fgji2PaW2g/jkYAoFeejm9bfjPjhQIhAOyCI9m3gQ+yyy1i1vj9SdToKBXasl5PcMye7llcf9tm"}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.1.0_1599591125109_0.8726538651795337"},"_hasShrinkwrap":false},"2.1.1":{"name":"@terminus/ui-chip","version":"2.1.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.1.1","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.1.1","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-N9iUQbDZN2fSFVvDWkTDrYDHnVQfBWNXNMGq4orJejIQDw77RVYNOo+TDbcNyBL5S1obVZDigzs+Ka3Wj8W9SQ==","shasum":"792b26598257f29a6de63885f42a1b61383e4e7b","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.1.1.tgz","fileCount":81,"unpackedSize":743496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7VACRA9TVsSAnZWagAAo5sP/3jDBgoP8+OM0Qfdzrmu\namWHXsJG2bQmT2M9IWcPeplCuUY3XnTf/9kOV+8sy4AO/n20XgfutCUt55Wm\n8Qp3j+EiJOQUFjdJOxt1MzDFIyyiDrplEMVzeh/i3srrVgWFmw6+n899mTqG\nhmsF1KmgcljKRZiffGI+pgLrd1HqCHjl17NU+z2u/4zl2VwV+8+PpFCUG6TS\nxRhS7p8qEFxVhdZSpOMnixk8lRQ1Ncy1CTT8w0zTY8o14IwLvNYqGRDzQS5z\nxFraeiLNUykOsPbaCwRkIdHtMCbGvHoCXLSYHBu6Oa67LHTDRN0AMBqcr/Kr\newdi3EDojAb3MiLgI/8ARkv5Jdif4gyAHIhHBjehl+KE90XRELwS5FRVHo8j\nm6IrvQWAtFkppoikuvXzqELCI+t9KuXuY8Rm1BI7ONmwrluKOk2LwVevzO/2\nOiV/rQcvb+VXTSAF1bDIs8bDEvkxQW3nFjqR4+VZ/vBuBFIs1zCsN3r13snk\nJnM7m/T49h+zbkeTHlwO2UyQMvsPvyj2xbiZJl7rvxcgUmANgvnP7HwKWr8b\nxaFD61EaFtQT8ac+rTeNneJ1ONPmujBIcdlebfGFyXXxoCKIAkgL+SsBcf1o\nqvQzLPCfN70nIMtwf44TtVs0ywOeKN7OtKk+rxbNBYQctlQ6fMBT6DLuqzqa\n/Tpn\r\n=xQHD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLauV7rV0zTPs/uyex/RyLqhbMIDrKNTxJ1l3A/HZANwIhANSaPsp4Y4SUh+8rdUTjhPm5tqR3HoETFPENzeaAoE5V"}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.1.1_1599845695811_0.6966381655851845"},"_hasShrinkwrap":false},"2.1.2":{"name":"@terminus/ui-chip","version":"2.1.2","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.1.2","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [Packages that need to be included](#packages-that-need-to-be-included)\n  - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Theme](#theme)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\n### Packages that need to be included\n\n- `@angular/cdk`\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-chip`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@terminus/ui-styles`\n- `date-fns`\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n\n### Modules that need to be in NgModule\n\n- `TsChipModule`\n  \n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Theme\n\nA theme can be defined at the chip level:\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    theme=\"accent\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection. The style of the selected state reflects the current\n[theme](#theme).\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@2.1.2","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-4nJ8k4MZfaPHb9nC6BGuXIqzfl/kwrhj2jaSA47hlMJtPA6YxZwr1jMbNvjXaLaI6YypgRnN461bWlOxnILEhw==","shasum":"7a86b32e6538a438e22a8438a79a75128d63a4fb","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-2.1.2.tgz","fileCount":81,"unpackedSize":744527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX6qDCRA9TVsSAnZWagAAeSAP/iUmVkiL1Fg4uyog8XKJ\nY9bIBNdtxa2owpsDCo+LClPY7+ov7hIpCqGhNKL6mXPST6/W7pH8hKBFzBZv\nLa7TpNM0BgATnHXptCNho6y9o8XlZZp+d8Ynk6qF/zBZh0YGfIl43mzos3U5\nQjJInzFAXEvndlyEQ0Jq0ZhmmQ4f7dEMBPpkJWjQWSdxUMPmAqW8rI7nNm+x\nkWhw7uVqg8BNqQuTg7T90I02nljif4PfKN4F5clCXsIOIGU5PhFu0z4Uckfk\nG9A/HBrKx3mKsYodvWkG1FobLuHXObN7SDK0eB8N+NbEUKvEyX6Oap5B6pdI\niR0SPb+uzJQG5cG70BlpclZaGHOZHJVy500gmYtCUxUwxAbHPjydgFCYIDHL\n+5eLdU0B/kJG2/r9K/oTR/9x/Vps5AUKQ85GGkfUu5oj8McbNS0Xz0cTwwT3\nyBzh2U2eonaTCIbL1VyxlRhA2MsSZ0ayp/qX+fJhmvEM0wVgF02NxvDPQppg\n5FpsjfnqXPiDbPRRGOiKSFfIWvwADdybXgXA/L4v4qMQW4S0k1u5L1mGL4dU\nV51Ur36wx6aMOomasPQQplPOjoMdWHkHW0F5rFQhmwGE42s0vEi4llHKGa4w\nSE/0LYzZJR4uXrE7N3gTadpfhgFNpT8QOb3Nrf4o31O5GjJ04f7i8RYMkcXe\nzhd+\r\n=5PLg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA4kpYzttakyNa8dEG3t5vlLmt5YgUqil8k/9ZRnBZIvAiAQkMCApL8ryllt02kauRSUIfCEB7a+3cuX9/OP+Facmg=="}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_2.1.2_1600105091050_0.7886472193014211"},"_hasShrinkwrap":false},"3.0.0":{"name":"@terminus/ui-chip","version":"3.0.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.16.1","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@terminus/ui-spacing":"1.1.2","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [Packages that need to be included](#packages-that-need-to-be-included)\n  - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n    - [Background color](#background-color)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\n### Packages that need to be included\n\n- `@angular/cdk`\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-chip`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@terminus/ui-styles`\n- `date-fns`\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n\n### Modules that need to be in NgModule\n\n- `TsChipModule`\n  \n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection.\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n#### Background color\n\nYou can change the badge background color by overriding this CSS custom property:\n\n```css\n:root {\n  --ts-chip-badge-backgroundColor: #bada55;\n}\n```\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@3.0.0","_nodeVersion":"12.18.4","_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","dist":{"integrity":"sha512-zQjDlVxkSPwjNKg7vjg9Idg2lzjOe1NVpklUE3jV4nmIh+44xLF6aw/aMrAQ4zVYL56bDq8blOQ1AErhFg+OFw==","shasum":"9ad0e4c9d0c49706703e2ea9234e6da69ee63182","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-3.0.0.tgz","fileCount":81,"unpackedSize":734807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbO/SCRA9TVsSAnZWagAAMqkP/jGtSt2/FZ3mgjfu9nA/\nwcC8GnCZ6cXGzyivaE7i9BJE0fqfjqxqaVQK+RchO8lmR8c7ppWbqAPQj0Wi\nuXU07vCDQCtpAW0KsSAC9zPo7J4PkhB35cYXwLvPVTxS0f7ZETCnCqrPxGMc\nxznHkAS5lfi3xKe4abMH4+8zciaHsxf686ua15LE4dfluQs0qaJ4sB/oEedd\nUmm4JQoY8TtdFIqoDVJLHGtrKKOqY9+Qqpva0Ferrn9cD1YGWe+VdMCVaWXe\n5q29h4VFfwe8kvMUkK6nd96UGc6xQuGREcQ50S6x9Si83LBBMwy5d+RG4r70\nUIXtHT7saHZuLtVb+VDpKAHyMfSw2JtngH3w2qxuQHvtyZq7d5WCAeoO9q/w\nTItkv7Nw6aLQmR6ky+FCo/W1q26Uesf+rba1JFLr5e8k97YbRRS+E8ZgUfGb\nOcYL1yOKnT4jn5d1I4bZOHJgbaLvowuxaSvSXVSOcNnYpsWwjhdUprsBqckc\nalfvzR6aF/WcOMMbHSZkt8a07IeoQaDNkhFXhQvd+yZ9UCVrEqWh5gslRUr1\nZ40ilSKD6iJcPZCtwHK5L1a7EeEGLoX0Cmzf5PZsbBO7uSFO/7j8FRUgNSk7\nXIqdK0yTkrE4dJ0mpHXCjg9blIV357TxvUxHN9wNY8pjRZng5cvtzUvEMtAV\n9R7W\r\n=R+a1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcZ27YaAqn+KKYqw7SlWqZx2huADEA6nG9P/54sBBi2wIhAK3ZqVcYPAbT90yE9WOPbrripAxtp8pTj259V0J0zLPX"}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_3.0.0_1600974801969_0.7527894368731098"},"_hasShrinkwrap":false},"3.0.1":{"name":"@terminus/ui-chip","version":"3.0.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.16.1","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@terminus/ui-spacing":"1.1.2","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [Packages that need to be included](#packages-that-need-to-be-included)\n  - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n    - [Background color](#background-color)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\n### Packages that need to be included\n\n- `@angular/cdk`\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-chip`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@terminus/ui-styles`\n- `date-fns`\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n\n### Modules that need to be in NgModule\n\n- `TsChipModule`\n  \n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection.\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n#### Background color\n\nYou can change the badge background color by overriding this CSS custom property:\n\n```css\n:root {\n  --ts-chip-badge-backgroundColor: #bada55;\n}\n```\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@3.0.1","_nodeVersion":"12.18.4","_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","dist":{"integrity":"sha512-FwKTsB/EXkgDfXuQcgaGqnyQNENogbW8sPf/UrfVFab9HdsL2V2eYaeQC/2X81RQCXL+ZKEMx0QDY73g6NjhcQ==","shasum":"ffdcdea1c6a2bc33f024f8ba3f7e37fcd5d257f4","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-3.0.1.tgz","fileCount":81,"unpackedSize":734998,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdgW9CRA9TVsSAnZWagAAOxwP/3Hevs1JVGVasB/xDxPz\np3k80IzllOsP5wsc1YbzrxypGGhuDQQApXverxUwOjEpb4SrQ2usFL9+hKiB\n/1DbqUYIYmr0ARAqhpcJZKso2ihdHW8vRcpbllVJF9HPBfCh6hHxOWO0cACQ\na/Bqocc0+xOSb8lfiVHiUCycd0UNO3Aful8hxwL55gypBTYXmTRU1uDgEDNY\nCa91D7/+VGWvdQ3fVC/TWly8/20szk57sPoy0UGYdB64oc+m4dxMe7jJi8nS\n+mIcZoF1MBYs7ljQLMJuSLoPblQDnK0XPzxET8njeajZSsrV9jLgL/WyU3xj\nSd/80RGDSAGycgGZzGqPewmbsaq5oNFlGdAIs6VRQzc5evAKxsfpH+NTzkDn\ncDqbQ9QgMNQ4pnhA2IUtrzTBJFUlWlP/9/pkK8Pce8TdTcco9B9nNmUpz5UB\nTycJYcPX0g+htpHqidReq4/t52Mr8BjuIxuyqa+kASgkL7ndjOfgJ7Ds+QF1\nnBrwUkXlPs31MFC/3uCVP6WYucmSNTVQS2nqmXkxexH/u/HJbuf0kVrX4uoT\nhbfF7mUA21+yTs+SEHZSdc7J+6b8u43GclaXGAbTJDfSJTevsFf7Q3je0T5C\n+5w+xsZlQ43YlhBoPmkV5LmiFGdmp+PPZObBEw6UR5Mw3marpgXunqC1nwaG\n/ibB\r\n=F4AN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGosz/IIJg1m+JOfVS8r9VpXo5Q4KL57LT8uis9nqdM8AiBIxMNY1Tlv8mrUS2aFmvzHQwDmK4qzEpjqzbtyUsq/fg=="}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_3.0.1_1601570236466_0.16948965727807264"},"_hasShrinkwrap":false},"3.0.2":{"name":"@terminus/ui-chip","version":"3.0.2","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.0.5","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.16.1","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@terminus/ui-spacing":"1.1.2","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@3.0.2","_nodeVersion":"12.18.4","_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","dist":{"integrity":"sha512-i/jf9Gd1XkwoKdKjWikJOr/R1B1URbZyS09uEcQw4orUWORLMTwYMC+UW4J6Zr5DICXCRKEiVgKeo5cAOTwXrg==","shasum":"ffa88cb7539997fc2d4c97d2d9f0c7bee2996eeb","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-3.0.2.tgz","fileCount":81,"unpackedSize":735522,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdzcdCRA9TVsSAnZWagAAXegP/1Yd1AcHDBzTU/j9aWcS\nny4j0mUuyScPHyh51MgO14TE9S2vwGK1Lkz6KB4WNC1zbFwxYeFjvA68gmsI\n2apiPMA86T0WV79S0TYUIrl61oHJj7SXfJqz2sGzHpq4nMUWHH5Cx6n8JBnJ\naWngEfKHbg87v/8IrUELbuKe3pLbSNdOpchSmKgDErL8WpteaWOda6X9409m\nJo18UHrrObhdBvDYq12wYBKhtMf8eV31DuIMi3LK4NApRQGKIBZxonMamhcp\nU3cb5wCKZtKQjRNAUyAtgK9Totb3CcJCAE2TMRrjnyg6QisdT8f5CfhI2Ce4\nOj+c1lH5OxMZTGkFoVfXAHC9oXaPEDhdMcFE4sr4V/BanYqzD9xuR+lJ8Dik\n74I2jWIkeaqbYYfQtk/4U3pyZ2f9Bb/+iaHPPwDLolIGA90FdBrzIKLNS6um\n7uNhWaDcSr8q3trTKtgzw9P1FMaiVOZZw76XYtevBLZzXB6hBb+53qA/skbm\n3ZVs6Y668sxTCnaluH2W244JCqQNjN+Xbm8jmcRr2qBWcy2EalRSecqoW+vD\nh/CjQIxC/ELy7tsZBbfSjSZxw5s8ODg4u1rGlV5wHp3NyjzDvMVgVLZGK1bi\n9dwNpDQgLyWQZT8QO853j/nxf99DLTwrV4tpQHpHjaAFpaGitjJf79uOffuq\n564o\r\n=4F8f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHWj3QSJ0LXt4vXNR+QdBSo4yL+TusHH9EvznT3HoEbOAiEAuX9KbaXQEpG8/S6QL7IWK0tPGg6P4iG0AWN2MaC/CZ4="}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_3.0.2_1601648412535_0.5680759482352753"},"_hasShrinkwrap":false},"3.0.3":{"name":"@terminus/ui-chip","version":"3.0.3","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.1.4","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.16.1","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@terminus/ui-spacing":"1.1.3","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@3.0.3","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-RxCkFq8fFbK86noddszxIm4u23ZrAD6pf7Fr0cynQt5B2k5uYPJTiCOkREzYZlPNCbd/fzLRm58z5YA/qqRMbw==","shasum":"0cf7b23dc0f06d7b4d9547b85b6ea0c167e6d399","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-3.0.3.tgz","fileCount":81,"unpackedSize":735806,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpYCeCRA9TVsSAnZWagAAtz8P/0LaRiHs8m+6ZX99at6e\n9cxzREdM6tlP9eM+IgyzeHxH0QosUTXjeHYG8B8nwtoWBio2nXow2K5jGucx\npX1NvpbQiQF3noClbpM6awT9lls0gAwGo8yE/r4h907Oxd7FvJFhK1h92iU1\n+auFyto6LdwqywANqQ3/bwoOD/JIQ9SjWseUd+tj8W5NLJgtTIlVyFo+FWT9\ngjnhG8c33lPMckxY6ZnO2LPePhJva4zbTtTm53EZpej9ux/v/fh01DErwzjP\nwZq5btUMuXyzD4IIryn+wlX1DJg9VXhwPJnJ4omUFPsM6z1ldNIUYRQI06de\nJKIHXud9l3LoVbSpMVzIGW/n/L19u8pZPjIogfuxElvOExvo1pqgqTGfwS9g\nw4Ldv3ZIPwHKaSUiUxqEZS3FCPtmGV8WyaA4JoCsqwEfc7QDm5yydO0y0mxv\nvQ5ZUL3TE1F7lpVA8Wv7yjJ+a1JJ7/T6XDLmhjxqf2pv4oUQuZiLQNXUG5WI\np8hVhYBK7YH2tXuxh5dFkwF9SVazNQ/begrSpyHxg2OcBgJMqEbhp+xPZ3kB\n9c8pzzNWXX6usJrq1FdvQND6AL3CbSvHNteFdiRxbgjp2hB3wrzyyXNBnKO+\njkK8MiGA8Mg1i13OBMfpzIt5Vy7BcZYFn8EP7pXQ3/9yxtGWyDl9upmYK5Xi\npYxA\r\n=8BUT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjoFMYX/+p5NWNH7cgaRcDMhAolsmy6G2SNYp7osipDAIgR4g+l6ZgwC4B+k/QUA1K6q7IALTEMK7ZEBluUg3xMX8="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_3.0.3_1604681885232_0.615160695193292"},"_hasShrinkwrap":false},"3.0.4":{"name":"@terminus/ui-chip","version":"3.0.4","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@fortawesome/angular-fontawesome":"^0.6.0","@fortawesome/fontawesome-svg-core":"^1.2.30","@fortawesome/pro-solid-svg-icons":"^5.14.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.1.4","@terminus/ui-spacing":"^1.1.3","@terminus/ui-utilities":"^1.0.9","date-fns":"^2.16.1","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@3.0.4","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-18uGZ/8H7XURXyzjWoRKZfZ3dh+6W41sSebHQaX4CZ0RxvxWlw8u/yLaAxgyta5fGAcUc24LsIn8vMth/vvMtw==","shasum":"619c89a278219935f3d9144723309eafb0ad8387","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-3.0.4.tgz","fileCount":81,"unpackedSize":736577,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfq9L7CRA9TVsSAnZWagAAxa4P/2z/YfQjZz0mYxjcsKn4\nUz6zLMgIktiRn2vdKVxON4LCJpxRSSirL84/Sy6UZx+oT0awCpRMpfV//7nG\nui7Zh2xPgB1ND5TbCveTWYTrYBibnJpXNORUdr/gogpF7097hNLJUQKPLmPr\n921vnO5+iYovHedLJ3qTnGxHW28qpF3CHpxlulodO3lkUZZLHH8A6/VSqcqL\nkBOnwp38FTJa87vSV4eIj851MT4p+XTO86CNOTf3AljhHX1VpqdgGR2SoLA/\nW35gs38j8EpDXFa58Ern8RoiHVdTdXf5Ow2iFM+o++cxoyqDxP1U0uot568Z\nyRs6n2PNOYc3hZXloL5FY0/3fML+byRgOlB5EJ95zSYrWkwVSeGfaEECQBRG\n72DTXOSdsaArWPFQYLrhz0o5KbwAs1ZTC+QNMmFlEL+TkcqIQyHuMwEj1gEf\nhrkQfRqvlbg+XzaTlWBX4AtyAhmPyf6MzCXmrjHXxl/3zGiZglG57vMAcpn/\nSNb84VoFoBulKthA7S3x92XK1wsRWbiVCd00rLQs38OK14oOIMPej5A+1T7h\nJxI4oXjN8mBUnijbHf/lvXieT/T6FccpACwz6vYVtap90VfexIAiqnfYef0+\nc+UvIXLXEs3dAdVpCQHk8UlrKhnSRO5K72Nq7EFwanqUKSVVeP+P5UHQ+Rkj\nSfS0\r\n=0Q1F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDE46h+EVEHK9gScOwQUsvnKsDd79WEZlWyH58X4zC7cAIgGpr2RO4ZCLSJ5R72m744r42V5hM4YjLMqPeJW5SMjcY="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_3.0.4_1605096187491_0.7997085871623728"},"_hasShrinkwrap":false},"3.0.5":{"name":"@terminus/ui-chip","version":"3.0.5","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@fortawesome/angular-fontawesome":"^0.6.0","@fortawesome/fontawesome-svg-core":"^1.2.30","@fortawesome/pro-solid-svg-icons":"^5.14.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-icon":"^2.1.4","@terminus/ui-spacing":"^1.1.3","@terminus/ui-styles":"^1.1.0","@terminus/ui-utilities":"^1.0.9","date-fns":"^2.16.1","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@3.0.5","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-Z5AiKo/s3l39IUEEkjr9SjSwdBrAlrb8nSbrqZKhkXcwdmuLat3iJUeVxclsdmlBFcbA/9xEe08b0OGKwZ5PrQ==","shasum":"26e91c574a20c9c0334985d73d422c8ff22ab8e6","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-3.0.5.tgz","fileCount":81,"unpackedSize":736906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrB2QCRA9TVsSAnZWagAA11YP/1OXOy5ZKEzewKxYQhYT\nrruuWa32zoC9Y6K0E73bcQ1xeQWlxUQM+W5axfZZESun/+bfR12P4GnXN3On\nMkClOfTeByz+Bb49vSKtMq4h1KRoAmWh/I6vHm0d4aM7rB4L5Tu9rlxGS0+z\nfzSc7HGdWP8JG1OcrXumW5hXh/U3j70yOl4x486cU4IlPpxbxbEzb4Kn37gk\ng6oeAzwjjXYG5B+SjtGlzzuKsib8ACki8SAm5LCrC+jpsLIKT/y8Dk8p/wCJ\nE/p82BNNEoF0x71jK1UCTxwlAhiEyXr1kGXDc97mx1AemKu1RJAA37qyBMZd\n8hSlWKLs7RnLjcIGTH54WlgCxGUiDQreMDHJLRFVBLs5Y+N83xW1voZJlARS\neMXrzp1HRwNCyGGIVTxRjp6Edhml4Zk47eH25LzyRoM9ZFsFVfhv4q5R44/k\naRAHJwEtK7IM7FU3bIcpNYPw9FnSE4EsEiW6uKj1qvGc6ij7pTQssR8TBC+R\nMlRPp/EGAXykeJ1lD1Tz+HM2SKH2oZ8mi6/nd3poNlHPiO8uq/l/vDBJ/tCb\ngdmhQAe7feyUgfXMZSKjQVmgfGCEZxksPERbE8+L+og80QamAhvCH/zSiQTT\nO3r+yPbmOvAzRaIcBNwlvfc80usF4p3mzIE/R76goRbo1LnpFXMQnTWScqGM\nohxU\r\n=pyt+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhC0eCuYI2IXivLpB/jubThwiTSqv1Xtz9Mwmp1VAq/QIgab7Ec65kK3Q5zEAddXhn79ytMJhFj003KrQICW48q1U="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_3.0.5_1605115279746_0.8104167337002977"},"_hasShrinkwrap":false},"3.0.6":{"name":"@terminus/ui-chip","version":"3.0.6","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-styles":"^1.1.0","@terminus/ui-utilities":"^1.0.9","date-fns":"^2.16.1","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@3.0.6","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-sp8s9vJVXTxXnhQ+PWiRe+j7akjqSk7BH/SOqYMucopSOMr4b1i9k7VMo2uoh/YNYk+vK1SR5GUWRZuUlis4pw==","shasum":"abb2d75e20e7229104d885341f5bf6e242b293bb","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-3.0.6.tgz","fileCount":81,"unpackedSize":730944,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrrOTCRA9TVsSAnZWagAAt5QQAJl5IZ5OI1eKmUE8ay+m\nEtyFUIRgoiyaE84bqyRE5lSSztbds3UGr3fvuf+hJYqlihDrZ45BkmaqhGic\nRP1B049Fid98g6iDh3QBPcFV9tl8mXzYxAsvQ/KqgXiECbGyqVNczh2XnueG\no4i7ADKYeRk/Y/q4vVmeeNDtVUWuamXyhdhERj+tp41GcLSduB0lpcRPpOqm\nSwUE2+mH7KwuxtciUPmnp4cnYNxfsW1EuEPK2RtYKDAmxyYhxE1n90I9P8cG\ncCO8nOm+ywjAT7hqkW5n37prI9CCHrpkwbb37Ry/eZQDds9V/CsqU/Bgubsx\n/8HEazVJTNWfkdoOQbn5G9sLzkg8LGXy7V8kFRs8zflzWIFNj3KUMJ3iIegr\nYX36Dbpw84ZA0SxHzRzewUIyLBw7x97+S2hzJSkcVmHzGWODxw3R4hDEJ7eI\nlpi3mZIsffR2BhOAALDkUuSh520dRDujpEBKaZhVx7IWn7XKgfY7E18plXoX\nLOPKcJrhRxMlEUI8YxbeJDoxNR7mqLSg+XIEtXsVBpIpvrALxNLSC75jgZzs\nT8TS45fMpgW2SkvQYoJGkAQGYCOW3LfIkIn9ucW9Hmp61e0d92BHIoFKi5e0\n8JCvU6uupqIyMHwav/MkwGF51aNbBEpA3GiJIuWjKv5jmxUbJh6NYnmisLR6\n338z\r\n=y4c9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMTK36jRpioSnHmZZ0+pnM0nKoB2MNMO2g1GB7EdXXowIgLXaYrD52lfDO64evnPJDv3zHLjU+40vJQyD/oeS+Ebs="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_3.0.6_1605284755421_0.13770081518676247"},"_hasShrinkwrap":false},"3.0.7":{"name":"@terminus/ui-chip","version":"3.0.7","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-styles":"^1.1.0","@terminus/ui-utilities":"^1.0.9","date-fns":"^2.16.1","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm5/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm5":"esm5/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm5":"fesm5/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@3.0.7","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-xYrjsjFjtschH05memfYVyYL55zFausJCAXxqjak7SEcJ7Dvfcs1Qv5wAvPcA3Md9IX+N99AChZc3TQtfFZGzg==","shasum":"c41b72dcecd9ac9de3257c94a4d47df78e3721e3","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-3.0.7.tgz","fileCount":81,"unpackedSize":730511,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrrotCRA9TVsSAnZWagAAzk0QAIZZ7shIjr6roA3ibHwL\nzCzh+kdoc+oysH5CHGiRekK6j/K1MFRn1pzNML0CqgpgtpHBLe3x3zkFUgmI\n6lgklsSohxBY+zfQjRF4eAa5TRSYvszhWxgpzPKD4HFeTInJy8J4G8JqlOpx\no0LoKuXP+TH700p/oDQJwxZ223kse6avVpXtlgucB6r4KOd764nHmdSDlOeK\nxh4y2DxkgpAh4pePBLe4tBAcp/GlyxhX2kZKm7XCz0nl1RyZq8E9Gz9H59PS\n9uc7n2fVqmQY/nvNACg1L6OnbyBgEjiApSmMqePm/q6PAeGxMdsfAkcTfbAh\nf36eW/hMMBXQMVh9cULBEZi+0DUemI678Z56+YA/eLZFXkS3PzlB4OsuZ8+Y\nGVzrT2obh4UfcCei9txHAjIZBh3vHw26vkXC8rIUuJW0CtaBBVl+g8AryCYK\niIYLX2DZDkFO9Bj2RrBEoFOlk0hVof5jw1/+J6vD19Lvx3FCFrbr6S7W4K3q\n49yOsGF3WJGOHpUxDoaomVfVHJ0hgM7xd44XQHVdqY+0V0pjrzJBsuKGT+J3\nlHTs8HhQG/27EfzrI9uEEpQ7mqjQ2/zOU8Dh4J4PPzjndNgeNwkLoBu7IOnk\n6t8xSheI6mhPgOeHy8aWgRYWhcu9htULL4DcaKSrW2TU5XhDutjeYjJcJDuh\no4E/\r\n=16ZB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAp6hhqWide6Aj07IW5yl38ELA4CKX9+wAPRkCBImrSVAiEAlY3moE+XvAmWoGedtcCLPsnmN6zShCPe+fIjjGhZ1og="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_3.0.7_1605286444741_0.3374993341590877"},"_hasShrinkwrap":false},"4.0.0":{"name":"@terminus/ui-chip","version":"4.0.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"dependencies":{"tslib":"^2.0.3","@angular-devkit/schematics":"11.0.4","@schematics/angular":"11.0.4"},"peerDependencies":{"@angular/cdk":"^11.0.3","@angular/common":"^11.0.4","@angular/core":"^11.0.4","@angular/forms":"^11.0.4","@angular/platform-browser":"^11.0.4","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^2.0.0","@terminus/ui-styles":"^2.0.0","@terminus/ui-utilities":"^2.0.0","date-fns":"^2.16.1","rxjs":"^6.6.3"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm2015/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@4.0.0","_nodeVersion":"12.20.0","_npmVersion":"lerna/3.22.1/node@v12.20.0+x64 (linux)","dist":{"integrity":"sha512-YTiJ0KkUeSP6jeZ7m2UNZu8JbqVKLnRtmK9AGSXd6CUnyj7bsUS0iNizFk0I4wAE4k67DXYd2hDaEarv2NWvIA==","shasum":"9fd9f7771dbc3e02acce0b286d6ea037aacf181d","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-4.0.0.tgz","fileCount":59,"unpackedSize":504250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2heyCRA9TVsSAnZWagAAsAYP/ihNYIeymC0vslq7fbr9\nLhd5A69MVy1GKZUmHR71LR3fTaMUpQg/bTRYAxBYKK8K6uGCwCUsrVRC0eTY\nW/Knd9MOaiT3yytjGf9vzu4XsSHNNxY+uvhzgJegGlBwQAYXnT6GC64C9Y/q\n7cAdsbSRo61wlaQ5oKTeNl04uUxyuHu3S5dS0zKPIp5eVjdz/3C/M/9iBsdJ\nCxpfjtU1lckAXzjjpEXer/zSIWJdRn1V2pBb5bTN/Ab/11chRAZUi3PN8WKG\nHh4ong3MLcPhqhvLp970/homQrD+36fJCLVv/oALlM+izr6tmOtJJ1ChgnCU\n7v+lZ7pf5f7ScPbgkxZoUut6K30BmCFJoGeKY160HuCoFwapO16xdlM/H5gz\nWlBGIKB4FVpeH5IVlpYBMNWhLC94NmC0N52/4f68FbXKVqo0YAvYwG10wNr+\nvVoEtB2UMXAuhs/bgi6o5v9H6dEmTgYJxQHxgZsdlBZFoMYkXWAvqkveK27X\nQsJBWjgwP7lzfQ2vfyLgjm3KhorZ/y4ZZDD1zLyzXWVU+GKatL5sx5uCZydD\nHOcx6R5HLfsKJpboo/gVQHq4BHjXa+UOs9LX7VJ51mMXDa8/rzLlED6BFEr9\ngPmb5XhgwVCOPVF4u72KzTsadbacLf9kg0omYUhHTUz791FQ/mnlJCAusnhw\nBGYW\r\n=waTK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAV4nJObmljcDnyn8zGeQjc59x/VbCmhox4N419D2VvjAiA17m+hnH69x+h/29SKYPhUFpageQAZIUSklSUcSfyJ8g=="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_4.0.0_1608128434190_0.33927651939120396"},"_hasShrinkwrap":false},"4.0.1":{"name":"@terminus/ui-chip","version":"4.0.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/chip"},"dependencies":{"tslib":"^2.0.3","@angular-devkit/schematics":"12.2.13","@schematics/angular":"11.0.4"},"peerDependencies":{"@angular/cdk":"^11.0.3","@angular/common":"^11.0.4","@angular/core":"^11.0.4","@angular/forms":"^11.0.4","@angular/platform-browser":"^11.0.4","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^2.0.0","@terminus/ui-styles":"^2.0.0","@terminus/ui-utilities":"^2.0.0","date-fns":"^2.16.1","rxjs":"^6.6.3"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-chip.umd.js","module":"fesm2015/terminus-ui-chip.js","es2015":"fesm2015/terminus-ui-chip.js","esm2015":"esm2015/terminus-ui-chip.js","fesm2015":"fesm2015/terminus-ui-chip.js","typings":"terminus-ui-chip.d.ts","metadata":"terminus-ui-chip.metadata.json","sideEffects":false,"readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n    - [Background color](#background-color)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n  \n### CSS imports\n\nIn your top-level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection.\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n#### Background color\n\nYou can change the badge background color by overriding this CSS custom property:\n\n```css\n:root {\n  --ts-chip-badge-backgroundColor: #bada55;\n}\n```\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md","description":"<h1>Chip & Chip Collection</h1>","_id":"@terminus/ui-chip@4.0.1","_nodeVersion":"12.22.7","_npmVersion":"lerna/3.22.1/node@v12.22.7+x64 (linux)","dist":{"integrity":"sha512-ePptNaB74lwX0NCx1ogLG1/EhaOhB0zqEXnt+wyxxddrs5GkTgAFWX1n+Ca0a4T9CkGRvPDC0cSdST8Iyr1twg==","shasum":"c3b2dfaad6361d8e5e95160d94f7ff6f6e137a3c","tarball":"https://registry.npmjs.org/@terminus/ui-chip/-/ui-chip-4.0.1.tgz","fileCount":54,"unpackedSize":415513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp6v3CRA9TVsSAnZWagAAIgcP/jeTVQz3tT3JwFJDpB2u\n4JR30mb23tA0tTMwqHRVObUYzu7HFwiacyaSpQaX0iD2LBnDvYabocloSTXs\nSkxNx8m7nZMLGyi+aC8UceSG+poB1xX2fiMNy3kb6UgKrc95Pgyq0VHhxVy5\nYU2gqTzE3KL7UOqvJ4O0pg4+qpoM5lpkSoDZ07SKWJ/yb49DJeHhhLBA69tp\n55QljuSDIwYfGbg1vJXmU7FQWl9kHkNda04MywNK90TqPjqjoVZoG4eGtz1w\nsTnfXOynF8lGSWgMXJruw6KAy6AuIL8PLMzdDc7kHRS/Kiq/jmD4Qul9SpUl\ngXRuhdbtZK0idv2XAyf3rGq2/PRuXoWtqcwniH4mD1Ulig5pX2KXaAHoQCeo\nxJ/FYj7zdUN5ijLJsAvWWc2CgGMTo4ciOHQfXUas9BegOb5IaXbIB34nd568\nVkQ/EUZPDLVmE5xhmslKGTVV435d6Y3cN1eGiqd2qVrE+wOwO2F1FahH/KCl\nfq0fKleTs0kEkpKs2aDFo1P0UNsz6xO2Rn+2MMiDfvEspRqVphCNXI3FyiWl\nM3Rts9UQXJ+jcN7zA3x6HTvqcCd5cBOFKGOxdKVe5gkJgFV44eraoSU9jvz1\nJP3+4gHvUg5fCmrJfuZii/oBkH8/fvnICH5X2h7uCjTsPxrdzuaftbxj+N/t\nNoc1\r\n=WPDG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGCdBjxnsTNwtfwZE3gvTI0b1+X2HFBVG/7vS2oC3vsFAiEA4CN4wGFFOpyuLPFAiqgR/JiaMtg1QV+xFMXkguMeoeA="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-chip_4.0.1_1638378486789_0.9936764758078285"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-02T05:35:24.670Z","0.0.1":"2020-06-02T05:35:24.942Z","modified":"2022-04-07T05:16:07.671Z","1.0.0":"2020-06-04T18:31:36.662Z","1.0.1":"2020-06-05T02:19:27.922Z","1.0.2":"2020-06-08T12:51:56.607Z","1.0.4":"2020-06-11T14:17:49.655Z","1.0.5":"2020-06-23T15:34:32.182Z","1.0.6":"2020-07-07T15:38:35.299Z","1.0.7":"2020-07-13T12:16:40.200Z","1.0.8":"2020-07-13T19:23:40.345Z","2.0.0":"2020-07-27T19:39:39.992Z","2.0.1":"2020-07-28T15:28:50.840Z","2.0.2":"2020-07-28T18:28:25.707Z","2.0.3":"2020-07-29T15:33:49.155Z","2.0.4":"2020-07-31T14:00:21.629Z","2.0.5":"2020-08-10T16:20:09.616Z","2.0.6":"2020-08-14T15:29:29.375Z","2.0.7":"2020-08-26T21:39:30.808Z","2.0.8":"2020-09-03T23:15:19.332Z","2.0.9":"2020-09-04T15:01:45.111Z","2.1.0":"2020-09-08T18:52:05.258Z","2.1.1":"2020-09-11T17:34:55.982Z","2.1.2":"2020-09-14T17:38:11.264Z","3.0.0":"2020-09-24T19:13:22.115Z","3.0.1":"2020-10-01T16:37:16.645Z","3.0.2":"2020-10-02T14:20:12.722Z","3.0.3":"2020-11-06T16:58:05.393Z","3.0.4":"2020-11-11T12:03:07.641Z","3.0.5":"2020-11-11T17:21:19.877Z","3.0.6":"2020-11-13T16:25:55.606Z","3.0.7":"2020-11-13T16:54:04.906Z","4.0.0":"2020-12-16T14:20:34.443Z","4.0.1":"2021-12-01T17:08:07.051Z"},"maintainers":[{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"description":"<h1>Chip & Chip Collection</h1>","homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"author":{"name":"@terminus"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"license":"MIT","readme":"<h1>Chip & Chip Collection</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA collection of individual, keyboard accessible, chips. Useful for displaying choice collections.\n\nNOTE: This component does not support a `FormControl`; it is a simple collection display.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Using the DOM as value](#using-the-dom-as-value)\n  - [Orientation](#orientation)\n  - [Removable](#removable)\n  - [Selectable](#selectable)\n  - [Badge](#badge)\n    - [Background color](#background-color)\n  - [Events](#events)\n    - [Collection events](#collection-events)\n    - [Chip events](#chip-events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\nng add @terminus/ui-chip\n```\n  \n### CSS imports\n\nIn your top-level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\nCreate a collection of chips:\n\n```typescript\nmyChips = ['one', 'two', 'three'];\n```\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips;\"\n    [value]=\"chip\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Using the DOM as value\n\nFor string based collections, the value input can be disregarded as the value will be pulled directly from the DOM.\n\n```html\n<ts-chip-collection>\n  <ts-chip *ngFor=\"let chip of ['foo', 'bar', 'baz']\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Orientation\n\nA collection of chips can be displayed in a row (`horizontal`) or a column (`vertical`) via the `orientation` input. By\ndefault it displays as a row.\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    orientation=\"vertical\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n### Removable\n\nBy default, chips are 'removable'. Since this component does not directly manage the data, when a user attempts to\nremove a chip, an event is emitted. The consumer is responsible to use that event to remove the item from the\ncollection. (See [Events](#events))\n\n```html\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of myChips\"\n    (remove)=\"removeChip($event)\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n```\n\n```typescript\nmyChips = ['apple', 'banana'];\n\nremoveChip(removeEvent: TsChipEvent): void {\n  const index = this.myChips.indexOf(removeEvent.chip.value);\n  if (index < 0) {\n    return;\n  }\n  this.myChips.splice(index, 1);\n}\n```\n\nThe ability to remove a chip can be disabled per chip or as a collection:\n\n```html\n<!-- Disable the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isRemovable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isRemovable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Selectable\n\nChips can be selected and will visually show that selection.\n\nThe ability to select chips can be disabled per chip or as a collection:\n\n```html\n<!-- Disable on the chip directly -->\n<ts-chip-collection>\n  <ts-chip\n    *ngFor=\"let chip of chips\"\n    [isSelectable]=\"false\"\n  >{{ chip }}</ts-chip>\n</ts-chip-collection>\n\n<!-- Disable for the entire collection -->\n<ts-chip-collection [isSelectable]=\"false\">\n  <ts-chip *ngFor=\"let chip of chips\">\n    {{ chip }}\n  </ts-chip>\n</ts-chip-collection>\n```\n\n### Badge\n\nA chip can be used as a badge by placing the `tsChipBadge` directive on a standalone chip:\n\n```html\n<ts-chip tsChipBadge>My badge!</ts-chip>\n```\n\nThis will disable the ability to remove, select or focus the chip.\n\n#### Background color\n\nYou can change the badge background color by overriding this CSS custom property:\n\n```css\n:root {\n  --ts-chip-badge-backgroundColor: #bada55;\n}\n```\n\n### Events\n\nSince this component does not directly manage the data, we rely on emitting events to alert the consumer for any user\ninteraction.\n\n#### Collection events\n\n| Event              | Description                                    | Payload                  |\n|:-------------------|:-----------------------------------------------|:-------------------------|\n| `collectionChange` | Fired when any chips are added or removed      | `TsChipCollectionChange` |\n| `removed`          | Fired when a chip is removed                   | `TsChipEvent`            |\n| `tabUpdateFocus`   | Fired when the user tabs out of the collection | `void`                   |\n\n#### Chip events\n\n| Event             | Description                                 | Payload                 |\n|:------------------|:--------------------------------------------|:------------------------|\n| `clicked`         | Fired when the chip is clicked              | `TsChipClickEvent`      |\n| `destroyed`       | Fired when the chip is destroyed            | `TsChipEvent`           |\n| `blurred`         | Fired when focus leaves the chip            | `void`                  |\n| `remove`          | Fired when the chip should be removed       | `TsChipEvent`           |\n| `selectionChange` | Fired when the chip selection state changes | `TsChipSelectionChange` |\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-chip/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                                  |\n|-------------------------------------------|\n| `getAllChipCollectionDebugElements`       |\n| `getAllChipCollectionInstances`           |\n| `getChipCollectionInstance`               |\n| `getChipCollectionElement`                |\n| `getAllChipInstances`                     |\n| `getChipInstance`                         |\n| `getAllChipDebugElements`                 |\n| `getChipDebugElement`                     |\n| `getChipCollectionDebugElement`           |\n| `getChipElement`                          |\n\n<!-- Links -->\n[test-helpers-src]:    testing/src/test-helpers.ts\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-chip.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-chip\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-chip/bundles/terminus-ui-chip.umd.js\n","readmeFilename":"README.md"}