{"_id":"@terminus/ui-selection-list","_rev":"60-b886dd66576a540cc3a7a266824da9af","name":"@terminus/ui-selection-list","dist-tags":{"latest":"5.0.0","next":"5.0.1"},"versions":{"0.0.1":{"name":"@terminus/ui-selection-list","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/flex-layout":"~9.0.0-beta.29","@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-checkbox":"*","@terminus/ui-chip":"*","@terminus/ui-form-field":"*","@terminus/ui-icon":"*","@terminus/ui-input":"*","@terminus/ui-option":"*","@terminus/ui-utilities":"*","@terminus/ui-validation-messages":"*","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@0.0.1","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-R9bGeWsBwlqGV4EelYHPOFj7wZZkDXVnvudXFi8B7ghNsP9jboZ9UrUgaVvl7RQdp3DmaegTFRiXAMYMiVrUFg==","shasum":"2539181e47a88998769169794c32c5cfeaddc98c","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-0.0.1.tgz","fileCount":75,"unpackedSize":1343567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1d1kCRA9TVsSAnZWagAANGYP/3p4ZKAS5ptHO5InaFqw\n9IJ2szZMKetVCsu5/TRD2CpzS7AseZvrLlNEYBYpeS3qrrql3MxhbM4nZsUg\n6621sVPTZk0rdEtU3eeh80p6Iic05TYCIi5q36oVXhlKwZbCUk7w/VVW54xc\nnhCa1aLTC+VKg/qECaJhRqtxTdX6eJoT1LqCYZ8spPufiEOu+FYyXkZ1urcw\nROoEgxBL9uSEQQ5+tmgNZA3RHaOCF2NoxZ3kFDxjASr9kJ8fhM1qDKrLpgul\n2IP6oFXuoyWCB4FZeyorH++MRh07LXFj4oifKKy45up1/j42PlFylMwsoJli\nNcUbGen+EjgLQGU4oq7WApEElkUpgONmoeEMp5OcpTbefb1jmiuOTGWmuYOW\nJ40icjacmq5de3255v/JKk+5G0Vygtoa5VUsXw6SqLxmJLnmHkS1Gqy2QHT9\nVeRbveZO4lMPhVCmkaM/KOCEDAynnLXogDM/b/wsJYE8TB+5N8gq4DJmdBSM\nqCs/d/Dv9haDqLS2PRKOJOx2O3frlbVgnqCGqRoeXz11OxPctUjtaGUPMb3f\nMiCokwtMdcCvEVVzOIeYMh3NMjNnMTvUnqdQnavleIQuXRg4utzlqXjLZTWg\nglKcKBuGeXG7Vxl1Mohm/9Q/zf/p2W4yHeI7hKYxzD/7A82dGb2FIp6SzY8h\naMVR\r\n=Ln7q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGFXTZge/veTXN6tbrgzfvQmfuOR1YWfeVrLbZsD45MJAiA4HVka86LB4AxLA2TXSe1T1qSI8Gp/Q6wQYSiYBT/fUQ=="}]},"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-selection-list_0.0.1_1591074147827_0.21326704586000322"},"_hasShrinkwrap":false},"1.0.0":{"name":"@terminus/ui-selection-list","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"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^0.0.1","@terminus/ui-chip":"^0.0.1","@terminus/ui-form-field":"^0.0.1","@terminus/ui-icon":"^0.0.1","@terminus/ui-input":"^0.0.1","@terminus/ui-option":"^0.0.1","@terminus/ui-utilities":"^0.0.1","@terminus/ui-validation-messages":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.0","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-M5+HTF5Ccu4B1FcGPNOEXmSphdzAlkT/5FDErIGObf+BOaddIfhdzCwRYkNaz3p6e/nrU892aPP3du54+3e9uw==","shasum":"9d629ee55219cb6e3b15edb2ad319ef800b7395f","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.0.tgz","fileCount":25,"unpackedSize":151716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2SkyCRA9TVsSAnZWagAA8/wP+wbbwyeT3hbTE2OYjOac\nKt4r9+h5yF7OptoeyuN4IHzgmpCmgdcKwwZBFcDLFVn1MNuMYdGLL8nAK7Hf\n7ZoSBNNj2L2dfc6vQe4MzIizKfFlxEagDdWkUgEyK63GrC3KXzjEWI5QMsnX\nvyLqdRTwSE1G3qEUKmzPd3GfiF48iR3zbqcEKbJ3Ij7C/pPVhP2LWo06by2U\nILBP/LNxbOelsdYHXhxqmPuPcDnB1oRb9VNk4SSM1qdGjKekP/LQsupwYDO/\nWeX+kOqzKnBMM6eTn7huxzb2aAa0uEzmcyjOED/kU06vfqZamRaSCt5XiZno\n1TM0dTHsfGPeuTSJmFMfnvR7mG1q+v40l6k2m+Tfg6YgVPFvn67ScugbBwZw\n/jD81MCQFuyMm8bH+KCPVjG/a+/SyjZkB2CGw4g+1NwM+152XqTBe+DCeJQx\nFI/D1vrv7kyYvCaO+h55Xi3V6dS2yilUg5cx8d3QBazuQuUDI/s26DPmRkFl\nNAeaVSVpUdO9dXtOzCAn06Aax1rRmfPTQRQSeoglyHe8fN7A+XNGmFoSR882\natOS6FhmaoEJwbm+WNcRDMWbAnAxM5PVo/0dKGcfjQRaZL88FgPTgFgl4HXa\n34PxsveDHPv5hH9AufVpiCpcuasM1yIbd8XBV6JWTqG7IyJgOEy72XIi0HkS\nxsp2\r\n=gs55\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7geUKp+jJ1rEhnSWQ0iWuA4su45qI+bdd5Y+lJ31YTwIgeorPsZejMy2Y4aZA/JxVpYmdOOgBTatFdWD0qZAenr8="}]},"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-selection-list_1.0.0_1591290161862_0.8058459353607974"},"_hasShrinkwrap":false},"1.0.1":{"name":"@terminus/ui-selection-list","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/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^0.0.1","@terminus/ui-chip":"^0.0.1","@terminus/ui-form-field":"^0.0.1","@terminus/ui-icon":"^0.0.1","@terminus/ui-input":"^0.0.1","@terminus/ui-option":"^0.0.1","@terminus/ui-utilities":"^0.0.1","@terminus/ui-validation-messages":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"readme":"<h1>Selection List</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\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.1","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-ryh7OeugCNUi8m8+ZVORCVuMohxd+W9Lp8yF+jFnrudgO10jo7sZBRdk+xStN5DgT2Jgv52T0YBOn9PG75KkUg==","shasum":"697f6c1993ea6a66fa33dae0e2249769bfc701f2","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.1.tgz","fileCount":25,"unpackedSize":151784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2T91CRA9TVsSAnZWagAA1YYQAJlRHqVY8hXx2c8cM071\n1zshTzWWscqkFFmJfy9b6XxUKIB3Z08lzw5swAAJpidelWQNx8+ZM7lgCz0L\nXK14lvUFkIv8FNn5ILhb0S5UaMqtylawfzv+b+5+LVu59Hsufvg8PqGU7gJk\nFjBGqnYnvWJnRw2mN8bGgh21C8XhVZ7dQdJbf/eDyy3vAEQKYV2RsqN51PfG\nZwftR4+LylYxtySoDC0VKSq0ppNrstFTv1zFM+BAjZN6pE2a8oavELOsAhaW\n6ZAUWuI1gOpoAf1z4kW1N8JanGDxe9Fs1gtEsEwbaQfLR4suq3xr5FtsAb2x\nl/fgyQzN9WcrKC16JmsB3N/Ef6eunQrPvZHlPnFktPxL0XVZapcw3SArCyPC\nDXw/eR8h4ksucvv6NMGxtUv92oLpyDyx5HjSaSHTEATBS43IZHiOsvECHxPA\nGdgtlARb/fYbEiq+DKGw6wuYq45N4yClMOUL8uFhZEDojrYnTIWQHu4ch/eD\nKuE8PNeFT5MU2dapJQ6c7/p8mO8Cw5ppqJ63DCWku0ziXLkVbmfcLm+1rfwO\n1XG4dg6eNnNZyZWlGT5cnnuDxHEwVa1cQtpsTHXblAlCNUgs/YaSDts0SQjF\nAVVoC5ZASIb65kthFOu1LTa0Bt26CiIl4PQ52LGWxm9ysLCACR82h0hSiC0t\n9wNE\r\n=8oiF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmRJ24eZiwW36IKBnwR3N7MRMdA3oijfzxcmF83iw+CAIhAIbq7g//WFyZynkujdPp6bLQEmroJbCodZKAy0IcwgLm"}]},"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-selection-list_1.0.1_1591295860815_0.5605896695057637"},"_hasShrinkwrap":false},"1.0.2":{"name":"@terminus/ui-selection-list","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/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^0.0.1","@terminus/ui-chip":"^0.0.1","@terminus/ui-form-field":"^0.0.1","@terminus/ui-icon":"^0.0.1","@terminus/ui-input":"^0.0.1","@terminus/ui-option":"^0.0.1","@terminus/ui-utilities":"^0.0.1","@terminus/ui-validation-messages":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.2","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-ODqGHlVS0VJm+8lqYZKy3LHnJjiFqrJu6pu7YWgma5scMsYkWMxXjRNMijCI2m6odIFKW2N3CY1CbR2s4FOhRA==","shasum":"24d0ffb61ccdd04c284d0633ea0c1b36d55e2d3e","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.2.tgz","fileCount":26,"unpackedSize":151838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2axrCRA9TVsSAnZWagAA2QEP/0K8xtvgI+HQx4/l8EEn\nQ1bb5+th/WJ4Ed7V0zIxwtnAX+LpkzMIF6pgXcRtQ+cRPBVagoRA7MzYqbrp\nd7ASmuA55mBD8ipYGj8AYf9G0K9PabXSkFaOpD5HXY9lI+OKRB5m+nqM3E0Q\nzRAK4A7sAZq3j35Oe/PVPwkXir3tI+CyN/mWL/NoJV3vuHaTvW0e0oiOseXq\ngt4hJ47A7/ay0CbF257RGUsJT4S+QrEhEOYFLov5HCmPY24CjkddGx+AreLb\nDF1QWb/AABqEsbJki0982vtfhM3V9U2fuIer1gTGmITjBkMn1O0J0Fa3Kijs\nmNiNi5bDJPyuduH/XuPcuCSZ8MQX9AD9eVKNWa0BhJjMIAkIYG3yZHHHbpsE\nrl2FoTljSTUUX2MnrhIKtrmzXI8wRr1u2vvCk56XRNY4yxj/nm8B0q7EmgJ6\nWojgQYTaB2T3dNLxdW88700KI3cF5/cIPx98LecRj4YNIP0cjgTqe2b+lJHq\nYNqOtTfRw+4Yt8/c6XNeY+p702SZ8lcSth108J4fRvRSMxd96pQ0hA+yCTyG\nrxc0C1jRcK7Q7aGCXy/IQAvOxYA7DLvXBXIT2qiw7NOgPyV/L3B4paUznUFr\nGlOxUNKgjVqIEHSyms4R3SAziGkOLpKCAA4yh1nHZPjiTZDyTUJhkGQVTc5g\ngdG1\r\n=adfS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF2H9pvsDRwJC+1zcA/xUtNWrdFdG6nYrHFdLGLuE8xpAiEAnuTVugGaJbICedVqbRvWiojVuDuoEbKT2PqE7tW6YEM="}]},"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-selection-list_1.0.2_1591323754632_0.31715923543564983"},"_hasShrinkwrap":false},"1.0.3":{"name":"@terminus/ui-selection-list","version":"1.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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^1.0.0","@terminus/ui-chip":"^1.0.0","@terminus/ui-form-field":"^1.0.0","@terminus/ui-icon":"^1.0.0","@terminus/ui-input":"^1.0.0","@terminus/ui-option":"^1.0.0","@terminus/ui-utilities":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@terminus/ui-pipes":"1.0.2","date-fns":"2.14.0","@terminus/ui-spacing":"1.0.2","@terminus/ui-validators":"1.0.2","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.3","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-ZA86+xxkl06RjOXTC9dZBfm1R+uR+X4tiYwk/y+IX+DrOI310JjKrRF+Mhexwv1Z5HCK4rhigMCvppd7Nz55sg==","shasum":"3be64cf536507765cd52788971fa599c2aed7145","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.3.tgz","fileCount":77,"unpackedSize":1345157,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4PO9CRA9TVsSAnZWagAAJc4P/iEs5K9+gzcyKwSjUgy4\nKHXhV7e8wJGqjzngYynBxAeuki0O6mj22gyioF2GIiiGVfusJ1gG0AJDrQWY\nLeKEpfDl/LtkrNeJjGww72cXf7BzZeHGYQ4YJMM5+CZRRWPCRR/TlhlpT9++\nIj2WvtAfWkU8cN69lNb/AF8V/Vn95yKwmu+eQTF3PtMyGL9r0zjt6ZSVeV4+\nxXSGy/meA5Jv6X9T08IxWzL8lc80JmbtDPERwhexSFCPpxHAIVKTF7x5UwGq\nkfJP4ctW7+n1ljhiQ6O3BCtjFajXR1asYumr3jp5md+z3MHtKOiuh7iffmKC\niNs/4ILuzVaEr2osO9BspwEBBSodypBLyVfmXFEFrZvwPmnjSgdYxRDv7l8d\nbGJRRPS+bRJojaPkkUR+S4sHnYyfOAugqi+QBwnBvAgHYzjFX5SWD2mxTsGB\n5UVw99pN3/ipu8Lj5BM7yE6cp07Z1LWGFlF/a4HlUCkEotNrlMsmf7mnl7cD\n5576pghJDtoMNMU+xvbP+rJOI509ccI9FOeEX58lEcctzs9IjXlhbwz24BrF\nCBSnVdBb7yWx27ubJl+FHue5ZalrTzBzkAZOLdzJB6QxGxMnmI04mLh69UQ0\nJt+qMASd+5d+1J/lZps3QCfJfwaluxx03rLN80LtwAqBlfCoZx/ih0K2Mpcl\nTzkl\r\n=SVLU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIECksmI7/xd5qhyKfwMKq5cMbzt4NHYt6/S5VjrNabtuAiBBP8IO7AfiR0olyjcWJBnqV0qXkxse5r8DB921RF+P9w=="}]},"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-selection-list_1.0.3_1591800764744_0.8222364452445363"},"_hasShrinkwrap":false},"1.0.4":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^1.0.0","@terminus/ui-chip":"^1.0.0","@terminus/ui-form-field":"^1.0.0","@terminus/ui-icon":"^1.0.0","@terminus/ui-input":"^1.0.0","@terminus/ui-option":"^1.0.0","@terminus/ui-utilities":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"readme":"<h1>Selection List</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\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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/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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.4","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-SzJ0bNFAnYhRTQ0uOJjroj2AWku9mius3RkNeHudSOAES0RkO/pJ2hLtTdpKMQlvYRDNDkKJ0WT9h23wXuzg2g==","shasum":"cd9e46ce910886ab7d703554179b222a6aebf131","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.4.tgz","fileCount":76,"unpackedSize":1344177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4TIvCRA9TVsSAnZWagAAB88P/08F27ImT6vop3m5bGwq\nVe/zNYt5loAZ6HBfWhVoaPe1bfCpeiHGMWnmCaBkEi67ZdWCHhMCTBmJDcmd\naef0vVKJLfJJyZzzBhFn4lQffl8oXD4t2YezQxb0i4azLX/9jUjSwQVl7uoB\ncjckgM3ijKQPJqyGHD0wIFvkJ3uW+83yJRPMcyz/tpqsurDXYhBKm80b03vZ\nqItZlN/BfyaXjssC3wib7p62H2KdRQ9mxdhKH+ly07GELabiFmAL7SpDNvYb\nMr7rMceaQnmg955pZf8fOARMCCj+ol+8WdeC8cU6F5Ldlh9Mi3qVDXiIe5Rg\nkxbsIHYnj5i0pjh1I7cGSd5vsPf+Ax42EPiQJi1qLhs7FpkI5Pn5oGvOaImi\nDjejEGggYgQG5RpOTos4nT5mnSOXWiyspbm16oWkM7sBRjKmFMed6QuupdPe\nqggHElHep86DBBAbgOxRV4QLm1xRU9l1oNqvJfXENy/yt1l6vGQtmbfw7mhN\nNbb5I9BzL3BEPTxWR0JqyAh4XzOiXGu5n2YGZu0nGtVNXCpA6tkX1xoJSucG\nZPKR2Oci/hmFtvTTYXi3bd+IxsVzwCuNYlR84zNdD9OAnf7r6eHytSdsjCsY\nDKvmQ8wojgKfbgXlIcDJgIbF7rSrdhqgYJnBUURI0upItHfzjVDRuB1iL2w1\nbOgn\r\n=SUSI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZhlqhpu3P7AkYcHV87QSCw1uDhO/WPCDQyo3+dFQjyAiBFiZXj7kjw2WSaIgJsyfPskodW1QN4iP4WDSUrbFqnpg=="}]},"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":"benjamincharity","email":"ben@benjamincharity.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-selection-list_1.0.4_1591816751153_0.09107533592056583"},"_hasShrinkwrap":false},"1.0.5":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^1.0.0","@terminus/ui-chip":"^1.0.0","@terminus/ui-form-field":"^1.0.0","@terminus/ui-icon":"^1.0.0","@terminus/ui-input":"^1.0.0","@terminus/ui-option":"^1.0.0","@terminus/ui-utilities":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@terminus/ui-pipes":"1.0.3","date-fns":"2.14.0","@terminus/ui-spacing":"1.0.3","@terminus/ui-validators":"1.0.3","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.5","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-wAeTohypA9FHA6a65l+j8rgQhglOgBQUYknze9Z5aIgSxHmCBVgYYYqrCF0UGTM1BlANesfCiZTTmOivgUH6Kg==","shasum":"1ed802e089c0e8950c8b01f125d95522b296fb70","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.5.tgz","fileCount":77,"unpackedSize":1345770,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4j1sCRA9TVsSAnZWagAAUSYP/3PLv8n1eqchZX1e2DSs\nwBhWabE9PDqzpsVdvDHIiuzkqtf452deHXXohpZ7lj4YJIw6q2bun3kJKjrd\nAWpbUZNNsmKTZaGblhemZj9n6kphF99VfSBPYEFeYkAU/PZwwhjHh8WHwvPO\n/DHiM5viayDJOBDeIFvlwA/XzT7U8ToeoDCYW6zU4DaUlOx68to+BNYA4dGt\nRQ6oSgAwqGZXeISNshxfLxv7C/GJq/yolPHwCqDeifEqcuRgVSxXTG8n/j0X\n50E5lF7f+wetFZOC8dOAHNWh0LvYSksKUxlGCv2Q1Cgu5eA9Llil7topD26q\naDjZs6dKXriP0s9cgExpBNAhgsmceWl1RTzo2pkJRLAbIepvbk9LaAmzvNB6\nw9KaTA4cmDGtbpRqcpIekXNvZZlHsmFrp1p6DWLwYsFGR4xUL02Ih8tmiQXk\nggKT/ho/STfIWbEDtvq8hY4dziWGlfynkOOH0m2onDMjDXxBdc2/uIochBHo\nPOOtX9DipbXZ/I59+0JcI5h66Yx/iM4Gw8g0namKsqwZF38tfIcT8Us5Gzmj\nwTIkRqA+pKDGyknlrxOD5aPiwc6Pa9VFSEQwg9kNs6OjH58QKz5nRifePNFn\n5pi4IuH7A+NExH7qyhB/l537YnzIIfoQT2MuXnH4mma0gp8ExzgEtN9HZTrM\ntrC/\r\n=UcYY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGfJk+HkNmejywOFU0BIDQ+srpq9TJKC3M/g5ToJz3HgIgCfzT+UYaym3qUhKU0VBcb4OJaHpSO5U02rKRq4NrNXQ="}]},"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-selection-list_1.0.5_1591885163747_0.6154623535762926"},"_hasShrinkwrap":false},"1.0.6":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^1.0.0","@terminus/ui-chip":"^1.0.0","@terminus/ui-form-field":"^1.0.0","@terminus/ui-icon":"^1.0.0","@terminus/ui-input":"^1.0.0","@terminus/ui-option":"^1.0.0","@terminus/ui-utilities":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.6","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-my/iuNm1QRMySWIw/7wLCIBNC+IcKGtqMQWp9d0QlDusQlDij4CJDDWSTp3p3kKs8dOBSoC1Ycs9/SpUWsF7Cg==","shasum":"79f1dcb8cdfaddb37e203907bf011e0794c8e7f3","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.6.tgz","fileCount":77,"unpackedSize":1345664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8iFQCRA9TVsSAnZWagAAz1UP/2O7dzD0KLk2d657n0Tb\nl1YQDSUBO6BOVIlN5RSdSfaOqoq/HS7cL6ndCvCPYV9kZRaEXGnJz5L+Ua0u\nzfyzGnvL5/KpWrmK6CPRVXgYHe4uUaY7u12Q2L6tWW8uINpMYM1mQ92qNyex\nA3stfPNn7uzhIeXTE+eiu+PgligV328CrDVRAEHuhjc9XcMIindm8UDcDYij\nGUkT+az2XF7AO50iMJVPppW0jhTCmQ0GJ+OZssY+aHZObHnNGDlR7sMxFsAW\ntnfRlEMSZ/1PkkaqEkfxLw6EoZV+XyW6kPmZS3HfH/GhaIoYIEUOwT85HHPD\nt9MhkB6QPlIEKTXcWxNKyOlWe6VR3XqLeSMphcuJeqkfESejX2nwLzxofWA0\noZSjdndtE+2qcyudhMF1faqMpFvbVV5s7bmDGISSUZrH6HYvK4LfPL3mjYgD\nQ3T3/HaxuoA+H1GQfSG2PxHGqEoL9ceytk0VXb67mV88HYOv+2PeJ82wVgcD\nVub9MnKM4n+8uaDLe5HZ1SrE3vwFGLJHneIDrKp+HrkcQkPYC8qDLfRA4+L6\nzm4s3jxDe5t2bmePH3TYQnAuP/JvOIBVwum368/0VGm1jR78Xy/9i4EHvU28\nblYQg2IGh1G7ENz9zfHaDcJUGlaLU6ot1Wzlxe/4X+LdOBpidKGdIxl88QMn\n4ium\r\n=UTV3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA0TH0OeVTmJgy4z7ftKxfQevegmZtlwd+i2qB8gWjC5AiAwCAyVDIsgiIRsVdt2tc+6ZUk9N+5FohJRqNu99pr3Eg=="}]},"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-selection-list_1.0.6_1592926543818_0.761408573721087"},"_hasShrinkwrap":false},"1.0.7":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^1.0.0","@terminus/ui-chip":"^1.0.0","@terminus/ui-form-field":"^1.0.0","@terminus/ui-icon":"^1.0.0","@terminus/ui-input":"^1.0.0","@terminus/ui-option":"^1.0.0","@terminus/ui-utilities":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.7","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-j8bN7IGnwcWZc8+hklIxFVB7OTpM2DkzZr9XIgP7kyk5aAtJBCRXv3xWHP2I5Idv6uEiM6E21Ql1aR9wAbGQWg==","shasum":"8069a56bfd91bc4b98a2c58e9c9005052214db90","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.7.tgz","fileCount":77,"unpackedSize":1345887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBJdICRA9TVsSAnZWagAA1McQAKUWyBLOT+KbBvNLDQcF\neO7ayuTutl5n5FoGkGc22y79Ea8cHJZNd/IsezYngWpytXTmU8h/5jg/AueJ\nMydbarIa+g4jH+Mjw5f5GV+zeqeDgeRJ5d5qHKzOBBNr6YoyEKUhVORdWqao\nokWo2HclxOA0JBSXWIg8SxotnJz+/Wsvv817johX/Di5USgl6cGwI1KHcp5F\nj1lX3N6KQrRuh9YF90eXxUi4CcyYcphetoKyhJzUELnjlbVg5nTZDxwWR1/D\n65xWaoVtazaYwc804pYAOS17njzPBiIiPuEMsgoQJ8EHgXjppZb7MUQ9T4o2\nCYA3fyAc9cY/IW8l/n8pTzIU6NnDoL0bH6qYkeOvcE0MUiFFqYNCLm8CgjnU\nfIpJ/TywMqiIoDGXFRbEMTcpCUVx75hBoqIqFiNNOmuTTCdd3abGwOXcf68W\nY1OIYwUHbjrlXVINFBIcj6mxgJupI6hh7bHq4SYStyfizzjR3OULLK8MLs4Y\nYdyCw6Re8rxDPknKYFu36AhKLpcF2gLefFckAXimRzILdFY6ziZwhAeZm/CR\nsyb829zNJoZR+9vwOOg7+06KDLullUHFUwbOKqo1BAFwSZea5kSxbw4Luqmw\nE5LuhjuuPJjeTk6hO0wj/QopgrVzVkb5i1N+9bqWisWKF3E1CzKiVOLCqkLh\nBA6F\r\n=rS2w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGNT/qG2PEEgpPufxqYmIrrkNNk2cwkhUCELuOq3ei/iAiBolz2iCMF10W/95M32uK0n8AnRqBMx+nqmvb9b6ZF7lw=="}]},"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-selection-list_1.0.7_1594136392431_0.1586330379355485"},"_hasShrinkwrap":false},"1.0.8":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^1.0.0","@terminus/ui-chip":"^1.0.0","@terminus/ui-form-field":"^1.0.0","@terminus/ui-icon":"^1.0.0","@terminus/ui-input":"^1.0.0","@terminus/ui-option":"^1.0.0","@terminus/ui-utilities":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@terminus/ui-spacing":"1.0.7","@terminus/ui-pipes":"1.0.5","date-fns":"2.14.0","@terminus/ui-validators":"1.0.5","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.8","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-G1R6ql7o2K1boPCwNZ6hVW82A0bmMFeytK9zfEnUx9rKi4weIoIC7MyDQQWtUmp+T7ggWajl5zi9a9HumZbVSw==","shasum":"351d690b087c73cddda8668da07a430302c467f2","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.8.tgz","fileCount":77,"unpackedSize":1341288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDFDECRA9TVsSAnZWagAAz7YP/R9yqdQDqIz1qgQKH/uk\n8BRRcHh+8maQ12+tcBdL6PhqFHFFoBdCtqdKFndBEo+4nGAtwaZL6s/T7aTe\nSB9J1OkpKZEcAHJcZKtvkNN5JxIHkod33YDzktMN3IogCgbAfE6NRD6cRMvH\n2ExtyRhMrtO1kbj2gdQBdvtrudvmvPP8Tya1cQgJ+WHSFuxmepvnR6t/CNBY\nnamrkm87NezDeRSvxhRB+cf021wKNZrbekc3HEEMNEopEEQsWHPmmjtI4z8a\nuj6+rgh12v0QDSz8wYghxQGi7AGEwMu/tbfRvA5qH1IldnBBXfkf9sVMLYTB\nrS+vNUCPRmR2xDh7cyT84ipPNgcjN3wEGZKO4yylf6S3+QhI4mZNj67NeeZB\nYwTF2oU9+Su5O4iAr+6RU0WSp/kDZ52pe9Ou5HH62sydGSV/u3EtHmd5sh4I\nbMGsOEhiOOA5gc3e4wNSOUC0zDncobfuTPYvqUqWyqeY1Jia8M3OOJqOqaBT\nsOrtXLXXjuABnbGNm9tr4Cl9lF86P5M/63uSkmHsEhdPQYUynfcGMo5t//xk\nrqbwwYjV32X+QKDZR+9eDwbHx6tdLsj8/tJo54UR7YnjL9oP1FQXAnYUdqzz\nK1GulUCkrgL5t524XfTHy3y9H296ls/areKfvpUn2FdyWMTNwVWd/dPPwzoS\noBLu\r\n=ciP0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjWsTQefcmef1CnRxs99FewvjsXxWaZQwecFbfszvuRwIhAKRDN1KWokrPKZQfa7jf0KK5uVD6TyDFIiqACvDYAeUM"}]},"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-selection-list_1.0.8_1594642624933_0.32236377476756606"},"_hasShrinkwrap":false},"1.0.9":{"name":"@terminus/ui-selection-list","version":"1.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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^1.0.0","@terminus/ui-chip":"^1.0.0","@terminus/ui-form-field":"^1.0.0","@terminus/ui-icon":"^1.0.0","@terminus/ui-input":"^1.0.0","@terminus/ui-option":"^1.0.0","@terminus/ui-utilities":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@terminus/ui-spacing":"1.0.7","@terminus/ui-pipes":"1.0.6","date-fns":"2.14.0","@terminus/ui-validators":"1.0.5","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@1.0.9","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-TwXigYimbvGLvwei+HhoTLFnl7DcA4ra2v8yb+svEpV6U71VVAD8Hgl+z0tZ+zT0HkD7nHXaNtryfXGbnD9rzQ==","shasum":"6d1997a814cb08e8e65182cc1d371678328c00b4","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-1.0.9.tgz","fileCount":77,"unpackedSize":1343276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDLUGCRA9TVsSAnZWagAAWE4P/0topttiuai8jlL0XYml\nfUcBVv4g40sUJePzvgeXexcsG6sapj+VtMBqtLnTWaXaWGTGyYQ/kU2vI00t\nP4KmMwNCm43pZf40QcTaudsSQX/hztCnEHIJSYfwOS3ZCXsi2x642KNU/NTL\n7xUtXgn6b79rVHdwajwFEa3WYMJL2lCdyXZr8pMpYRiUeU8qEBH32APlfJoJ\nS0qGx6lg291lRsnfdqf+cw7/x1bZUJXI6jGZoHFLs8ra9qZhebJvKk5jC9j8\ndgqelOd8deMf2uckgbAju6w8cMTtbD12t6w+nJGWGmzJE0a3WP1QuM9Ccgfz\nFmdkjszoSx3lLLD0QzoCOJOq50TMUVYTW0oBwCbgCG+qyBwCZCkRNuc0MeaM\nab17xASGgC8fVpHqMDVWrIPMoz+G9GWAZStTfWHI/grtY3PvAYc9yk3g0b2z\nM7jqE3NBULgn3oPswwhPY7PUMHLsyde0M+6v2uh4iSbqXg6BRAGD60RqZVwv\naD/TzxSeZVhGjk/Gg//cfVfdIrGaUh7Gtl1Gz0THtZvV8W3qP6rPfZVWhnqC\nPcZZrJWaliLh/Vx58YTGeR165eKD3lpfyouObRMJIOkR5H8wyJZCPA2CvDU9\n+wsjF17i2LcB9ERp6MBMIcA62SlcxIU71Nq8tDPUu45ky98eVdQBG3GdFPjI\nDPe+\r\n=3m75\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHZAusIQLjRpnXxeGemnNNTekjj0XbEY6Uj/zeVu1tz7AiAuJV80IwlTET69tP1VPbu/Al3ef/Pi3Ubk3mfdRXbmQQ=="}]},"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-selection-list_1.0.9_1594668293871_0.0005927489603645419"},"_hasShrinkwrap":false},"2.0.0":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^1.0.0","@terminus/ui-chip":"^1.0.0","@terminus/ui-form-field":"^1.0.0","@terminus/ui-icon":"^1.0.0","@terminus/ui-input":"^1.0.0","@terminus/ui-option":"^1.0.0","@terminus/ui-utilities":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@terminus/ui-spacing":"1.0.9","@terminus/ui-pipes":"1.0.7","date-fns":"2.14.0","@terminus/ui-validators":"1.0.7","text-mask-addons":"3.8.0","text-mask-core":"5.1.2","@fortawesome/pro-regular-svg-icons":"5.14.0"},"readme":"<h1>Selection List</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\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 installed](#packages-that-need-to-be-installed)\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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 installed\n\n- `@angular/cdk`\n- `@angular/common`\n- `@angular/core`\n- `@angular/flex-layout`\n- `@angular/forms`\n- `@angular/material`\n- `@angular/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/ngx-tools`\n- `@terminus/ui-checkbox`\n- `@terminus/ui-chip`\n- `@terminus/ui-form-field`\n- `@terminus/ui-icon`\n- `@terminus/ui-input`\n- `@terminus/ui-option`\n- `@terminus/ui-pipes`\n- `@terminus/ui-validators`\n- `@terminus/ui-spacing`\n- `@terminus/ui-styles`\n- `@terminus/ui-validation-messages`\n- `@terminus/ui-utilities`\n- `@terminus/ui-select`\n- `date-fns`\n- `text-mask-addons`\n- `text-mask-core`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsOptionModule`\n- `TsSelectModule`\n- `FormsModule`\n- `ReactiveFormsModule`\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.0","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-MGqiQAPxl6rmWqTTL0Nf0W8108JQwJHXr82H1ouGtn08Cm2HDCawVQjK3pk2W8Xhv+09m902aeo5iuTw0ZLbrQ==","shasum":"d11961a6c5c1164089bd030ecefbb178f822838b","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.0.tgz","fileCount":81,"unpackedSize":1349490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHy2wCRA9TVsSAnZWagAAeTUP/2wif/H5spYaLHUihPTj\n2StnXcRwk/qsR0GeFhzf5Crl0RLqL6Ff9UY8J/Q7qZcWtsMeZ4DdZGmc9+ij\noPtLemAVVSEatlC73vgY62SGsxJAI/XGZDADdP8a41S9oaeqfYMC3mPcMEeR\nvdrk1XDNlDj6kBLUF/794WDMhb8UU+KNXfW1qstem6YyOVH9R39FsnbwqFyT\nMM6w343VZH5gH1i3s2Cq8GAnL0Gyui7bji2M2Q8h6N7/3um3hTKYNSJdPxOY\n8akYUPVs0MCj45fGudZgWhnsugKOcRpTAtbkuLns7Ypw4M9p1CJuDJ9r3sn5\nIAuLSRXh2tRVc4Hu/VN5fYWC5xwjT386XWH2mZxASnXO1ZrQ5aLeRIcybdoI\nsORT+90GqrhRy1Zr9fT73tMW8djZx67Fksn3fZlB25Z7Px0UyS9zSKsq4bsF\nuu0mbmDpb5iWVhLFIu7A7J/tsdRNO1Kc3Vu0jL4jWgsCSOoi4sY+93qNaI38\nwoerLUrsKvltWupZ+2NTDwvxpYOjmw3LKGQIqbkThvF/FoefWLXFsszfyivO\n8dCLG5b328taGVCQNmZzUjvN3vGT/98V2g6vR89OXraZPcU0KhUJ9wbCIysh\n/iZAnrPFx03fV+wFZwVbR13kUOaGMUCAK56+3tAYdmHIwTpOaoArlMiPJeAF\n6Qol\r\n=lzWH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFZpi/1QR2VH38JovKMOPaf+FD0rJoG3O8Bg68X2FgFiAiEA7+1nLT5q7OpQB5245i97DLYNhwlvblXG9glbo4ZyU7M="}]},"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-selection-list_2.0.0_1595878831644_0.8085934252605103"},"_hasShrinkwrap":false},"2.0.1":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.0","@terminus/ui-chip":"^2.0.0","@terminus/ui-form-field":"^2.0.0","@terminus/ui-icon":"^2.0.0","@terminus/ui-input":"^2.0.0","@terminus/ui-option":"^1.0.8","@terminus/ui-utilities":"^1.0.7","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@terminus/ui-spacing":"1.0.10","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0","@terminus/ui-validators":"1.0.8","text-mask-addons":"3.8.0","text-mask-core":"5.1.2","@fortawesome/pro-regular-svg-icons":"5.14.0"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.1","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-yP1AktIgQgiyJuSS8PMArv7jMlAnXBTMz6bY9GOjcO9IijpHCxRz0o8hLz5E37gdiHXbrjZShFrb6q0YBqZreQ==","shasum":"9693fe4ed392a54953cea5ba2292cc8a11ef7d22","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.1.tgz","fileCount":81,"unpackedSize":1349795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIERtCRA9TVsSAnZWagAAz80QAJelxoYD40zKDAnIPkgs\n8C+s8O0/LQsZzpGEHRuxIC5zPRZWYsPykRHnMBCJ9INiOpLm3zCUqoXTJeAk\nO3ciA8g1DmBmdKbrNMw7pXlzykN2TkiIHe8yaIJj3L5FiQq6qIW8m5Pqr1p2\nFPy0y3h9aV9LD3eaRn47errsI/d8vG3G5cMzk1iuNvsYChJmhuH3EkFINNw9\ngFcGSqi+FxDtbfZ8C1pRpx3ZnTj7I913LfD5YeLOwm497umNRv+IsKWLRhCk\nqUb65DMpazvZrbQDuOZq1GWv9l9cHVMX+nD3qGkO988kbgmt3kSmL4dHVYNt\nbqNe0CGnOhZPnmdxpiRj5yxvddjohi/1jEYOJXJmuVG4cXRduYuM05MMy2X0\n66ePuShBTbVsjC/JmKxBf/eJaQ8YXBUnT/CSEKNEtUyYd6yWNFt/+NJq4UOb\nevtBV/IO9CYaXvLaETFMqvJbChw6SI5X26ap6h355SSAUbXiGZrzBlxTjZwn\nff+cO8LwvKp1Hq4BWJEd/nUwJV481WTHeD+6/1N17KMSdVmNXFsLL0+Y7Y+F\nJ+LgWbXKzte51QUe54OGkbLA9Ck1i6yQjCfD+0wIP/mNCwlJ3LAIDnu2dmYx\nHN2tbEcXQ40K5a9cDA9ivzMfkEhKDZS70JNH1+ld4ESTrqjeKQa8Ky3BrgvF\n3o0m\r\n=gQNe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID2ujCkZJvm9Vb15XsAjRZJwWU6NQab85ae+uE8yBT8yAiEAg5YrEj+YKsyhsT7oWheOZnmZMekweP1LbLIirC3oaGo="}]},"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-selection-list_2.0.1_1595950188775_0.07765486039467806"},"_hasShrinkwrap":false},"2.0.2":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.0","@terminus/ui-chip":"^2.0.0","@terminus/ui-form-field":"^2.0.0","@terminus/ui-icon":"^2.0.0","@terminus/ui-input":"^2.0.0","@terminus/ui-option":"^1.0.8","@terminus/ui-utilities":"^1.0.7","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@terminus/ui-spacing":"1.0.10","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0","@terminus/ui-validators":"1.0.8","text-mask-addons":"3.8.0","text-mask-core":"5.1.2","@fortawesome/pro-regular-svg-icons":"5.14.0"},"readme":"<h1>Selection List</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\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 installed](#packages-that-need-to-be-installed)\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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 installed\n\n- `@angular/cdk`\n- `@angular/common`\n- `@angular/core`\n- `@angular/flex-layout`\n- `@angular/forms`\n- `@angular/material`\n- `@angular/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/ngx-tools`\n- `@terminus/ui-checkbox`\n- `@terminus/ui-chip`\n- `@terminus/ui-form-field`\n- `@terminus/ui-icon`\n- `@terminus/ui-input`\n- `@terminus/ui-option`\n- `@terminus/ui-pipes`\n- `@terminus/ui-validators`\n- `@terminus/ui-spacing`\n- `@terminus/ui-styles`\n- `@terminus/ui-validation-messages`\n- `@terminus/ui-utilities`\n- `@terminus/ui-select`\n- `date-fns`\n- `text-mask-addons`\n- `text-mask-core`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsOptionModule`\n- `TsSelectModule`\n- `FormsModule`\n- `ReactiveFormsModule`\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.2","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-M7KgEln6ZLetLdiQaK2xM6Qf8VFV6jGznTvNQjLCaYAffz9J7XwtTkfwUb62e8eKfjX/xCblJo5IcUdBOxsM2w==","shasum":"fb3e91e35fef0620d9b1fd9dfc8c1dd58481a753","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.2.tgz","fileCount":81,"unpackedSize":1350489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIG5wCRA9TVsSAnZWagAAcZYP/RrJbjvztU3LRON24SBX\nVxwidPIVqrNrKNnJGzJ2VUC+AHNT3dVXRBBJ/iOHxGKGVcvhXxKVYtdV5vCW\nM7+/TpsITfAVzQOK3IaW8ARitHwkZC6Kzaj+mJQfis0vv59PaQEOW7EoRUwc\nbKF1kVmJxcF7vfjTH3raeinfLQMWeSxBboCKbg0RPPXH9W4dfgaoqPbu2Vm7\nGFpKZj/eTakmcv7X9gCt+wh9+rqko0oRsADLKBG3yP7NitIDB1BOQvVzpWfQ\ngzN4xAHI5Gqrntk31G9AIx3tJ76tXpeJeWkY1namy0cQInIeSiNHxV6CLbVu\nCubtuBoe1sa8spPHUtSsLnkcDiwihocxwDddAZkLfyH9cvqa9NOZ5Pq0UhCA\nq95iwwMtOGS77G6VBzmkDhUs7WGwHTDKdfMwMCuEaV8bG/teLkYR38xJGyc3\naYhsHcVw0cfXQPnyuBkT8C82u9eP29rXVVtMkY/tMObv4WDEN1klWHU8es9L\nsvYWY3lAS2LIh3J+VsPvV/3TeJjLR1w9haCSuNE/OPm19GaupJgb7AYtkp2T\nIBemDlI8Oyi+JMy9Yd9uw3fen1Zk7ZUUKAGIkbRdDVyLexrqF3eXPEpwKkwg\nihwnkSPtN7yH4L7AP8Gnvhm/JDQwXjLrd9+l4BaoI8z1gCF7RH4qtXEsrEYJ\nBK/y\r\n=A68t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBe28b8TdXkcJ7XarnM2ohfGJTEc+9d1wTaTOliB2cFLAiBv0nqQS7ZSBpTPzNQEt7OWcpvsMELTBLBHAgDd1Y/Fhw=="}]},"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-selection-list_2.0.2_1595960943553_0.6342511702721363"},"_hasShrinkwrap":false},"2.0.3":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.0","@terminus/ui-chip":"^2.0.0","@terminus/ui-form-field":"^2.0.0","@terminus/ui-icon":"^2.0.0","@terminus/ui-input":"^2.0.0","@terminus/ui-option":"^1.0.8","@terminus/ui-utilities":"^1.0.7","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@terminus/ui-spacing":"1.0.10","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0","@terminus/ui-validators":"1.0.8","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.3","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-QgmVZe56BDKo8lKpwMfXjLpE4a+0otz3D6/LQFAdcaJ5LgyV/8vgx+qdKpEQqhU5qWfXndXRebgwW6hEgPf0RA==","shasum":"20781b067664b9249c4a9e7037b212810b3e27d9","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.3.tgz","fileCount":81,"unpackedSize":1351567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIXQtCRA9TVsSAnZWagAA8E4QAKBvLnaL8pC7ttcY8DFJ\naEywcqYDN+scT5N16aLBnb3nE4vizr89bKxt2jwahOqZSFmCizixpRLLs7Qd\nnDPczs3dO+xDWy8Mtse1FUSp5g/357IxituQ4yi9hbHdmZfOhsqJXULJcYYR\nWIrS0f68sTowVVlO3B8ce+JyNUlryktW21TQyCvhOSZVf/z3qbu1Dimxa9M2\nPS1A8aBXviRojKfIi9Wnqh3UyB5WS9gCKnfCFsBsu8sVAgrYvU1rwxuIWpG/\n2loa32slh+lP9cwlOgezfDHHnBoN3nEydYVqo14a40XLrf/4Uyb8ObSOpivG\n0Pba+gD3Hx6hYbrddPA+OD1HUK8HIk2pJKLj1qk9pSpNeDfsYr0fegyk9LAE\naoFYuDWRGSQxkGWHInni/Bf1COR20jmqjU7rN9xLYaBKpqPsRvf21jbAmkiO\ngEUybz1zI53MF+1n+87xLMz/3VejWBKu4dGWfKZw7DJCnRWOOhzlMJaXEYIY\nLVPXpuwz2Vfn6+W4g1oqFdp4sWRh9Oh3kTWGO4AsOHxTWl5M3yuYRw+JT7dX\nZ2lakLpImkr4tDq1yb2D6AIoLzflyqX17249gIZEyp6omFyZj32Ss0a97eZg\nMLh+nQyke450bbLDw1yqacDXcl0vVXWXD1CvX3BTlFN9n7wQxNUTLf+5mkuA\nNMiY\r\n=t7aV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFmlCYDcbyhsfyvlAyMHUIEKP8+6/R2gKKMYo0HLuYGMAiEAhej0LtqcWNJNOv6k85SeDWX9qp092muuptzrnAC3lcw="}]},"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-selection-list_2.0.3_1596027949356_0.31323736177729433"},"_hasShrinkwrap":false},"2.0.4":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.0","@terminus/ui-chip":"^2.0.0","@terminus/ui-form-field":"^2.0.0","@terminus/ui-icon":"^2.0.0","@terminus/ui-input":"^2.0.0","@terminus/ui-option":"^1.0.8","@terminus/ui-utilities":"^1.0.7","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@terminus/ui-spacing":"1.0.10","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0","@terminus/ui-validators":"1.0.8","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.4","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-MqzhwFBy5nQa561b1Zweuea8oFWuFD/Tc/Da0a25mOKkmdHdFpStAeWtVrMysUdczz8VnVSJOu/ScIj0KmAtRQ==","shasum":"8531bb51a144fa0bf15b2cac6033222dfb3bf375","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.4.tgz","fileCount":81,"unpackedSize":1351794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIZcECRA9TVsSAnZWagAA/1YQAI74M8bQ4VPLkrdj/ABA\nKkJh+lDtwMwDlf6nfsswQS4kf7f+MZko1dQjdJG+dUiHtW0Xkb6kfSnqrhln\njE47XtCQWRTGoDemgJBk6tYNjGXI8ILpSlgoX+0Zp6XSXoPhycw7vY3ikVWx\nrhLQMgtz3kJ7DJelbQrV8NV6OOeJ7OIe19rl7jsfA68ppyP1OZkZ5mgNEqtK\nsw484dybULBhfereOhSUyPj0LSRN4X/jVnXNSptiwrvNSDdV46nkw11AfvjL\n07wOtVxlACSADTz+F+8zNas4olaAl8f/DGzj/xLmurqsq2vjT5llQXcjjt7O\nuLQrJ1qNquNYtrfxYnBjgtdj0FZ36xTwGBUzBr4dMj6y49i5wWHsdcuFHlWp\n929Bn1rXBMiDZ43bFgFLZgTCPeO1RuyPAr6L6NrerAjfCOe0N2l4o9zLOtIA\nuh2253DXxQCbPgIDmRiOf1ybfF8JdZSN2Olq++wLZ2sPlFVtRqF1g0Spahjs\n9UELxIkeZ6tlWL0ZVomF+DhV4dXgkDNww5SUKnxD0MMmFe50eyr/oGUk7Ngp\n+WI1pI9f+jtSJuFxlW25WD47otTxi2uMG9rr1GygSsSn/sm4VqskpTAjilny\n+84Unlg+9OuYx02qzm0io5cPVcSvmywoorm0ddRZGAXmP2Uz0aUAkzjmWCBH\n3A9F\r\n=qhOB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAIsZ1e74dCp/zQ3VRrYPowhj9fbyGqI1xJKBhlHMqpuAiBo0pMjFT7WiKaAF+1B7ymMPXzB/ibBduqBMiAi1PoeHw=="}]},"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-selection-list_2.0.4_1596036867425_0.9006767533602149"},"_hasShrinkwrap":false},"2.0.5":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.0","@terminus/ui-chip":"^2.0.0","@terminus/ui-form-field":"^2.0.0","@terminus/ui-icon":"^2.0.0","@terminus/ui-input":"^2.0.0","@terminus/ui-option":"^1.0.8","@terminus/ui-utilities":"^1.0.7","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.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","@terminus/ui-spacing":"1.0.10","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0","@terminus/ui-validators":"1.0.8","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.5","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-jF/StNzFjaCPVFGbnawj0e3d1jtnOn6djS8mS7c11S17ldgLbFNPVjnjwttiST8QOXW8Zby78VcFCR3zebbwuQ==","shasum":"34ef8f9bfd1e6dd120e681e8fc1063b9d84e2896","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.5.tgz","fileCount":81,"unpackedSize":1353118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIy7pCRA9TVsSAnZWagAAYqsP/jhgVkvdFYUjQ8YfK0St\n/Q4rxJpE+JXxENh8XJ8MfGda+oryPwZPUMlir0w+pe3V4d248ZjaiQcXFUwf\nH1P8LDTkYrM/tVOxXRLdXr/QSdAzAjCBmNIXMLa/TwfjmInkP68hMfM1oHtH\nkZB1VhwqMFrp5HayNdxugjwE7YD7h/dcwIqs9XGLkXSEguRMWAFXYjs/sjY3\nMwiHAIXsusWruLu8LYNJzLuVdxr75cDOZMBgB1lhtxQqMkmCo+9bHoRdqdir\nCRDtn0LHjvq/RjTXYamvcpIeJOt/v0cvw64aIDxbd+zVUinKeqdwFJhGeIKJ\nhAI+j9AohJDCEVeU7TMw0aEeEnuQ5CQMjN7diZ39nQowTVPARx2B42bJbnj8\nd37DZGWPFpcicTFNn49haTbu/e+lPDg58DNurT2zpCFh6xrd/qvwpWOJpKWL\n+BxM54pBS4QKpXl+heekQRc0oNgJ6q0ZOShKX6lsqKKKn5x4KIYPElkM+q31\nAyc96Adb7mX3DKXkExClUEYkhhCeEKcIfewml9EgLmr6aTFBTzAdSjh71snE\n41FSP7krn4noCTCT35kbTc2qYhuMoJC7eF1hTwy258SHHCBZkcK9w3kpGwnd\nseIXFjGC4xy/OpwqHA6PnPU4HQ42Luie86H/oWqscTCbvUs354JIg23hjkbD\nduds\r\n=3Zww\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1+uS/0jbECyxKlmdD418Q1AGE/X3peN9rAfmK7kRprAiEAxb+HFZgNlzNOH6kGgg5h+ojsCx4bBZQei/IahHMdFZk="}]},"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-selection-list_2.0.5_1596141288478_0.8270378928634559"},"_hasShrinkwrap":false},"2.0.6":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.0","@terminus/ui-chip":"^2.0.0","@terminus/ui-form-field":"^2.0.0","@terminus/ui-icon":"^2.0.0","@terminus/ui-input":"^2.0.0","@terminus/ui-option":"^1.0.8","@terminus/ui-utilities":"^1.0.7","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@terminus/ui-spacing":"1.0.11","@terminus/ui-pipes":"1.0.9","@terminus/ui-validators":"1.0.9","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.6","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-sYwXHFmxI2ab9dlV4OIFQ3DXrBhnVueud6VumuI8QBz7xLlqmD0uvmdQo2KWDZpvUc5+6lorDSIR8UphnPVFeQ==","shasum":"3b18d7372850b0192052585abd3c1100b6f9aa62","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.6.tgz","fileCount":81,"unpackedSize":1348958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJCQ0CRA9TVsSAnZWagAA0cQQAJ1cAltnLB7cMNMPyu/k\nqe1ittSl1THuKm3NPbXMP2F6EoqLYV+J40scRwyzz8wOp5AFnIUyQ2hvW1Kb\nMPJzN8PrSG4sI0XntlJbZ+D/NeScEaB8SHxRAKXrXia/2Grf8MWKQauB52sa\nNzYJe8YpLaddPj1dHBHhujPlDg/E/+2/K6RMjGTTVF09x8WIb3J/4gjE6gel\nIgdV5EnygF3QvyvjMCfNi+m130W8JQ4Mq7eTT+qD6RkgPypnY7BGVKCn68G8\n1ErP3OgN07l1nYpTosOY7aRNk5WCrYpHc+PNSRmVxBcplOOxPgAV0EpnhRQy\noKOnSLcXzQghcgkGXaZFv1k+3Wx20v88F7K6RzmRP3vcRHHW4UrkGDPI+FFm\nAHMad7LViwt1Z4kz2cnDBDYhIMYPJR/6rIt6brFh1HLBxvvUvgJDSjos7UOA\nZg1IWQg5birDwicLBtgQd2geAqKZi/P4hgBsRr5aPS3zOf0fZJJLumtkM4wo\nI/YzvYr0Eu6b1VewqSlC0WJmgvJFaV5pZBjZT98CQpKMviXNGp9dQCoJMB4T\nlvcNybfY9uW3KK5hRtmVIzHqJDSntQzQcENS4wviYbiLdZ6kPnarWeSO7qwI\nIeWSyQkmgv87VTjJo/uU7Ke9lFsrMv1qzX6t6st1Zp9NtAcRYSX2q8BxfsZM\nki3d\r\n=0x4c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFnrlUS/diXAwtxkqbpytLH+80PacEaTQ5Is7WzQoc4nAiEA58BxuH/i0Tjiuj4bG3zFRj+HqXM27sohdZInzCf+pFw="}]},"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-selection-list_2.0.6_1596204084142_0.6396789117960888"},"_hasShrinkwrap":false},"2.0.7":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@terminus/ui-spacing":"1.0.12","@terminus/ui-pipes":"1.0.10","@terminus/ui-validators":"1.0.10","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.7","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-HaFzyrUYNZQfk6W6GKxwQFBVqIp5QWpKD0FDH+BegC95dJTlPCh09JgpRYHCe9QMbgKb2zCk4J1tsxH4R7QsuQ==","shasum":"c590cb77f591d3f085c1197d2aa41681740d6709","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.7.tgz","fileCount":81,"unpackedSize":1349185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMXP+CRA9TVsSAnZWagAA7j8P/jP22BOy/yQ7F69ieAlQ\n+gXen4TyJ0nSXrB7aoBcuRwmEoFbLzbUyx53ycFGvc5SNblK9R228PH5Sk/G\nqXV8Hnua24AzNz3lHUh2lYM7xsmnBUKv+JpD0FEHwxwotOY4kedJ0TWltvYW\n15Vb97YNEtGWHPHOTBsjpMV/vKCpAKgEDh/Vzqpoc/YN3QP0EqMMzUtg5hb3\nWspb+G0PLSN0Xh0367B57p9+TQ7Nudn1oxHz3heTrtuUU31tthIdGyd8oJ5G\n2PfS1nXV0FKP4pFs/VbfHdlUpFCj69dx3OmFHfWUZ+IHwGJ6YPv4Nom1p5f9\n/+GUG/7p9xCcDqA056+eTPAWafcWMv6izQZQMbv65hXPPqW+4h16bkndHakj\nka2nwCsw1qKt4d4QhhxwVXcroQZGEO3nlXg4rKQzfqyCWIUFDNqXT3kq3QAI\nMXCvwngIh83VIfHGmn1P0stfFole7JCljwcOa1iLy9+ozgbADwf5p/cca7Cy\n4IsF6OjGzRcBVJu/kU8R7Y17MdGjZieq7UFpfPp/FwgUO9P1vSfz9066Xdic\nXZg86wS5p84QYxG2o5r1YHE62oC/9Vcwi2JrFX/ojzJmjqBqOKeT0ZG5buIq\nPU1Qwz0lO4OlpFoDUCer04uEVzmuqvasqVd7Ro1Iz4MI2BPrzRiTIKsZwjmJ\nrC4z\r\n=mHAq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHCXG2HLT35YaAxxBEAgVKqZpQyNKHB93zSKHWSEIdN3AiEA5+VlTMJg0Hrn3Cre1jeBKuKE9USuQAorA5tiSNS+RQE="}]},"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-selection-list_2.0.7_1597076478264_0.78225872860639"},"_hasShrinkwrap":false},"2.0.8":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@terminus/ui-spacing":"1.0.14","@terminus/ui-pipes":"1.0.12","@terminus/ui-validators":"1.0.12","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"readme":"<h1>Selection List</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\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 installed](#packages-that-need-to-be-installed)\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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 installed\n\n- `@angular/cdk`\n- `@angular/common`\n- `@angular/core`\n- `@angular/flex-layout`\n- `@angular/forms`\n- `@angular/material`\n- `@angular/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-checkbox`\n- `@terminus/ui-chip`\n- `@terminus/ui-form-field`\n- `@terminus/ui-icon`\n- `@terminus/ui-input`\n- `@terminus/ui-option`\n- `@terminus/ui-pipes`\n- `@terminus/ui-validators`\n- `@terminus/ui-spacing`\n- `@terminus/ui-styles`\n- `@terminus/ui-validation-messages`\n- `@terminus/ui-utilities`\n- `@terminus/ui-select`\n- `date-fns`\n- `text-mask-addons`\n- `text-mask-core`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsOptionModule`\n- `TsSelectModule`\n- `FormsModule`\n- `ReactiveFormsModule`\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.8","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-+vpKc0kYbjFoLMtq4m/3NSJWLjptHyIKZD/2sxfjAb9LSJqASNolGWR2VyNeURRKT6o+Rct2S96My99meaOw9A==","shasum":"b5a5fe9bf8b8e22bb8eb278a30719be501b6d263","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.8.tgz","fileCount":81,"unpackedSize":1349346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNq6XCRA9TVsSAnZWagAAYuEP/RDUFsWNfqq544UuyMyS\nAgL9hVDQv0VAsLv2o8SzjSX1CRoVqYRqnARr9b4l0n6LEEgBSy3QEIhmJAYo\nsh9IAutzj2xwN8FOVIOO0xcReg6qtX6Hrrbape9MaLP4ab5a6yeOi1JzSRvf\ndAazlkFH4vwvQoHuX6gdzpj5y+iyniH3JmnTej8UcxblLDSgWVvNTlkPi3Gg\noaQOyCqQFa0Ahp8BfrgUJspWuQpgE6ejS0ARiR4k9a1podpStgVFgqO75u8e\nEt5VYt+7CJFMhDyJbZ+ES2EtFwsAMZRYH3ei2E0FAJTKGuWNgAkCJabsSsBU\nURQi7YMyMURzhyoQKLVeQbFivJ/VDnYdldop/y0hxgV0Uo+8Xi8tAW0YbfO5\n/2Q7kGFvkPZ/Jd9BAKeuwLpQPzyNWE4OlWQQzmz1Yrg6csc8kjeLzJkLJ+PT\njq/5o/Kbuf04q/9QeK75XFxr2l5mMjBcy116C2fLjA9giJnZ2m8jvSYkl1+9\nDsrJpbpbIVVwb2/GXiEi4PNkVfGDMaaXlyPnaLRGBo4N0kVTvO7uwvzUZrVv\nRcEp2/hzmt6H02HO9nNmWQpfXfv2j1mP53gSzX+fhqa2pOz4bab8+3pMGMRM\nEmkqE0TaR/gGA+/j28l51B4n9qFFbcdnRpANr59RcYA36poxpXnJsc77XuvX\n8JHc\r\n=PqQG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmP94ypuc/lo6GAnD+PsklI35hG9gwXNHPSnckQJ4WzQIhANeeMa/kzNmiRw6z6ApF50ivOgkfKlRHA9mcf7+/DY9a"}]},"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-selection-list_2.0.8_1597419158550_0.881739807804073"},"_hasShrinkwrap":false},"2.0.9":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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-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","@terminus/ui-spacing":"1.0.14","@terminus/ui-pipes":"1.0.13","@terminus/ui-validators":"1.0.12","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.9","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-t+0ZkPoo90JZogYvu49cOsWJacXdG14jkcCtHbZtdcynF0NOrzuLerzAun5T/tZYe1cv84ZXd9NtDqYTsnHrzw==","shasum":"919c70dbc180a4e2c4847f5e3cd1576fa7fd0d77","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.9.tgz","fileCount":81,"unpackedSize":1349435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRoUUCRA9TVsSAnZWagAAw6YP+gMRM2OyK8X/HldNwaI/\n60xRT0qnxYf42vhCtgZIWBOvZGIg5aellgFkCLvVBM0ewoHOZl0J0MYyBnv9\nagR7/dSgRYJ5iKbk5IG96m+vJ8XD/T31FGtH8bSe4s3VC2+RA1+XO1StaevL\nLwnKcodXTjH4xySkUbr5TOcVC12rAcju1ofp53VppyjKuqrtFMmonJFwGkZo\nzO+zQwUMRl3unbA53ij99T4U8IDZRJSgzA3Srj2rWUotl/RiuwAyTcPgSEf2\nOZXERFGv4JTK29m1vPrIAHoRHzWD11Ifr/DXzGBvcNnWtxuJANi+teLsSkoX\n/HVFc48+dC+Ez2rPRXUzrq7y5r40Hy6OrKytgycLB0g+VIPi6YCtcT9b6YgA\n6viDTWBfn5fpLHa4HT4b6GIut/KeLXlHWDtlRyDndh739U589MR4s7clVMO2\nIMHN//DHR0QHuCAspbryjxnKPUwutGR81vG7PLf2nxQZvpXbmCIFtJARVgw3\nQCt37IXecNSUIWgdkh85d26pVWiw37tV4J6xUHCRKf6nD3E+a8xTKwzdfVci\njuqqAWkAQO4Jgj+uB4cGf4EJqaAP8GTnJhT3qD8i+RdZDkyg6/FPbeawlN5D\nEyrJAys0lS1hhswfFQsxINjfVQVZWg6RRRAkwOaIsz3afkRJrXJzJgZQgFzo\nVgg3\r\n=1s03\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnDw6MQ29qkMJRs3riHTAKSZKfulSowyKJlvis4JNjXgIgX3MnpQlac/plEJ2Xt4LbxWGaQwH9WaUi7V5gh8S8OF4="}]},"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-selection-list_2.0.9_1598457108341_0.2362275727521106"},"_hasShrinkwrap":false},"2.0.10":{"name":"@terminus/ui-selection-list","version":"2.0.10","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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-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","@terminus/ui-pipes":"1.0.14","@terminus/ui-validators":"1.0.12","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"readme":"<h1>Selection List</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\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 installed](#packages-that-need-to-be-installed)\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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 installed\n\n- `@angular/cdk`\n- `@angular/common`\n- `@angular/core`\n- `@angular/flex-layout`\n- `@angular/forms`\n- `@angular/material`\n- `@angular/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-checkbox`\n- `@terminus/ui-chip`\n- `@terminus/ui-form-field`\n- `@terminus/ui-icon`\n- `@terminus/ui-input`\n- `@terminus/ui-option`\n- `@terminus/ui-pipes`\n- `@terminus/ui-validators`\n- `@terminus/ui-spacing`\n- `@terminus/ui-styles`\n- `@terminus/ui-validation-messages`\n- `@terminus/ui-utilities`\n- `@terminus/ui-select`\n- `date-fns`\n- `text-mask-addons`\n- `text-mask-core`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsOptionModule`\n- `TsSelectModule`\n- `FormsModule`\n- `ReactiveFormsModule`\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.10","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-/k/j2G41K9o5eHTn4L6jFqgsm1aCXxuBXQWk3Qt1mLGKSaN2BWUnhLvnZrvfi7hc7zRsRGSqxAPrEQalYNnecw==","shasum":"43c753edf307b086459f3244bddd66fae477f99e","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.10.tgz","fileCount":81,"unpackedSize":1349659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUXkqCRA9TVsSAnZWagAAeRcQAJdyBsvVvQlJISaxMQql\nm0r2aoKbfr0+jdpzJkoi8ZAVP1anz7fgSSpz2YKuv8J9BAjjNoO7hZrWAFKX\nv9K7CyYkTLDDliqS5PSyhIdJQio+JzqWKos1HyCz58KiF/vmD9DIpY7fu1VK\nFWnj/biRtcwSNXbr7TNZk12lOInYSs0aTrHg4DFTD6WpKAU1RvsNRl7IIaax\n9Cw2ciJQM6qFyT9/kB3cFofwZxWtlxNZZOi8Q6Nvvj0GnoQQupMfmP/OLP6M\n+ADfe90RvR+GsBTKHwwBVk9VFaneM6eRE/vhfkr2O9Onw7rFDOrFPADicMt0\nZR/vP/N8TMe26nd0Jis0gIjb5i48CLhninXCTkeDo+yt+KKz7NX9HnFj3Wjz\nbaqM41bQt1d/qs6e5gpqBFMeE6FjI3DA3U/NlJ2ZyvvqpIJ6uw3HYVuUbjcO\n1B9gPLSEiB5g7Vw4cyGNbTsPqtD8JmT1nmm041XBPp12GzQ+0ehRjAP1suoC\nmI2Absu0nxOTyBYYzDGEt+32iamDbWDaWOR/rVl0fTUUsZ71mAGZVVRqeWSK\n+DrkdnlKPkWz8JWFYw8/v9KhpuNwXL6U/QG4svJzAZZ0f8gK2HxYDEdCzR1u\n7PJCtFbAleK727gHm11MOAn0XAmU+PA0e5AIO7/rKSFCgLS/CsEZqw2vJk4r\nCW5y\r\n=k1wT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqTo/bgUQm9fOIDiJnPPFIDCGboFYN32FbbEAGMox4owIgGJ4GC/XQsuuyevPBiUaYgaGJpkMqaVAuRC+0O0G5qaU="}]},"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-selection-list_2.0.10_1599174954353_0.927716923671646"},"_hasShrinkwrap":false},"2.0.11":{"name":"@terminus/ui-selection-list","version":"2.0.11","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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-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","@terminus/ui-pipes":"1.0.15","@terminus/ui-validators":"1.0.13","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"readme":"<h1>Selection List</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\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 installed](#packages-that-need-to-be-installed)\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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 installed\n\n- `@angular/cdk`\n- `@angular/common`\n- `@angular/core`\n- `@angular/flex-layout`\n- `@angular/forms`\n- `@angular/material`\n- `@angular/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-checkbox`\n- `@terminus/ui-chip`\n- `@terminus/ui-form-field`\n- `@terminus/ui-icon`\n- `@terminus/ui-input`\n- `@terminus/ui-option`\n- `@terminus/ui-pipes`\n- `@terminus/ui-validators`\n- `@terminus/ui-spacing`\n- `@terminus/ui-styles`\n- `@terminus/ui-validation-messages`\n- `@terminus/ui-utilities`\n- `@terminus/ui-select`\n- `date-fns`\n- `text-mask-addons`\n- `text-mask-core`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsOptionModule`\n- `TsSelectModule`\n- `FormsModule`\n- `ReactiveFormsModule`\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.0.11","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-gkz8KMtvmlctMSkxly2TGy6CZVgNaokZmmlIZbU1kM9HUhbZ9xcmLW26zeXYz8Ff6GetXuSu/hLJvly+u4ROZA==","shasum":"9d0527123d4300d61ce690e85b5898c02a3d2a5c","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.0.11.tgz","fileCount":81,"unpackedSize":1349905,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUlcSCRA9TVsSAnZWagAAXKwP+wQOiTOqKo+gE7/WBx1d\njy7vo/VX4DjbmsiqKkhFy7d7YtIEeTONhUiOC9i/aTFei/Ir0MnQFzIPAcxm\n0zd1YnDQPYp3XEV5OWNu3KhG9myM9kdnSGlre338g0hlTHFNa/8xEJbrU8RR\nWIg9J6XtmXAW861iFfzGuT2NE5qm4BPhK0K1WwvoozbwShbxEvvWljh3LPrJ\nJ8wZzJASsuGigMyEhQ6ykNYYqKOMpCJr7IZTigA8PA8HzfyNSV4zB7TzTmvW\nZzrzp9/gMtiwzEFriguBsWcxWN0aCD/ulabJ+4YtDoVPHwj7SZVgSkmEGLHt\n/G8E5H7jzLCZ9kvFVl6ERE3PUyZfo3FME7xSi/eKu6eKbQzTTUhjjDkLqZ4G\nSZEsOVulHrzTVprn7ujJspPG8KlEqQw2DuZsJ7mLPIQ4WCSBtDTY8QuPaJbS\nt0VWdk8oRHV9goRpzKlkoB8Rv6mFfpTOBfGcYp/f2KZc8jRC972lbqEt5msl\nKJf6COhTp/I81eXTyLbLv6S7UosZIasTgEhsyMjf9Z+OqA43iK9BmhBsAUvK\nE+KtXqitvJYVsxc9pQ1cy6mLhNbqVwgtbJrdHIipBTfcP/nNFfH/hO5bPhYu\nfyNucJoBegQuVMKEzOpdLiIfWKm7fLLYhCaWMQYt9ay3tS8+Mmi2YMhKqmmK\n6A23\r\n=NXwK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6obpI7RnhbZ9InZ+jJB+hjBnAc1LZF8508tGGDj0OagIhAJ+mJrGbiP4WHofQoHlTY4pWNJD8ivcCyjT4qrBuiMUk"}]},"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-selection-list_2.0.11_1599231762293_0.6614236497549604"},"_hasShrinkwrap":false},"2.1.0":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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-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","@terminus/ui-pipes":"1.1.0","@terminus/ui-validators":"1.1.0","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"readme":"<h1>Selection List</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\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 installed](#packages-that-need-to-be-installed)\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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 installed\n\n- `@angular/cdk`\n- `@angular/common`\n- `@angular/core`\n- `@angular/flex-layout`\n- `@angular/forms`\n- `@angular/material`\n- `@angular/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-checkbox`\n- `@terminus/ui-chip`\n- `@terminus/ui-form-field`\n- `@terminus/ui-icon`\n- `@terminus/ui-input`\n- `@terminus/ui-option`\n- `@terminus/ui-pipes`\n- `@terminus/ui-validators`\n- `@terminus/ui-spacing`\n- `@terminus/ui-styles`\n- `@terminus/ui-validation-messages`\n- `@terminus/ui-utilities`\n- `@terminus/ui-select`\n- `date-fns`\n- `text-mask-addons`\n- `text-mask-core`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsOptionModule`\n- `TsSelectModule`\n- `FormsModule`\n- `ReactiveFormsModule`\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.1.0","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-3UPkB0vdg48qkrMkshwQptNdLqmTAGxthx0IUOWybGlJXz7oYnWFEUcEl4VGgyODCzMNMLER/DKbzYSh2YwNNA==","shasum":"a434efa5bb1bb226e0b57ed7e561cb51d0e2b27f","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.1.0.tgz","fileCount":81,"unpackedSize":1350391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9MQCRA9TVsSAnZWagAARucQAJ3pFQOIv0gACE8tT2/L\nujLhVZhtFy9TIF4FAqdU83e2WV3+XfYph0DrwUzp6i1+L1oX3HUGpjqOJAej\nHeWAiS+vt2pxidCjlNe2aYtuYABg0ybQozuACRd31jvMbjIdl+0AAZ69Y/6j\nWBWaNf1qgt7dNqAF98QrbNnEMvGJ6yA5x9E1YXyHTNLhpp8WR7JFU7iTpVBp\n3TmKFfTgFIG/nX8dEGSsAnkF1koBR0Awq3GuYDcUTdwW2EJQMuUJnUOkoZjO\nXV2Szxaz7H2tG9MW9nwvnYrHffCWQ2iB85EAGk7yINKGC2KKYllJvcUqBYpg\n7+ePzfGx1nwZWtxDDQ7st6OxSeHV2OF+Ti/7fZInN9y9l0j5aGc3xxTWUrwX\nKF7Xq+QgEmCD7P77/Lqnra48CXTp5PBrtRsv2rg6HFNRvW2xIS5arQ8BA7AA\n0VmQdM3ZFqSSbi/5fFv8ZMINGZDtdGcjh2ikUKzBfYA2tTMbhTWq2ogA69ot\n41oL657DTEt/yc8Zm5Ev57GteEdntPZG9I50Vsa6Fs+0qNtkRENH4/Vyjnu+\npm2xiCXYwNtxE8s7sbI0jPIMWKLQUo6T/hrlhEVC8glP+WaTozEsCmosIXIX\nXqp6Ax824a2T98wPkvk1qQXAtHUBQ4+KTXus6SjMo5OjIWDgoMXY+37OCqyr\ni++P\r\n=xcAq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEX3ZCYPsFzKbYNOrVI73aF1RVsd+rmyuj2uXvKcgofQAiAeXY4yzn4pCkAfim5uG2kvBNpSfDoO5xrwnRDFWP8FdA=="}]},"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-selection-list_2.1.0_1599591184410_0.9896161299228357"},"_hasShrinkwrap":false},"2.1.1":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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-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","@terminus/ui-pipes":"1.1.0","@terminus/ui-validators":"1.1.0","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.1.1","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-AMU76W8LIARk8aZqC+axprllhemEDo5OhdpS/0Sdrqi44US4yc1d+LOgaCLF7ekCjoGyfJ7tTBHu1lbx5dIdUQ==","shasum":"c3537430a9d6269d5e65b453f93ea1a2a7cc2914","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.1.1.tgz","fileCount":81,"unpackedSize":1354030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWj1vCRA9TVsSAnZWagAAxH8P/0iVgsXIDdWJ7kSdj3rh\nrC6sfDAUA+xVlnH7iVu6gh/K353tGMbnTPJIDaz8mXRJ0prfnXjnHuNQAlm/\nc82PH91sLELEy/TNXh1ejTUHtOV+0EtK43BKwShPYBM2mPL86nEfyl0FBiYq\nnzgagCfcRKVDNih/jUfJrWYoI8zFgp2mgp4Mn+7YcU5HFA7aixXhsL9MORNf\nKA8/e+Y0BH1CdpBKJLv1HDKwK6z8JYpUyEyiTONGqDOrVyrfKwnvqoWmkGzZ\nCzNg2pcSy02xrL7iVbxzVKx98OpulAo8hUN/ywJ+OEnI/pcjKD7vSUKMW3ea\nadu8jHUUqCQodadjpszeDqYNfWIDX7KwBmaplP1vPH/TyKWfJnX26acEqdzt\nboSSIslL/le8AwizdWgmy/tIrmySOVJINlXXwzvx0RLmXUNDJTg0nhe7f4ez\niK9c7IhGhVDJZXhlVnEK+eRKAyg6llOk4smyzXXX3Xh8ShH9y8myGtXpimJp\nPuiGNtHyw2cVODwYn6dE2bniwghYf+ZAvmIC8FJJVL48R25BkMKExM9Kel9e\ndgQAxD9Cdh4JKy328VML4TMJCQo2ntQsqsSBlVvBcX77TDOAhgaN/qsDTU4f\nznyfayMyEGR9BZQH3Txe+AO8U2wB1SRdWA3oeVLvJKPTnlhsoRB5MCsxWBqj\nq/Le\r\n=pbYN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBIisOYwMhBMZvsuB68G5LQYhf54LMA/TYdLlW3dmOczAiBK6tly0EawYZPejUbLWQn36WnpRajwL9D3l6xrptirWQ=="}]},"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-selection-list_2.1.1_1599749487044_0.34574042180084175"},"_hasShrinkwrap":false},"2.1.2":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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-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","@terminus/ui-pipes":"1.1.1","@terminus/ui-validators":"2.0.0","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.1.2","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-J8cyxD5y46+KxixRwvxob2cuQoJFiER5x2K4qvH66I3gEokIIgim97u5CjqwFpPemvi5c0705AYXkvNC2+6gmQ==","shasum":"ac9266cd261609e6b51cb3f5f2d2a311c2da0903","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.1.2.tgz","fileCount":81,"unpackedSize":1354251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7WACRA9TVsSAnZWagAARsgP/iw8q8feSHa6dCmCC+r+\nbNrd0wkJlOQ3axueuJxfHV6xFLjM9LsdK7iHHCT7i7NuiVX41QZyHWAOYpS4\nL9Qw7W6TjD5edV9zslb5qqItjQgoNinMqqD0eslULfrdJsgHEXBXPETOQd7H\n2yVKn+DT+2CvVTNRj1B7e6zRqlji3KSUm/pb6ZgdN9XqYlgZRBddS0G365Cl\nRIlcBSXlXNfMz69lJKZcHX4CXuCAqQf1YrJsPJEHPbrMxB1vg237ebFfEAf8\nRx6mMtlTP20dsk4lpcd7dHUq3I96ccvx0tXZpoTUthasmZznvsxKlHqh7JRD\n4mD690RTQL2zG362305gfch9FNzOHNyD3GjemUj/fqpjYJ9WuFYlm+AKN5qn\nADf/nsBFn7xvUWdPaP3p7gsgypxVt1XfFldEXnzmmgxhjY3BmkkjSW+jCwcp\nWZy5qbBAZzugVzwIX5k7nY1csXO4NPsDpGt3PKAb/5F8Y3+Zs3uNkX6J+Lzo\nB7jtmPaZ8f8aX8gtebmvDMCVLSdY6r4C5mghtpw43DjMAQqB6mMqPrnG3az8\nIc1d1PQZX7tVQE+fmtuaTLeH8qUbIUkS6+NOshmYBlintU8az+PrUbxIFEzs\neuyIf2dc8stPuR+2m40dkB1/Bat+w4hBJw0LYoDY/Es6k+h0mcce/A44bhft\n1mPz\r\n=ByYX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMYcYwl8MhATUPurR8JyTVZQhpkSoh735zQCCYx3ta1AIhAInEjTj5cDdg+jZzWYby5tMHoYQYqDiEAVdgmesjpnYl"}]},"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-selection-list_2.1.2_1599845760285_0.509888299676051"},"_hasShrinkwrap":false},"2.1.3":{"name":"@terminus/ui-selection-list","version":"2.1.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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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-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","@terminus/ui-pipes":"1.1.2","@terminus/ui-validators":"2.0.1","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"readme":"<h1>Selection List</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\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 installed](#packages-that-need-to-be-installed)\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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 installed\n\n- `@angular/cdk`\n- `@angular/common`\n- `@angular/core`\n- `@angular/flex-layout`\n- `@angular/forms`\n- `@angular/material`\n- `@angular/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-checkbox`\n- `@terminus/ui-chip`\n- `@terminus/ui-form-field`\n- `@terminus/ui-icon`\n- `@terminus/ui-input`\n- `@terminus/ui-option`\n- `@terminus/ui-pipes`\n- `@terminus/ui-validators`\n- `@terminus/ui-spacing`\n- `@terminus/ui-styles`\n- `@terminus/ui-validation-messages`\n- `@terminus/ui-utilities`\n- `@terminus/ui-select`\n- `date-fns`\n- `text-mask-addons`\n- `text-mask-core`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsOptionModule`\n- `TsSelectModule`\n- `FormsModule`\n- `ReactiveFormsModule`\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.1.3","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-g5RAtS2GPApBBQlFhvPplObgyz5LIsByLLbHiKbmG/Yq/z+eK+Hyw40tXSHNijGTozBi8ZcYL3AJgveCwf82TA==","shasum":"c9b388d6515ac38ba17ab64d820c5ee5d83d639a","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.1.3.tgz","fileCount":81,"unpackedSize":1354868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX6rICRA9TVsSAnZWagAAZlwP/jx+pkR0jiSdXoPfG1SV\nKah8vuNyEaEIbKX5Z3cGsiXpEqXPDLrfo3XQOS3CtEke3m5Es+SgnSFPNhc3\nhIqMh+dy1aBS8w6/SxltExS/HlR5GF/4Np2Viu6H8SipQgs2gZbboTE+D2Ya\n5f3kzv0KFa70b6DqMgUv4dvu/RboiYV+5Sk+bdXVYElNrkVIi44IN/e8rqno\n4GEVMlnXo7Yax3K0sY7a+tgRzOBWiSUdae9HShVdeMeNRLfAHE/0a1t9Ehs6\n487nesnoW+NyItzY+xwUxO4N+ofRWUTdYyNVNWtVT4zo3Tw9YEl2mURsCfOp\nMsy3aeKabojYCdxlgYL1ZNZGU+VviSEIpIj1LeT0svItFT4Iu6Sn7c009tsS\nNkDSwtrUpQbiKVC8qmiWXbaedBnPvlJJf3CDK/1WcJAB7hlopzfR+Z2rWqOn\nHa8pny7CGo2kq+K0hJjdJ+ycHEK/mpyZczJpHNyfrf8LYLX8TLSKIIBJmBhL\n4uGNlbBTNm0pRKNHBgFqXeT0r3UUm3tigiEKIkQSFoJFMoXp5KNillVTQ/yU\nRGg3Rj6AGXHb+mgtB/7m/h8q119ey4OSNd9aMYlkED7pUZrGK4zk6dpVexsw\n9hgjUXlJatb0zoGghcYWqKvjSTTp8jcmlgrZ1S5ciziuCMGNia5lGeyK465Y\nAiT3\r\n=0BeF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAjKSti+B5kI9G6nWzjQzxFvwPwMrmcL631BjhucsNBOAiAFQHGqQ/tj9+lhS2B973DgFiLgrdJt5dvjjZJWwob+pw=="}]},"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-selection-list_2.1.3_1600105160157_0.20667964342739564"},"_hasShrinkwrap":false},"2.1.4":{"name":"@terminus/ui-selection-list","version":"2.1.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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@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","@terminus/ui-pipes":"1.1.3","@terminus/ui-validators":"2.0.2","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"readme":"<h1>Selection List</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\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 installed](#packages-that-need-to-be-installed)\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Events](#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 installed\n\n- `@angular/cdk`\n- `@angular/common`\n- `@angular/core`\n- `@angular/flex-layout`\n- `@angular/forms`\n- `@angular/material`\n- `@angular/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-checkbox`\n- `@terminus/ui-chip`\n- `@terminus/ui-form-field`\n- `@terminus/ui-icon`\n- `@terminus/ui-input`\n- `@terminus/ui-option`\n- `@terminus/ui-pipes`\n- `@terminus/ui-validators`\n- `@terminus/ui-spacing`\n- `@terminus/ui-styles`\n- `@terminus/ui-validation-messages`\n- `@terminus/ui-utilities`\n- `@terminus/ui-select`\n- `date-fns`\n- `text-mask-addons`\n- `text-mask-core`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsOptionModule`\n- `TsSelectModule`\n- `FormsModule`\n- `ReactiveFormsModule`\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@2.1.4","_nodeVersion":"12.18.4","_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","dist":{"integrity":"sha512-7X4QVx+QHummWM8dIWo1QTk+fskg2lZYJdkigYt7eqPMYzWCBpJwH/WSBYwzmt6yKiQzCpk7GFcvbzH5DAnmUQ==","shasum":"bdd20b332d33cb44bc101a92da6c5ab6379a6caf","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-2.1.4.tgz","fileCount":81,"unpackedSize":1355305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbO/hCRA9TVsSAnZWagAAQ/4P/RYGpTxx8o8bVIxRCGjZ\nf+QSiopp9E3zx8XdT/KrxOH7a872nB7EXaODCch4McprpXgcOXXpe9+a80eh\nJ6FTV3sbfJQYxpzgRhQC3lROQPcUy01cT+iDB+wCiyYxAS0kA5V4syKGIXTh\nTuqu1Nzp0kSywApVRbe96MKu1AanshGlTasUb+OshjCwNI8cQwr027DC6cvF\nzO42lkaPiDgO57z4+poTjPfyMn9gaB4zM0zQWdFX22D3xF8EbNva7KsLTcS6\neGNC0s/ua+VjvNyhxJPrhHMsiLG8EdJG7Fv1poZ269hLczWy69AXIpwQOpIi\nxidkBaCLlAv8cNs3Y5+fwJXC1zlKxt1dT3o8xxxwbrZQ8cWbjltDSEbygyuS\n16pJ+Pka34T1LctcumKArM1S0j23BckMlalwqQJhtVLh9Hn56qsi/+kxDJTF\ndicxcJ6aAFY/0bZ+wDV92bf2kAIFCi5kT0OrghYttjK7jyz+Wm3MoPanery/\n4of7b2YBynqViJ4ArxGkx2gAdG55KFdiwLY8tJ3NhLhNW4g2AsLyLUx1oeIK\nb+j0t9pUA5w3N0sizIt8QOJkBEjqbGsMIG5rXg3wsy91AjfFDxxhg5UPwqPG\nv3qGLrvVdOC/Xad1gODCocAxrDG8IpO4xq/PhTFgefXd1zV10WGqrQH3vm0h\n06c5\r\n=pJYn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9jCdDTI/qUyTbF55KIWIseGCBwyOQBKSbuzVKeem+5wIgZeK23VrqM1brbzy9Zr9qIOHa/Xn4KSxtYLRi7EaRfV0="}]},"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-selection-list_2.1.4_1600974817278_0.7801451170691465"},"_hasShrinkwrap":false},"3.0.0":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^2.0.6","@terminus/ui-chip":"^2.0.4","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.0.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.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","@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","@terminus/ui-pipes":"1.1.4","@terminus/ui-validators":"2.0.2","text-mask-addons":"3.8.0","text-mask-core":"5.1.2"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@3.0.0","_nodeVersion":"12.18.4","_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","dist":{"integrity":"sha512-0Fo1p5GgR3hNc04f6awwkWI/cnypemsE7numT/Go0rQ6XVIT+1MW4n8B/+8haZLzQLnPPMrXYo31FVVHJv8XRQ==","shasum":"fadb74a6de9f33db2250f2a71e322ac70faf7033","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-3.0.0.tgz","fileCount":81,"unpackedSize":1359134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeyErCRA9TVsSAnZWagAA78UQAJtD8LFESMinE4E6o4rd\nxuAsliybtCvTgdUKhd4CzupwO+Nyt9SNmqFNvcq2cJeuidweDnJNgGmqpi79\ngPuE9ef1l9kuYqB8CqMi5tfLfKEDbYQCu8mo1vJWM6pFnqYdG0pD4phE/yZA\np7pfMl8t+2y3/1stbOHGQDHtH2tnRExwbt18ux9QU/eoJ5VSuM4PPJUzLYoc\nmPSMwnv9SPc2J10znBSGcEBL2gJqHiyETukUe/5MwXKvL6FM1nKULb0+VZBM\n/8IRE7X8pbGKnR6ta1LLS82/F1Z5H4yKof4dOoGp8akOCAPHWyfbK7/DAybI\nZJitZ+PHntOxnyBN3czX1Nz+whj/FT5oLKbLXqXBg0etzcILWhfOpt1E5Yvv\nNNmaXvVDvdyHQeHJN2nCqg9qxbmRDpTbjGJuBjN7WjAaBLu5N24a6Wq6M2JJ\nmQkk7ilKV31vDl0rHNMfFcIzKudT/wLZCqR/wPEYsi8zj/xOYef0IdzwHYlK\nKVgZmhNnaboqj/9VTbRc2rizztN6YifrCRw4DBHewxtpdWbRRPZ+B70gAxCD\np8eTJM7BVnBntHf7IoEJ0XA9NR6drE2jpR6ZR8/5/pZ3utuXIIwjUZiD1SLn\ndqRPEyef8YbPsweitif55WsfgdB/PpMEsZ711zBDghAdkdtUxVfH+wNdTKYi\nBx12\r\n=N5KV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDa2C/F0+H9/urMgkkjerD13xWEyeQfRr7w37TtSIgIKQIhAOVqFn+gcXf2yJxYeNPXpjaYAw7JEK8HtBnhJKZkl3SW"}]},"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-selection-list_3.0.0_1601904939187_0.8967512249310676"},"_hasShrinkwrap":false},"3.0.1":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^3.0.0","@terminus/ui-chip":"^3.0.3","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.1.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-pipes":"^1.2.0","@terminus/ui-spacing":"^1.1.3","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","@terminus/ui-validators":"^2.0.4","date-fns":"^2.16.1","rxjs":"^6.5.0","text-mask-addons":"^3.8.0","text-mask-core":"^5.1.2"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@3.0.1","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-G5phjy6HgDTB44dtSMH5Z6vCO+gMDxJPX1+pU0rcT5W+rx/e/HsT/dOGpiil652ZW+GO4mj1+gyCACfFiWfZYA==","shasum":"62a72fe6b6db88d9dcd4b4ae625737be76aa5c88","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-3.0.1.tgz","fileCount":81,"unpackedSize":1357604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfq9MyCRA9TVsSAnZWagAAL2wP/A3bc4HC29YJGIwGAGWf\nPlbDNfmzVDiJ25gg9Q4PgcFxzrOU5x7iNS4ibWLZi1bMD0xS6btcp3GMyC9S\nVmRoG60hdr0r2nOpXpjjGJOoV40zvcWe6hStVe+LEiPBIcwDRJOgxYqpF39W\njnz9nGcVJajBChpeM/SLBZurCS6jgEiooc14wxFDKd46sU1atuZ9gXrW8sv8\ntTf0GF97qGrS20sdwSyRSj5m/1IkmsZTkGH+MtDmoZhv+e4EsSHHcrQlah9Y\nldlWantN/qJJzdTeTNZ805gbEXxyegkhjcFQQ0MXCLln57V2U6WZCYKmBQkO\ndxVp3stdzZx3haj5IFnWPUXKsPdX+pjqcrHt/bWU6ZbPBgpX0+Sj6oJGSvuW\npfaHF+uz4eLFS0RIUhkKX9n1kufp/HQtcr9fVcKWw7Gm8o0Hxgr/4TG1nC4y\nVLncQ/gZCoOOIe/bihwscvd6P9Ub9gVlen1a1lCvuATBdMVCWUYx3UveOaj2\nTH0cpKr4d+4kCRfJZ1TZOpJhY/EBSsBGedWS5+rxHCKDqzm0TAzZvXF6yytc\nz2Unj1gUuh2JFEkxEFKVnxu4UxlMM1nP81jXCem4NxdBXUY5S27jeIDYWUnx\nm8ZbU9m2MRjy1GVgdqlh1th2ZwP2wh3nQTPErnpRb4L6wNTK4dxUbgr3dRwY\nrrBH\r\n=u6PV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFbnU4mE9AKogI0giJAyBNrQIMLuGHfr1J8SJhRzujmfAiB8ghdGv0alBo+38/N6MZajQ+ScwDdqUjiaiJcQl2THRA=="}]},"_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-selection-list_3.0.1_1605096242304_0.8333816415300579"},"_hasShrinkwrap":false},"3.0.2":{"name":"@terminus/ui-selection-list","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/selection-list"},"peerDependencies":{"@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@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-checkbox":"^3.0.0","@terminus/ui-chip":"^3.0.3","@terminus/ui-form-field":"^2.0.8","@terminus/ui-icon":"^2.1.5","@terminus/ui-input":"^2.0.7","@terminus/ui-option":"^1.0.10","@terminus/ui-pipes":"^1.2.0","@terminus/ui-spacing":"^1.1.3","@terminus/ui-styles":"^1.1.0","@terminus/ui-utilities":"^1.0.9","@terminus/ui-validation-messages":"^1.0.14","@terminus/ui-validators":"^2.0.4","date-fns":"^2.16.1","rxjs":"^6.5.0","text-mask-addons":"^3.8.0","text-mask-core":"^5.1.2"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@3.0.2","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-/47SgXFGK5VQul3C00S8TEHmEgLes4fNoOpmLtK511KbgoWq+PGpO09IV7+TNlAeEorNVGsYCEA8sjhUnZPoJg==","shasum":"75da240f7c8add65def43c8dcbf064df1cd08eab","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-3.0.2.tgz","fileCount":81,"unpackedSize":1358015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrB3SCRA9TVsSAnZWagAAGKgP/1zmgUSukwolqSi5QqUd\ntaY+sURxeGHbypqsS8Ped5Lkan3nHCC86VoKymm7oJ+Bsn9K4OLXpn+8KLff\nxk+2wyReiQziQaRqLyVOsXq+RXhnmT/hAC0LuEUvLOfrAjyG2Yh2trx+Vwnv\n8QK6kb0cf3NAhelCCunhnIS/Tw/6ul8i5NLaLymO3PjPNH0X4afJmSX3Ywbi\njpqEaljz+Ypcl71WnJKVsQ7M3TJWaeMpTDbSWvE01qnGx0TnfjZCZvwI6FXK\nHYnXLqhq7sHGEzBUJIKBdMeiVfEuMUPkrZYNwFMX9/PrBq91qwqHS7E5M7Vt\nfbO1DT5lFh9kxwvYLiKRn1ebfzfQqgnAmCuJdDUQ5G3zq2RmrTMzKheIIBj3\n3IcZpfo6oztlvHdkWBvO6+WJcTDXzg4b8M/eTGhN/eJnn9P3jn+doCMRRN+n\n5aoGYEP/iktGcs+cLDRS4LzC4aVtHhgBcICZLQB2d9xjrYwBulJrziDP1lYS\nmOHWU331102tWVQ9L0mZ8/t02UHS7R0IrV6ik++yX4r4Qs3lejLHecLcz1X+\ngyWIHXsJpmmc/jPVOghs2cyNBsQNODsQk2tX/J9xB6unQKyXhI97soJE5n2d\nnd0mu8n5g2lo/fK2FijFluxHR+XFXd1adjObTfCk8DTKoyY9GHT4dq5tc8iU\nZsqx\r\n=sHsZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAoZ4v9V14mV+xRR/k2SGB1EVQHBNlWHOYkvwTXbfHjJAiEA0luhjNZ+lophFt7+IFQkWJHlLIRqbNbC1PgiTOD6x9Q="}]},"_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-selection-list_3.0.2_1605115345677_0.9332993298084127"},"_hasShrinkwrap":false},"4.0.0":{"name":"@terminus/ui-selection-list","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/selection-list"},"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/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-checkbox":"^3.0.0","@terminus/ui-chip":"^3.0.3","@terminus/ui-input":"^3.0.0","@terminus/ui-option":"^1.1.0","@terminus/ui-pipes":"^1.2.0","@terminus/ui-styles":"^1.1.0","@terminus/ui-utilities":"^1.1.0","date-fns":"^2.16.0","rxjs":"^6.5.0","text-mask-addons":"^3.8.0","text-mask-core":"^5.1.2"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@4.0.0","_nodeVersion":"12.20.0","_npmVersion":"lerna/3.22.1/node@v12.20.0+x64 (linux)","dist":{"integrity":"sha512-gpRIijVVFmfIB93fhy9FgQssoPNbK9rgJxF/tuxWkncAnrXmIicfQimgPcWNx+SIyFGVwvRMe4V96AmC80ZNfA==","shasum":"4aff0b8d2753913edb76b2c5641949b0bc7d5408","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-4.0.0.tgz","fileCount":81,"unpackedSize":1356652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfykTpCRA9TVsSAnZWagAAYdsP/iboWTGALB/JncB7V2h4\no+4fPtm0RvLRerE0/zCxByNVWCVDnfZ/W8X1jjNUgANz70gY4wxy4x752mNn\n7x+JEE1MVnFGRFy0APqY8L1cnG/Dfi3X89yGSTcEWTaJxwE8EfiFrGVYONf2\nt+il72tvNa9aTwjc/7TnOfyI3BocSPX9mj6z/2QArY9xaYV9uft3ykSKAXJk\nGrIhy76KUX1iIwBAe9G1ebKmzdSobeQaaTl7zXSsEaWBQwPQzNCqvWxBAN/6\nucDGmiM4aXSR7efMF1e8F1PD1P/S87E5jZtG3NYsiED8B6RdA9TDR8ZM4fkR\nJybf6GwfrWgLm5L8xqrYCZTLuiCMcOCj6nX1nX60nF0kX/+u81BYY8BFxVey\nvA4ylj3Rt/cEFSGCt6g6fxjnG6mB6u8UaYotUSXrz5R9V9ZgmBrLFpUz3u0t\nMgu3nrW2ghb/ylqc/ldGiBGUG6WmEBmjHBiQh7MrMuFwV/xKNG+MnUnZCaYg\nYgkehKvz8AvQFloEUNuvb6XzIuEsYpp0YenfKZZJQhtlqqzx8HTIx8VkHX9i\nUteaLGK3ysmuEsjmuTQOgOYjPJ1UE97bkEI8JbJ1yTV80hwWnwT8tRKQU+7g\ne8MYMS+fKHaW7jFdyBaPYjzo2MuNc/FosxcYJl4DMCxfkk+lAYrT0d2oylAc\nsWuM\r\n=/DK2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNpIprlmeoo1i/5Ng12qqP76JzNDF88o2o60Ds7kDd1AIhAJe7BccyNEajEgzYmksRmW3kPmBRI7czZwzmDxTsoqdH"}]},"_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-selection-list_4.0.0_1607091432810_0.9979340413683315"},"_hasShrinkwrap":false},"4.0.1":{"name":"@terminus/ui-selection-list","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/selection-list"},"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/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-checkbox":"^3.0.0","@terminus/ui-chip":"^3.0.3","@terminus/ui-input":"^3.0.0","@terminus/ui-option":"^1.1.0","@terminus/ui-pipes":"^1.2.0","@terminus/ui-styles":"^1.1.0","@terminus/ui-utilities":"^1.1.0","date-fns":"^2.16.0","rxjs":"^6.5.0","text-mask-addons":"^3.8.0","text-mask-core":"^5.1.2"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@4.0.1","_nodeVersion":"12.20.0","_npmVersion":"lerna/3.22.1/node@v12.20.0+x64 (linux)","dist":{"integrity":"sha512-u5X6viQrgyU4lnThsEO2JSza1++qBJGuQoU0+eclE5wKDspHsLEQLRqrc/5PgngjJpcY+lUP+0sY3Nf/m3+Gbg==","shasum":"4f3d7d21ad147361ee6769578323da1f01251472","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-4.0.1.tgz","fileCount":81,"unpackedSize":1356701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz41JCRA9TVsSAnZWagAA6r8P/A78NPsiUYmzrWYs1SCC\nnQKQsvpRPGcY14q1xBR/JbiZyR5mgedNl/GlzCLTtorCFl/o4W9XokWK9UsT\nsB/g9wVB3ResgvIqRCndNhTB3Uyhv18Jc2Rkuvr4cstkHqX4QcMgONvqAtqD\nV519YLNwPbQ8G66+BHoHwvLuSXZcqpXsfrB1iN6vONZEOg8bFwjn29MME1ME\nUGUUinDR83GJOwEECDljHZa3dzett8hHLYci9q/RGKMpTSfUbg9tksbHQ9r4\nDIdqJTkDynYen6x24ybIcY/VoydigJJaeH4utBy1YUDhFWTHVMEW8g7p9p0l\ncB18E/j65MV9SyKe1Ru+woOCEbL9alTl/eYJRgIzqdEXMhPZ9oMm25TnwdG4\nkuf2rlqxNo84k7Xks7a3nqps5/T/LB5rmcBasB962i6dHAb5t40F9Ek3jDss\nKsnFM8VoxzFIomBqcIDttfJ+eByxdC+fus3Cklk+iOm5ccJUby8XMJI570sg\nVT1BIEa8KR1tIEk1L2q6wvY4bRl6Jl1s9tfxC4Lw+Ebk34G9LYgsVLz0PnYr\nlOxWWEQvWa1b0bALdFjrGNckXODhEL+WkPM/fVrFyntHTRwZz4EEkz3BZW2c\nuhnBRKKsGbLMWegBbaDxXdDtE2bYzAZadY+7H4PJ66jL3Mvd/5Ti/z6nFbI3\nyUQQ\r\n=0tAj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGNWhx2rUSt4o9JUIgaAZPKkFP2O4UR8D1xcG32D+jC5AiEAkx3WAn5Rovrx+jhl34D2Iwe6HtjK4V1do1dqkOIYKwo="}]},"_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-selection-list_4.0.1_1607437640709_0.9913332714204119"},"_hasShrinkwrap":false},"4.0.2":{"name":"@terminus/ui-selection-list","version":"4.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/selection-list"},"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/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-checkbox":"^3.0.0","@terminus/ui-chip":"^3.0.3","@terminus/ui-input":"^3.0.0","@terminus/ui-option":"^1.1.0","@terminus/ui-pipes":"^1.2.0","@terminus/ui-styles":"^1.1.0","@terminus/ui-utilities":"^1.1.0","date-fns":"^2.16.0","rxjs":"^6.5.0","text-mask-addons":"^3.8.0","text-mask-core":"^5.1.2"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm5/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm5":"esm5/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm5":"fesm5/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@4.0.2","_nodeVersion":"12.20.0","_npmVersion":"lerna/3.22.1/node@v12.20.0+x64 (linux)","dist":{"integrity":"sha512-lbFxRW9WSuEUgwJcEEnddhh9qnXWEDqNCf4ewPbHAtY/6SEVCSognehKQOuu2MeBxKg4aAi+W5nJ4OZWv0kBvQ==","shasum":"a1075a9e4195aef48248e8e16956d9222fd4505a","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-4.0.2.tgz","fileCount":81,"unpackedSize":1355666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz79fCRA9TVsSAnZWagAAnfIP/2POLdGvEU0a3uzOV4oJ\nXBOPI7fsN7uy1EsFCWLcXDoURd1dJRmFffE6Ey3J6eE9TABsp1b0vxJgD61r\nTvCBGvxl2NDRK5Dmscl4YfXzzt7seHJceA4VPC40VGqm6g/S5qyQpaWmb7AV\nokY7B9PmpXufTwUra6KVqbAcqeGBUC9q8NShGDqSRNpmlYtQSFGolJobgwvg\njvQXLtBexibrEV02thMKQwq7SVDTPGrHPgz1AKlawKz2cZQtLU5odXjLxL+n\nbBnJ9UrBnFeQIT6lyqjIh54SmRpaOisO/GFpJbDp3IUgNzxc2Mvh1Yunr/Jj\n/o2EgJ9LKfJ8D9TdW2yPQVmJCR3/b89a0Q+cS9f/3dke5A13jLNQIywFOypL\nTnBn9GNl5p27RqUJwIgM4jsfj6J04h2FNIiPsaQ70ZKMZFlnFOg1fs5pVOD9\npcgwRzrbCEkIgPyon+soKKBQvfWUfAxBDKw/dGqI7WzZ/epWzkpyPIWmHh4t\nZuvhtDyRMhwejP8ccoqhNdCVStz2wC9PCAEXNee1eI4qEhdzYfPo1pzT3jjX\nggKNWxgUUkGmiL4BKeM/GsnArMfKFDveV/e8hwKAZRKZ9zo+mFY/g5peEtjP\ntsdMl1luqNX9GPehua8yC9AkQqzYiOHBgSDMgYiWbdVKdlELZ+oBjA8Ia6X7\n+T2m\r\n=ox6U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBVZj1tvSIUucMUIQy5Mpu0DPVkh+sQPDU9XpxoC44+wIgH/ggX4Wm4tZGo8fZdUcX6Y/tmeDwPZ9Le1z11se8arE="}]},"_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-selection-list_4.0.2_1607450462452_0.15352566763625974"},"_hasShrinkwrap":false},"5.0.0":{"name":"@terminus/ui-selection-list","version":"5.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/selection-list"},"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/material":"^11.0.3","@angular/platform-browser":"^11.0.4","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^2.0.0","@terminus/ui-checkbox":"^4.0.0","@terminus/ui-chip":"^4.0.0","@terminus/ui-input":"^4.0.0","@terminus/ui-option":"^2.0.0","@terminus/ui-pipes":"^2.0.0","@terminus/ui-styles":"^2.0.0","@terminus/ui-utilities":"^2.0.0","date-fns":"^2.16.1","rxjs":"^6.6.3","text-mask-addons":"^3.8.0","text-mask-core":"^5.1.2"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm2015/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@5.0.0","_nodeVersion":"12.20.0","_npmVersion":"lerna/3.22.1/node@v12.20.0+x64 (linux)","dist":{"integrity":"sha512-euVxHRV0Ya4QACIBY8pDm7wdfoSt+et6HK2V8oClEdgtUhneSvoaQJ+FGdPLSVowmsSL50y6hqV6wtmnb76WVg==","shasum":"c465e7a2704d535d04a2fbfbba3b03aefa914b34","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-5.0.0.tgz","fileCount":59,"unpackedSize":916813,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2hfxCRA9TVsSAnZWagAA2x0P/ReSK6IJj65H0ppZ7HoY\nNe/dP9NXxPqKYZUl9uynSjwRoJqoP3ejdoWdYjHtZLVzsoEBb/ey5zwKzULc\nCbUj1GdzPZTQhqdG/fN25WjSfsyeedBoZGWJYYw4lSMtZHxobGPpdCfXLYO6\niTjkCZLr5QJKFmWiYYKa7Ga3AXLnkefEgdxEaLtA55uV5NjpZRuzTPNLI3Qi\nF6rpnzJUikrC57R7BEam50FJmG3raOamRfXzWHlcWy7Ij0F/af5wgnd2f1V4\nCOMaLRZvGW3+thH4nqOImnWtiSVYu97LHcu2Wltyw05kKpoXpbfAYU9bDFIM\nUClKCPrw9XyiHw7E+48rakF6ddkKJrhpbUr2OBRIUwFRPK7MPEWC28WuEpFG\npfTO5fzevTLkuPKbJA1BP0aTj2INig3ny7y+hKPUgtZidsLE0/hrVH7E0XXX\nIMEpY76jCqHWX+575AvsjW4+J715BS2hPdE1vVEMiCrB2q28kNJztlAVwqfp\nLbTWm+lRV/knK/5eQ1iY1tNdcuu41c9zFUpKUHZxJ++YI8DZZGjqxehhCm9b\n+Me4+u/n6++ng1IYL2Agf7PGpkks3Ntm65cCQFW3D51XOjNAGrgY9ssX/BBu\nmCMXRWnk9g5lD92Qr9ZSadvZAAnMbGyp4AR6ZqGrIarZ+UzBerIFe0Auod+x\nerc5\r\n=RVsI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFxaeb51/HrNvSaPMEUxCakaL30PC+JfvTUUmstEpPoGAiEA69DBUQepjZjq1vSBlWL8wgKRq9it5okMFF1Ac7tQRLw="}]},"_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-selection-list_5.0.0_1608128497163_0.1970958626262893"},"_hasShrinkwrap":false},"5.0.1":{"name":"@terminus/ui-selection-list","version":"5.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/selection-list"},"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/material":"^11.0.3","@angular/platform-browser":"^11.0.4","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^2.0.0","@terminus/ui-checkbox":"^4.0.0","@terminus/ui-chip":"^4.0.0","@terminus/ui-input":"^4.0.0","@terminus/ui-option":"^2.0.0","@terminus/ui-pipes":"^2.0.0","@terminus/ui-styles":"^2.0.0","@terminus/ui-utilities":"^2.0.0","date-fns":"^2.16.1","rxjs":"^6.6.3","text-mask-addons":"^3.8.0","text-mask-core":"^5.1.2"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-selection-list.umd.js","module":"fesm2015/terminus-ui-selection-list.js","es2015":"fesm2015/terminus-ui-selection-list.js","esm2015":"esm2015/terminus-ui-selection-list.js","fesm2015":"fesm2015/terminus-ui-selection-list.js","typings":"terminus-ui-selection-list.d.ts","metadata":"terminus-ui-selection-list.metadata.json","sideEffects":false,"readme":"<h1>Selection List</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\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [Hint](#hint)\n  - [Error message](#error-message)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Minimal](#minimal)\n  - [Show progress](#show-progress)\n  - [Events](#events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Hint\n\nA custom hint message can be displayed:\n\n```html\n<ts-selection-list hint=\"Select at least one item\"></ts-selection-list>\n```\n\n### Error message\n\nA custom error message can be displayed:\n\n```html\n<ts-selection-list errorMessage=\"My error message!\"></ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Minimal\n\nA minimal style is available:\n\n```html\n<ts-selection-list [isMinimal]=\"true\"></ts-selection-list>\n```\n\n### Show progress\n\nA progress indicator can be shown programmatically:\n\n```html\n<ts-selection-list [showProgress]=\"true\"></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md","description":"<h1>Selection List</h1>","_id":"@terminus/ui-selection-list@5.0.1","_nodeVersion":"12.22.1","_npmVersion":"lerna/3.22.1/node@v12.22.1+x64 (linux)","dist":{"integrity":"sha512-/garUDB63zfFZS40dgCdcYKKxIA662ubdEq9rYMvPBBJBVp83X+CMV1ACeYQQaJvbLDh/UJr7wa/UMY6qVm51A==","shasum":"df8e04a9f3d7403aa481b44d3b6bca0fccf93264","tarball":"https://registry.npmjs.org/@terminus/ui-selection-list/-/ui-selection-list-5.0.1.tgz","fileCount":59,"unpackedSize":921616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgp9bUCRA9TVsSAnZWagAAaiAP/3+M8xoo7G51Cx+48fMC\nwi+8noPUVJI76XQidtnF8TnisH30nUx0B2ESeL7f97BvSogIbXqyxSxIM0y8\nVW349u2Vs8p3kwTuH0lqT9aoKp7e4lxslND2vUU1oRSbFdzC8CLLOMgxwKrU\nZ1zgHnAriRUyG30QSqG1j1hZvdEHDzN3aMMY1EY4yGot4GiG/tqbCSRSvISH\nBEN/jaLA3awSgpr2Z43araCuIabK7y823LkQG3/gZiZi8DzCUX1baDRNnjIp\nqXHG9qB3mHEpsk99VFMMeQDsrCwSVvoZn5Fvpjbn6hnOCNIM4g3UmhsaJgZw\n8QfG82I5X/dAS6sGRklersnPPpPde6eZb1QSiuxaKpbO1+CQuchAUlwDT36A\nHYoxHNKnveFkIjOp8y7ipJMhcHqGLh3Ro4hO+uMZrQY4k+QjK4AaYR1mMgag\n24/Y1Wrx/5vvr3CMpaA9hOHaS69RUpz4x0k9KTQwghBBvNCQKqxbSdJaidmG\n2iEMpXAQTa/L6UlZM0/qnA0nd3yGQmFb9cy7HNvU3GmEkYcZSEEE90hvNYq/\n46y20R3NKqQ0KR0Or/DuF+Hh9QYgTSK04mOFcmt7MUDBnxWqN+FJKGgObDEd\nQGFevoxZh6T7QKgG87kz6cmU+hA5y+R4vJItBBUbrmM3PUI63URwLu4QzQGC\nUto8\r\n=Pnt4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFxkeR3m1OpaUFUbxBxYwmwVytiVFmH95YY9A66DLd+rAiASTzF1bu/55oA43OgQSoojMwA6+Bf4uVRftUkaWUvCow=="}]},"_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-selection-list_5.0.1_1621612243862_0.2384271115338652"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-02T05:02:27.692Z","0.0.1":"2020-06-02T05:02:27.956Z","modified":"2022-04-07T05:16:21.206Z","1.0.0":"2020-06-04T17:02:42.068Z","1.0.1":"2020-06-04T18:37:40.942Z","1.0.2":"2020-06-05T02:22:34.778Z","1.0.3":"2020-06-10T14:52:45.234Z","1.0.4":"2020-06-10T19:19:11.362Z","1.0.5":"2020-06-11T14:19:23.941Z","1.0.6":"2020-06-23T15:35:44.109Z","1.0.7":"2020-07-07T15:39:52.556Z","1.0.8":"2020-07-13T12:17:05.114Z","1.0.9":"2020-07-13T19:24:54.003Z","2.0.0":"2020-07-27T19:40:31.911Z","2.0.1":"2020-07-28T15:29:48.943Z","2.0.2":"2020-07-28T18:29:03.704Z","2.0.3":"2020-07-29T13:05:49.513Z","2.0.4":"2020-07-29T15:34:27.600Z","2.0.5":"2020-07-30T20:34:48.736Z","2.0.6":"2020-07-31T14:01:24.316Z","2.0.7":"2020-08-10T16:21:18.384Z","2.0.8":"2020-08-14T15:32:38.701Z","2.0.9":"2020-08-26T15:51:48.499Z","2.0.10":"2020-09-03T23:15:54.520Z","2.0.11":"2020-09-04T15:02:42.507Z","2.1.0":"2020-09-08T18:53:04.586Z","2.1.1":"2020-09-10T14:51:27.242Z","2.1.2":"2020-09-11T17:36:00.462Z","2.1.3":"2020-09-14T17:39:20.457Z","2.1.4":"2020-09-24T19:13:37.436Z","3.0.0":"2020-10-05T13:35:39.420Z","3.0.1":"2020-11-11T12:04:02.478Z","3.0.2":"2020-11-11T17:22:25.862Z","4.0.0":"2020-12-04T14:17:13.100Z","4.0.1":"2020-12-08T14:27:20.914Z","4.0.2":"2020-12-08T18:01:02.707Z","5.0.0":"2020-12-16T14:21:37.350Z","5.0.1":"2021-05-21T15:50:44.017Z"},"maintainers":[{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"description":"<h1>Selection List</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>Selection List</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\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  - [Duplicate selections](#duplicate-selections)\n  - [Keeping the panel open](#keeping-the-panel-open)\n  - [Debouncing queries](#debouncing-queries)\n  - [Minimum characters](#minimum-characters)\n  - [Formatting](#formatting)\n  - [Complex comparator](#complex-comparator)\n  - [Standard dropdown mode (no typing)](#standard-dropdown-mode-no-typing)\n  - [Hint](#hint)\n  - [Error message](#error-message)\n  - [noValidationOrHint](#novalidationorhint)\n  - [Minimal](#minimal)\n  - [Show progress](#show-progress)\n  - [Events](#events)\n- [Test Helpers](#test-helpers)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-selection-list\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\nPass a collection of `ts-option` components inside the `selection-list`:\n\n```html\n<ts-selection-list [formControl]=\"myCtrl\">\n <ts-option\n    *ngFor=\"let state of states | async\"\n    [value]=\"state\"\n    [option]=\"state\"\n  >\n    {{ state.name }}\n  </ts-option>\n</ts-selection-list>\n```\n\n### Duplicate selections\n\nBy default, duplicate selections are ignored. They can be allowed via a flag:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [allowDuplicateSelections]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Keeping the panel open\n\nBy default, the panel will close after each selection. It can be forced to stay open via a flag.\n\n> NOTE: While the panel seems to stay open, it is actually closing and reopening immediately. That is why the `@Input` is named\n`reopenAfterSelection`\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowMultiple]=\"true\"\n  [reopenAfterSelection]=\"true\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Debouncing queries\n\nBy default, the input query will be debounced 200ms. This time may be adjusted as needed:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [debounceDelay]=\"400\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Minimum characters\n\nBy default, at least two characters must be typed before the query is fired. This limit may be adjusted:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [minimumCharacters]=\"4\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Formatting\n\nFor complex object support, a formatter function may be passed in to define the view value:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [displayFormatter]=\"formatDisplay\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListFormatter } from '@terminus/ui-selection-list';\n\npublic formatDisplay: TsSelectionListFormatter = v => v.name;\n```\n\n### Complex comparator\n\nTo compare custom objects, a compare function may be passed in:\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [valueComparator]=\"myCompareFunction\"\n>\n  ...\n</ts-selection-list>\n```\n\n```typescript\nimport { TsSelectionListComparator } from '@terminus/ui-selection-list';\n\npublic myCompareFunction: TsSelectionListComparator = (a, b) => a.id === b.id;\n```\n\n### Standard dropdown mode (no typing)\n\nIf the component should act as a standard dropdown with no ability to type a query, set the flag `allowUserInput` to\n`false`. By default it is `true`.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [allowUserInput]=\"false\"\n>\n  ...\n</ts-selection-list>\n```\n\n### Hint\n\nA custom hint message can be displayed:\n\n```html\n<ts-selection-list hint=\"Select at least one item\"></ts-selection-list>\n```\n\n### Error message\n\nA custom error message can be displayed:\n\n```html\n<ts-selection-list errorMessage=\"My error message!\"></ts-selection-list>\n```\n\n### noValidationOrHint\n\nA flag to define whether this selectionlist field needs validation or hint. If it needs validation or hint, a padding bottom is added for the message, otherwise, no padding at the bottom.\n\n```html\n<ts-selection-list\n  [formControl]=\"myCtrl\"\n  [noValidationOrHint]=\"true\"\n></ts-selection-list>\n```\n\n### Minimal\n\nA minimal style is available:\n\n```html\n<ts-selection-list [isMinimal]=\"true\"></ts-selection-list>\n```\n\n### Show progress\n\nA progress indicator can be shown programmatically:\n\n```html\n<ts-selection-list [showProgress]=\"true\"></ts-selection-list>\n```\n\n### Events\n\n| Event                | Description                                | Payload                 |\n|:---------------------|:-------------------------------------------|:------------------------|\n| `backdropClicked`    | Fired when the overlay backdrop is clicked | `void`                  |\n| `closed`             | Fired when the panel is closed             | `void`                  |\n| `duplicateSelection` | Fired when a duplicate selection is made   | `TsSelectionListChange` |\n| `opened`             | Fired when the panel is opened             | `void`                  |\n| `optionSelected`     | Fired when an option is selected           | `TsSelectionListChange` |\n| `optionDeselected`   | Fired when an option is deselected         | `TsSelectionListChange` |\n| `queryChange`        | Fired when the search query changes        | `string`                |\n| `selectionChange`    | Fired when the selected tab changes        | `TsSelectionListChange` |\n\n```html\n<ts-selection-list (selectionChange)=\"whenSelectionChanges($event)\">\n  ...\n</ts-selection-list>\n```\n\nThe `TsSelectionListChange` structure:\n\n```typescript\nclass TsSelectionListChange<T = unknown> {\n  constructor(\n    // The associated selection list instance\n    public source: TsSelectionListComponent,\n    // The value\n    public value: T,\n  ) {}\n}\n```\n\n## Test Helpers\n\nSome helpers are exposed to assist with testing. These are imported from `@terminus/ui-selection-list/testing`;\n\n[[source]][test-helpers-src]\n\n| Function                           |\n|------------------------------------|\n| `getSelectionListDebugElement`     |\n| `getSelectionListInput`            |\n| `getAllSelectionListDebugElements` |\n| `getAllSelectionListInstances`     |\n| `getSelectionListInstance`         |\n| `getSelectionListElement`          |\n| `getSelectionListTriggerElement`   |\n| `getAllOptionInstances`            |\n| `getOptionInstance`                |\n| `getOptionElement`                 |\n| `getAllOptgroups`                  |\n| `getOptgroup`                      |\n| `getOptgroupElement`               |\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-selection-list.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-selection-list\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-selection-list/bundles/terminus-ui-selection-list.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-selection-list/bundles/terminus-ui-selection-list.umd.js\n","readmeFilename":"README.md"}