{"_id":"@terminus/ui-scrollbars","_rev":"40-841e398d35fb71ddaf30a4f24f6bee7d","name":"@terminus/ui-scrollbars","dist-tags":{"latest":"2.0.0","next":"2.0.0"},"versions":{"0.0.1":{"name":"@terminus/ui-scrollbars","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/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0"},"main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@0.0.1","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-uH1ckmeSWani0zIiRbUTm/fLhsEGhU/pgNDffPrflRfcbF8brmphcZdCE5Vpl+juNFN+ZktT39tADc5wE8OZWw==","shasum":"a597783f1b22746bdef38c574c4c0eaee471ca35","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-0.0.1.tgz","fileCount":35,"unpackedSize":213602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1d3uCRA9TVsSAnZWagAAv4MP/i2AlJ3I4cAjhIt4eC7E\nf21YPGtBqPFG+483JAh3gHU0fEh5QbSemaw3N2I0PwSeI2OXMmzFr7Pw7msQ\nWfvCy+N7PncebKpZO+joCQ5+VBXcvRia/ooxQEilFq7gmGMtgJi+FM88RuAl\nUJd4VT9hFwzoGuyIMEKnBW60wwhrhxRYPqqeouwPoWwyXeO7Yi/PJ4Av7IGB\nHSOd2pOVY0lVY7GK/kIyg0nG4mm2i2GDXt23y9+fKZxXTWmIyB7iMynlN/c/\nmw3zdsguBclErKxesq9UIiTfUQvrhSm/1/aaQoOvl7Yp0V05uCChsYWs+nTD\ncAU/1LK9XhXG6h1ta/bcwMlquFkZOZE2MyNApZnLMYQae9jygQApkZ0D5iUj\nD3kUGikKmgEJ36bFOAx81fdw9U+vGMjTMjde+koWLu8x+PyLfqruuE27a330\nK9hNNwfP5ntKV61hRNKukkU7QyHnyNnSNfJgPxB63jEuEw+VR/UzJI+ru0PB\ndSeV6EXPhDQ04Ml7gtpX0coI9nZ55UcvDxVmru5XMiJg5NZIx0ol5tUQXZM7\ntLjzW5YDOmJQlNBB97iy0E907YVyEHtHYjL7wsYSIIIZoyeBoguVB10eBx3O\nDNbfYBvFalgttwh2dRChOUbPSu2385GtDBDqTkASN5fTcN4t0JOPKQZkLeAW\nQVZ6\r\n=h+Xu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHD11aLyjG2TYvHPgXjfleuTp4/fyHHg3ifbS5zgnrThAiAJRenzj5OBOaeD1EBQ3vXd1jRbn3EqO6BNsdofS2/zFg=="}]},"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-scrollbars_0.0.1_1591074286320_0.7800385164638821"},"_hasShrinkwrap":false},"1.0.0":{"name":"@terminus/ui-scrollbars","version":"1.0.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0","tslib":"^1.10.0"},"readme":"<h1>Scrollbars</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  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.0","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-PkyVk0UMiOuyAEMBH39rJ6dG/TlaMjwnSXqZEmS5CcVvJjkYZSf4X6JClFqNKX/VKVHmaaCPdjxoCshmaiK8aw==","shasum":"0d8fc8bd28d3768b228c26125e1f83ce239461b2","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.0.tgz","fileCount":17,"unpackedSize":21876,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2TeDCRA9TVsSAnZWagAAph8QAI2ZqsEiqBzOK5GbTzCt\nyZ0xW1m2g/g7SPzY+AzfZJmFPZBebbzSRbQIdeZsUzg+AQXgc4BBUR6vfmh/\nqV2+aIApUVC48Dy6UMNBTEpoBrVVFSjXnRyLjEPMZvd2dwxWmgzBSEsanAAo\nnbynaXEIOasb5HG53dZlXfbioMYHLjeNgzk8fGVsKe8VktF8JkBmwYDXBCbS\nkNQQnXNC580Av249tSALQsB4zSJxHU+QR+czfjla0fy6CmfdB6s6I5ikV+QW\nTOhEJ5ym0v2Lse+BRI+fdFnvhZWhD8vL/Q0y9zeQz2XLzsUH3CGXCiHCh/5v\n0lOt+AjDLIw+ofjcbbrAQMLNhwdXVxgOkzs7mhgMLNw8sjSXxFXvQy2mfOUt\n82er4uWHlnrhMQmIpbyeG9nlI6mCKeaLzhZBwiWaJ6rL3e4wvqLwqmCROQ4+\np6cKFwaqIYN0CNQyx7+PCe7hI1Q0rvfLovLQKBEEVwXLVZhJh6tK+wOWouuO\nps8ZW0LE3BpaeHA5n4aFtdkO8mtKWTKFNV0EoNAN6fVyiue3xgScqsugnB2d\nyqWMTxIhlydIbANxovWS98uH4qVF6NkA2Vm8QbqJIbN9rLa6X/0u6v2njRoh\nal4Xjdr/+dK11t5CLU+9BvN9G7c1N8EiKH8DHVjoIIkK9195DANeMkPeCsN4\neprE\r\n=Z/nK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAjP3QUlbcosetIUvWabQiRLT4UOomLFMzzxM2G14zxgIhANniQGhxP6jB0mavEABocVsbL233tF++iVNz2dKwhdXq"}]},"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-scrollbars_1.0.0_1591293826759_0.28784092156917307"},"_hasShrinkwrap":false},"1.0.1":{"name":"@terminus/ui-scrollbars","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/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0","tslib":"^1.10.0"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.1","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-TaKxViSTMumyYe02+Lb0NsLUL8k9aOJ5NF16g9wZTPViVY3VYBZHNcEvVkjU7EFsDrHGNJ8cbxl3gmRvX3KTOQ==","shasum":"2e00e5abb6b6430c4d548043fac90c14a222cbf2","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.1.tgz","fileCount":18,"unpackedSize":21930,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2aj3CRA9TVsSAnZWagAAkBEP/1kv2b30183WGWNZHqxt\nf5KRThoOWLpjc5tphDjD6q6Q1upspJOFLi1G8U/pe8QA+Vr6Qj/j5Q867LH/\nKwBnYUhQX6zcCRWikVZa25mKWD3Yr05pXhjPzNleMb+jEBE/nFw/f2q0nzXZ\nhgYdsZY1pQ0lds269Ykv+0x3//jWuz/mmqf7h1V5cX+PrMSQdi0bpMUUL59Y\nM9QzfzU/g7HStw5bverzPKEU/iTBi+on2LAQyMlCDwkVX43nKrbzI3vos/AM\nL6cDu229DkzyEY5LlsCZM1etC9KSKOx7y9ICZ4g0I8QVTjPlcsrbEoZIKPgC\nT4K2Wo9omSkiCISzbY23blVg5+d1+5eAC3Dhr3q4PmzsytrcwCZtohm6OsBL\nBThqgjNBs2tH8kGhslCMqtGUY2+qcDY9GyIlK98vhliZm36EDYmXyplo3m5V\nkfq/ykzXnD5j1pd9fOJu8ZI/Iinpr0FBtkOpl3sAC0wjo2lg22ZCfDnlK1is\nSor9odKu4H5GZRe293z9nIEbvLzKjdOG5j4VUraufpRda9FaTQaUT7cmVmig\nbrkAR1ePvy7B70cciGGmcD0QJ95JxEZbgj79wfh7zCdKa6Q4Cf2iK6g26BHI\nJb5/RgBC3Lhk6UkyoFbP5CGT9V3i/knxWpbRU8UhZcsYXppDWssVD9apMdPv\nfV0g\r\n=fi0r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6/XhqO4ND3t7gu1Twa3AFhCx6AZjnluHuLQi8dMb6hwIhAKnX4fbPZf1LPbGD4h5/QoZBdtsw1K9OEZ5HhUDqlRCq"}]},"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-scrollbars_1.0.1_1591322870755_0.17976200623759375"},"_hasShrinkwrap":false},"1.0.2":{"name":"@terminus/ui-scrollbars","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","directory":"../../../dist/libs/ui/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0"},"main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"readme":"<h1>Scrollbars</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  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.2","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-Hhe7vh+X3mswiNxoPbBFmaAQy+u/35QkJctoNv3uAslNzE3euxBXUeZ0vOZTxz/Xs9hLfeQI9Gxz/2vvXxivEw==","shasum":"cab63abcfa392a82b008fba52e0e2af9bd574a03","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.2.tgz","fileCount":36,"unpackedSize":214054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4TErCRA9TVsSAnZWagAA9uUQAJtkngd63R09Y6v4ZXvM\nuG8eSI6/pn9ENqN42cjygMqQVNQ8DgDSMGHhNO67yrWFxQNibxB2z4jXqNqs\njVAZjbUaaHlHffQXzlJoKmB7rHCRjDNOv/pBnVEWjAu8p5wy89Si9HJl2fTl\nT+EaEBQQxKYHktR/JId5gBQ71fBAYyjlbNJjvRkXPUvJp2z8ApD6atToBJQl\nIv8WlIxOiPvFi4IiUwdumMtSK0GpRuGa5KHw9LB+7g5slTNMh0G5jybVLrIx\nGyTujNxu9FUVawpKp3F1q2lNCMosWw0oI9wqKJpEl9vLjPYfTjHcJ+F5c1wP\nKVKDbsESS35qCOLRXYwT1TkQJCC7H59ghnF0fBq+ewIentM29e2a7U8nEfeY\npkn1haOio3a+eYpMTeUmakGnrIg2sIc2AeBhC+APTlq8EthJaGVb3IC4nIS5\nXDBuOdVJS4fuUROvTml5BXAGOL6kQIyHsoOTdEtLGCSxMn4QMa1P3PJZKO6m\nAlTtxjFxbU5E0pLLSe1joKlcpFID0jvgo6cKrQxP6qI1esJvo+TOc1G0z2Zt\n9BdZVsur0MAzHh3Rlw7iVnhYt8UkxiHk4SbBg3RlF8MQrfupVp9VbkpGT6xy\nXOlr/bhjJuHsPM34hSDgG//5aVP923arU2hurPMI1nUvBek5vUF3J8hE2xEp\nNwZk\r\n=Ibgt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC1KTTrJEdWRhVclJaQlEJ+Qi2rxpo4TktDWcsDtV9BKAiAY/JuGt/ZT9GhAMyx9xgAW0LhNOBvMu3nG9yAzGexpRw=="}]},"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-scrollbars_1.0.2_1591816490428_0.9306037182253701"},"_hasShrinkwrap":false},"1.0.3":{"name":"@terminus/ui-scrollbars","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0"},"main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"readme":"<h1>Scrollbars</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  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.3","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-ZvCJ/wllTtKkbPNno6CQ7u3V0CGo/cQw2J3ejV2aq28UQE2hnWV7bOywBeGA9JsF+1mIV/k9LGtV8TgGUmF1oA==","shasum":"c8278ae820cb9eac5d968042f599bd2ee63a8c06","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.3.tgz","fileCount":37,"unpackedSize":215320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4j1kCRA9TVsSAnZWagAAGBoQAJj3v3DolZKJRYc9L9nQ\nB+6o5A2Xj6obW0OmgVJ6rk/Bukp08gPnP4TL9dWpFtyjZBLDUH0B+8TEhLQ8\ng6ZAWl5XMw+4HaDvCZHCJtnKr1rDmQb3U3ezgwtoc3KmbpOTwfbTxyqccLez\nfOaaJGASu+9BT/atSWv8bjSKfvWII8CME87bFCq/ivl6k1Eya878m2GBebbX\nJzQZa5olBBz535fhOTmBkfuiIQMkR+LZ2NBLXLC1uq4SPZfhUfyvVnbmbHxQ\npS81Rhxw+9ef/q9JRglzbtqJQHK6l+T521ZpFbP9eFb6AGUY2xeI8VW82RIV\nrZNOnJzw+BBNggc9vgV3HbsBzKiFBBmoamhxzp1I27SwowU+N+Nz4L90tUnY\nrPISr3dS58LpdF3/+3U7wiscl8DR/MMyyQd48azynfCuQgWfPsTsyqcydG60\n3y5nANFO1F7HX1QK8OBEQV9Xm/VIGxeWvUxoRoaKSqQpTPisgacTworkEhIQ\n3ou/7j1S+dgrP1J6I/fFkuBW//BxRrigrTYXZ6+6crDPNuqP+N39T7aWLY1X\nvsZQiGhJg+nIfm/KUa7TBfFeC+hk9o45eGABB+lnC2hywI65GCY5r9m9ZCK/\nD0oI5txXCZ5B0HXEZwpEgSSN2gWUtkp4FpicEv/khvfk4QN0j3wnHrAgzDRB\ndgP/\r\n=8O21\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDjFNaPqDwZ0RXLm+daqAV7CaCyHeW9gIPyxxeBFvZGpAiEAxniHbBlKeBGXK54emU5DZHHl5tMkPFdjgNdPrWanWwY="}]},"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-scrollbars_1.0.3_1591885156046_0.5278030962906177"},"_hasShrinkwrap":false},"1.0.4":{"name":"@terminus/ui-scrollbars","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0"},"main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.4","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-EaY0HaI53+TaIJLR9UVaUAoKJkLDFVJSZZzn7ghYffmT6HM0ldUya80eiYFaJTQKEiilE292hBAYYRJe5/IanA==","shasum":"a80e6158a8e314a4327f1bcf494cad561d067329","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.4.tgz","fileCount":37,"unpackedSize":215616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe43zbCRA9TVsSAnZWagAAbeMQAJzBqO9G4+xJ76NKXGoP\nb+1PMGZ1mk5RhGQjXXFM2kvlX6bob0EiWINZ1d14AiuIvTT9lnoOD3yv8Ial\nhwGR1YCPLGQsLIEgepF05PjAFgMTdJxVtMxoJxRYYj4O/39AoJz3uiGo0lF6\nukSZphYQD4Uw+h8q8JcTZucUZLBkaMDZO/r6F5EdGAKjojjYjPdi/VpGRtOz\n2kMtlwBXIHbhsbNWl3f090rlGGttB0oEMUv6QaT/NTQ5L0BHEuRyE4tCxIQZ\ngOzkhC91YzphEbGy2/TtEcsqczhSyd6wCO8hA2kXTZtuMjDhNmS5ytNjh61U\nTLoQrzPPTw61+18livPNpwMkAs3289BZJHM6CFWDD/lOvVU9ywUppWfqwHKi\nMK3o05Un56zh0KWWHJCX0e4eIvsUYSWc0w1FVNT4BI1ASuOHg+dC0C/oO/v5\nGGD4wZSMLW+BU2mmDdK4HNGlJ6fTptQyhk7dlCPtwVhemy8dofs+BDBYyfQz\n2VO5EBJbo4lquQZwKv89GX+dHScmUiCyXux+hYg7Le6avr+4dRDOiWImm3Va\nZnYSXTuW0qztca6dH3lpnLRQOIAKoA65QKXmGyIQ6qKgspDjfd+f0C4NnJOq\nebUmDHbTgeSrS9br4NKj1vQmpPLTPRCivWBTigkfdnYhk/HcUe8+qEIIaHk/\nWfnq\r\n=1ktk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCR0Ei/1C6S5j3lQ9ywoKjUN8z+Jum7RSrzxtDszgDWgwIgfAoZjU2bUb2ymR39XmgW9cgS4Bzx5qg+Ty4//40ErZI="}]},"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-scrollbars_1.0.4_1591966939311_0.32970001244196"},"_hasShrinkwrap":false},"1.0.5":{"name":"@terminus/ui-scrollbars","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0"},"main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.5","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-OZ6Kc0bC4MtFKC1r6RiG8zU4VnxYML7ZYkCv+N99Q9G6pt28hNwxeXB0f56Z4pKL/9a7h0lpg6C8kYjXM0lQoQ==","shasum":"80c4405a2bdd6b4e4d633d5e50efa10b8bd6374b","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.5.tgz","fileCount":37,"unpackedSize":215708,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8iFKCRA9TVsSAnZWagAAenEP/jZ9SK7bTZmhuUVYqxeW\nj+svBsUAi1FZ68LwmK8m7O3vYA7dqwh1eypRCvWwN2A+rXFNWggzquZkZ0Y5\n/1c1B9QDk5HBUuBJ/HQDCp8tIb1+DqdxH4B8bG+FieAyZRIqlHVpNctWMEsR\nAlilwICrWgvlgIzvZzvnX5MGmgmkjjZG+D5yPL0WiM8coiz4OkSzjepRVPJU\n0Bw+JKtmX4sknhmtOgfnxvNapDjtigdQ1GSjwkI8JCqlulbmspG0tkEDEnLm\n/oPU+XMqhLXdzRKBqbzTbN0hWKE+SXjWoLbELfj7OhqanCpJA2JrkJys6pte\nPUg1kMPWng4hwWK8tITECMJy/5G7MS1A09QF11TvF1BZTzPwwdTyhLl/PaYQ\n0Q1rIFFj4MKXsxoDGCevTRHIYJ+ip6K2AMnRv/1v3pWYUAWT61y7uja3i9Tn\nNS7drzCoMcVtvw+vcn8qG5j333ym+cGah0K4WF5DcwSF7GvCLuqwiu2DIa4m\nxOrOE2hUW3LlG0ABqQpABI1snmKAt7AEZOhDBa4mrj+zRmsvCV/oxxSlBsoB\nAjI/tM9uBOwc85wTzNRUeZ1p31wYNgYgkadz/kp8Kz/tildgOz4ClhVnKZoj\nh9xp8rhFMck6uYxLou4pO+BX/Nbgqk4zfSbrlpM4INEMdISQDBBbkuGOJg44\ntPOa\r\n=RULZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGmY4LWiUZHp6ENqjIk4Uf3OJVpIRncSuY8UpcsWH4uwIgC3yYFQLvb5itO1gXRq7WZvqh2952OC8yPkrQO7xs6pE="}]},"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-scrollbars_1.0.5_1592926537703_0.8174000463406699"},"_hasShrinkwrap":false},"1.0.6":{"name":"@terminus/ui-scrollbars","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0"},"main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.6","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-seAHwF8rAyc8M80DKM+3fQYUmUAM0YTVL9ZjDdhL2Wx4zzELCQVUYt7xp6NWNbTfnWX9KcSCVeeFMMqKbLbs7A==","shasum":"95cfc746e4d571428e2b8ee49c03f1c52f581bbd","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.6.tgz","fileCount":37,"unpackedSize":215919,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBJc7CRA9TVsSAnZWagAAn+4P/iIv07N2WT2n/geJsRzT\nKssK2JCruRdKNrsSAwIfGrX4nuvVX9rCbM1AIJGfPEU200qL4x+8Cv4NDCdU\npWn5vUQWHeOPSRzNyB+xgWvWli6myK8OpdXVzCNyFtoTLbKYlPuksfZHm1DR\njyCn7TZMqsr9v4yuOOgY4F8NR8EydkssAiiS4s+SJxSMbLm60FgoWKQ4Czlu\n58D+4x+LZX/Vg2a7Y4S93aoUD0zBQ3KnYqbOfPkgcH4VQgIKa73p4kq9YKOO\nNmLsjJh8Shl2d596VjTf8mM4VkWao2QkyrKDxsaToQs5KBXfys1wammcOKoU\n5BhFSe7AprvtB/Brby1gbax8lhF9TG1pq4MHm/J45k65shuWQIX5BXQH0buv\n/NKCCGudHO8tWngTdbcZGKNL7IshDxJgmLiHwx+Pg+z3fWLQ7PNdPxn1ESxf\n9VIU+khP+iN+R9wF2tRF+gGZwCMAp7n193fn4PihZcu5Eoj0c04HN/ZXcoK4\naN40Xv+oqJ0aJfqfQ1JtN+LwgWVhjuMwniPgAFQnbJVOXY+P9UAX5EXooSrA\nVR4EU0ZKSG+RLmfiOIJEsT9GniBHob7VTwnAJVZjcwvG9a3fTyccRzT1adMy\nrj8vec8ama1HqSTdmu060Be+VDzFKpUctUu1+W8SkbcaYHu5FUcphEenBu3T\nYbk2\r\n=Ub6h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBlqpHf8aielA/Z0M1wE3+1nEq0/GW5pPSMl/Q6vPqPSAiEAxFSAe0YiMdXZVOq0+60FJu7NDU0aDMvIIu3AMAGPHX8="}]},"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-scrollbars_1.0.6_1594136378961_0.0021501335926235043"},"_hasShrinkwrap":false},"1.0.7":{"name":"@terminus/ui-scrollbars","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.7","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-ItXilrVxRxbtfwTT/kdn/mBEgLT+IGSV5cxdUh1t8ElLa4mXxoCLy8Vrv1cPoMoAl/p4+AeIkxwV64yhaFUmTA==","shasum":"89c3be156ce32e62d66bb97f4e8584eefc61e676","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.7.tgz","fileCount":37,"unpackedSize":216849,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDLUACRA9TVsSAnZWagAARPIQAI0YIuqWVfwbYDM16qH9\nnYil0ckKyw+a6+JccI4NuVzTobV9mVElPYNsWDtv4iRbpl6lMFhNVUdvWoSv\nbpCk8GurdDUHIDEz1fZFZZvVnu6dI0Ttsti6nvOhtUU/nnDD7TcZLhqjfBlC\nf4RKwP96QdMPnPde9EEeAAi7Zad/fow6gywNPFhJFASubex9iIZPK0vxXKm4\nI27yvDtShr1ZEV1Q0kqsjOExwUWIYibySG3lqlodXVvEGPYaJUO7w1lmdEoY\nDFkk3vYBSxChLcGSk6Ysf/xNub71GJGrD0/7pnXDHctJU9aSd+L0Tj70/Kc2\nAb3cme7V1KzMpzJxlISXDwQm/D/D5kJEca7DeRhRPPHNvZZAu5M+PZ/4KdPF\nHWcPm70B9YVgCEliPu/QB2i0bYKR6mOwHp7k15Fq6UrFmhrjLpZmfSFqxR5Y\nmI9KmeHuk6CAwf6qCJAzF6eAsvBkC4lQ75zet1UP+m3WAsg8kkQihRi5tSeZ\nusJ7qgE2WeFt/aBvDa9E53hrTaqh8Ft4mtSjR31v7DMjomawJ/5FUmXRockY\nFUBXfs/96NyuQguwc52xlE56QyqM8/1+w/lpOUulHOMmH/EKM+ET338n2S+v\negoHU802I7d/27euZuL2uKOwAzd3UL2LWnd6SCI9uYwk18ZYa1CuDs1zJEyF\nMYf/\r\n=yqxM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnV+wlfMxkvrBqf33ZhgKwYi80T55BE5R5rpegk7zDkgIgEKbpcFSoNjOH5dVnCU5XnfXboiXsr673z5afNamHIWY="}]},"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-scrollbars_1.0.7_1594668288600_0.3919232706869278"},"_hasShrinkwrap":false},"1.0.8":{"name":"@terminus/ui-scrollbars","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0"},"readme":"<h1>Scrollbars</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- [Usage](#usage)\n  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\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/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/ngx-tools`\n- `@terminus/ui-utilities`\n- `@terminus/ui-scrollbars`\n- `date-fns`\n- `ngx-perfect-scrollbar`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-scrollbars\n```\n\n### Modules that need to be in NgModule\n\n- `TsScrollbarsModule`\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## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.8","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-P9x5KjdnMW5dH48FkRQW9RmiqPPnREqARo/89ITwXaTALLNbb2e5k3XsydICgdymCl1KObAwGgS/gAJlnBw0/Q==","shasum":"3983493a1ce2422114a6711385f90ef9e2daf9ae","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.8.tgz","fileCount":41,"unpackedSize":219668,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHy2rCRA9TVsSAnZWagAA5YsP/3ZpjeHkmtxnisdGLmaV\nRtou7LIeAyvyUy8sxOw1RftohyyZE48uo9FsZp4zS7+zY/0SEwbTivjazxpB\nZSzB9TTECLvqrboVZJySv0LEioohfhIgsBbqlxqXJ/n8TSEmKqDkI25uu9CS\nMCLF6D8Oax2r6ZVLgyc3IMd741emF+I384TYFEid5QMNdE5+jzGQOWLUxNFH\n/5FNsUTviDEMqPJQvbiP5DYzQxea8xX6jids0S8HgJZN02c4kVPwGz8qGZfS\nYbfH8CQVkMIAQhYjIiZAT6HQHm1m6GdGDUJNsswLkBE5OpBsmHcQ0+6S2v8J\nl+9I6oWtNJf6Z1Vvw33A+ezpTAn/1sDCAPNMm1X8f3LA6ni1UAsv8G7jzjTO\nZbFtZRywnZuGLUcKGARp/J2lbqIztHcWIbAXmwwKIOyZRPoZ1rtcaO1yQtkE\n2t27iOuUiOIX3V81PkhwceWfps15VyGONnvVwBx0TRfDvOhRiFpQeLTg1BHT\nW96uqtR3s4EUFDd4imQCAotlE7/akPjrAp+Vu5jf/wphkt+UFDuRql/zSrhN\n72jJVReRTVAXzi0wBdvelKjtQeWDeGpZ9yVBSTnaSNpYSeW1AOaOe/tVjYlt\nsQv0H6EvTb0QQKu2o0aMuieXxBhUlzQNQ3a6mSqHGqhNRPzPzMA3MAjkX5+/\n/L2v\r\n=afEb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8YT+cOgOLcmjrqUSMATtFj7sTpL+80kios8WaMvV84AIgBMciGujcc0lj2rGag7qR9175lSgfl+fHaz3hA5V38Mo="}]},"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-scrollbars_1.0.8_1595878826345_0.2618635437663397"},"_hasShrinkwrap":false},"1.0.9":{"name":"@terminus/ui-scrollbars","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.9","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-ujmsOTQsU/wCZ4me6riVZm7VLuDnfGsEfrw4Ujh+f2lSFPR+1dCbL784dZ7NjMRc04yu4WN27DcQrfCy5xZgCQ==","shasum":"5ea476fe845f5b0b6a0821b81fa8bc1ce4cf4d16","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.9.tgz","fileCount":41,"unpackedSize":219962,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIERmCRA9TVsSAnZWagAA17kQAIDsebE3F69EvzxbRMZj\nFXsVfi7GcG4hxsX48vuZzrSeVN1Q7y8xXw7WaVq9yKV8R3fwja7Lc4iBaj+G\ndPwxH4eRKwpS0xvS6i1mhX+sunbHSxvgIFvTRqAR0yhClpFs9iVWItTqJlOx\nC/kSFLHl8pM7ZQtTSRy/XJ0J3GUlWjwrX4HEQv7T/ZGPjHpcBrLH1Mu/xKES\ndzCOlEt2bNtW1VX4+ZBDtpAr0hdOgsTEM0lnoLRsdyooQtCSGEeYfT5lNdkX\nQP7sfX0JMKS8PK5wqJXGwpwHbYr/TvnUrloC/6AXqGMabw+nbPXNHDPT4rcc\nxn+6+XTJk2gy2VYMm8UUYt0POkhfAn1txlQ1rDJ/oXiFBfmJZqRoj9jRymkK\n4gu47cRkxDbV32vqs0+I1qxK+UfEceyDd+uH0xtNNDqHU4uN6Fh7nmCm+h9l\nuDiA0rNEUnSOe2beebpJTcQoEdqg3f7NG+M0EQOUVCw9h2oMXq6vtx8cR1jZ\nUx7tTaYeUZ6aXCmjnU/x+3Adwh3IESoPy6/Ar+q++y5j+FzoHeJm/w7cJiia\n/lB4IQdjjCU9r4zR62qFFbGpZCL62fQZe1ipd188+xa0qVdHjiepokpQmVWn\n5LFsHU8ov8/TWTrv+RIzMO/AtlpmODr8sCqswSpQB7jpvj6d0Kir1hMqlO6w\nxPYg\r\n=XPvV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHB4fx7czj42MPMFzZ/0PoxSMZ/ZDh9J74nYuAtcGU3TAiAb/WuxGO4VFkdS9aJ/ZrojWb6PI4G/K45ilDNMlWttoA=="}]},"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-scrollbars_1.0.9_1595950181693_0.3170941385091708"},"_hasShrinkwrap":false},"1.0.10":{"name":"@terminus/ui-scrollbars","version":"1.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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.10","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-XWghhn+6B3WZQMODGaebAq2b/knlNF9mLBQKF265mAk72TPdraAXIpnSvUUUXjKg31sbp4ODYRtKRNyrbrbM5A==","shasum":"a6719fb9d6386ec18f8c18628f1d7686cfb1e9a2","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.10.tgz","fileCount":41,"unpackedSize":220183,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJCQrCRA9TVsSAnZWagAAk3wP/0CEzQdKwUWlTjjqo9hw\nE422ZQpf6q941nd/QQd0tterKE4F/16D1jmPqaaEPE5E5yYj0qz3DWdwwols\nZ9+LOrKqSV8kitwbuWE/wu/qBlmH9xeeZaDkFzHq3KZJ3bQmodB6TWqnrPXT\niCaAMHtOxgnMhozdHw8ij3+//urGW5Tal4JvEL71t/mzAyb8ciNgUrvd4NwL\ns1PJsTQ+3Cfp6yKHD/0w3lqnP58m/8FGu1KGr+RNNu8QNBWlMzlBiDOXR1TD\n4RpQWiU96PdeEwoCBCcHUUHeoINTeWj7WgNEEBPsEaLPXN4DrnHdBn0TVbDO\naGFPkXHiYufSVDn/O+xwmYnyDq2GScOQsKDZndXFRFTZww50LYv1UStRZH98\n+pK60qhEln/nLpiBEgYSDjRQ3jXvwkgmWutOuZLuulu47tFeoy6BouoDBa9k\nYgAecTcO7HVRej1Lc/DNaLlPQ0XbzViopGGTmPhNaZ2aDO6HiRP4XPl2hwq2\ng3+Fgltyqww6nE4XbkXHTjHafmisAOVvH/2xwOLZCmKzeGGw6zRvuq2Y31aI\nvKaiLxob1RLhXNLdQMDjplEhPzecHoM3YhdWwmtqu1ViZw5lMaPkQbNyIKi9\nAfMOT3CD/B6dx/GyAoqnuiACTG8fj09yiQ06wNGd10waOD1l2hq/AQYspwSI\nr28/\r\n=VkLB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCk2VdgJttII1uCOO4orNgfXaA6qwKDm8Q+731+lhWeZQIhAKaTjW5Uys1XbupngvGL5SQWR4NlCgwWyUEooKzH8K+u"}]},"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-scrollbars_1.0.10_1596204074579_0.5985098354059568"},"_hasShrinkwrap":false},"1.0.11":{"name":"@terminus/ui-scrollbars","version":"1.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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.11","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-rUvqjn7WlmTnuzF9qDDPNjOHZLjsmuLIoaJMlaln+elwRviNr5TEHxLbNqEY+pcgx0lgJX7pQ6ci7NTZNbbWyA==","shasum":"8aa370aa122e33383a0b557a73f9e8d1299d04d2","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.11.tgz","fileCount":41,"unpackedSize":220396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMXP4CRA9TVsSAnZWagAA1KgP/0GpM1ofliXu30DuDwZj\nA8n0GJegRZtZ3xKuRZLQEeq3y35BBVMotAK6nNlhh85+Bbm8CVKNS834SMHr\nwXdMG0ruornX/GxIqotFzq16GoNUOG/8PwHxa14bSzWFSwjwqTAMv0uWugom\nlsDRlfzv5Pt0wTvj1/dtgz/l4eh8qGUOjl6hKilN8Ze1k5KKBPVM7/2R6/ew\nrVh3GFZbxQ/tRTg2d50yqHQYURbLbjcG4U3ROn7TfT9sU49C5iciDNGqwfhl\nowqnLuvZpTKs4Ue8kFhn2565/I1R8kqo5/wT8JrQfpnjJqHMorI0rX6BABUa\n6OOALas5NZJhtejucp4X2GUqBcm3xLFfS1R2DF1s/dMwuWIKkwQeZnV9UuUa\njU+y50tqfWZ3QI7cGQ5hSAKoES+Q7Wc4QTCrw0fUFSvMs3I0w8fW2SRwWaJt\nwtfabenbP++5Nj4NSpBkf5cNHa61e5P0n+z5oaNDVHwMhDZWzPQHR+B3U6O3\n9/ShejyKCVWf2ashySiJwM8ZXN78ETqm05oPnN4j/xo0n14bDma91GjSYTYy\nxn76zBYzBgN59diSjEMLay9NEFoX/Wtuh5wjE5k29rH3vnhDPR50ysBEY4PV\nNl6DaCtLmLM3YWgRwK2KsvUYiSQB5hI2uTsRud8wyslwECRobLzeoUFGn8rd\nDvH5\r\n=pIWe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzV0LBs5j/oPH52xCSB4zjxiS/yeK3Ic+ucyJXCgXsXgIhAJvTQGRTvA4R7DSVmbhnxgjbCLNsZArNUizqssJfDjRq"}]},"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-scrollbars_1.0.11_1597076471584_0.9052028116957114"},"_hasShrinkwrap":false},"1.0.12":{"name":"@terminus/ui-scrollbars","version":"1.0.12","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.12","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-5JPE+quV7adLzPWpDF3js7DEJuuB/rAny6TsaLdFLJsHEBpfV5ySDzny2WsV8fnDxrdeXjLEEpgBfk5fIMlKhA==","shasum":"f71501fdf3bea88ec1d484c0bac95401281f15dd","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.12.tgz","fileCount":41,"unpackedSize":220608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMYbcCRA9TVsSAnZWagAAXHcP/1obKZA3SJiuzJYyCI93\nCf2EKDBwL/U/vHH8uf9B/IKyt9/HwDU8LlA26xSS4dzdLIoGK2bglee3s2lL\nkWrhgm/T9BVOL29cdMGc9fscN0/QFloZUqHuIRMLjrwILGi+GFAMqGKtUaK6\nZRPqjEeXqQ1erJ9HTXIBdS64+EOm6Mf61nstbDhzwV4QCop9XTXAXOEnvzrL\n3MuNXec7I9o85+I6MUK9A4uA9ySUNhM1XEN5Xma7uZLQ0GX6Mt069xiMibVO\nut8GZSwzMlHN6GcVnaYP3AKo2PZOWCrRjS7XoaNXNtzLUlhpwSoUU5PoTuic\nTFGGFjHdhWaphkbxGNaPfKYVGAXEwVh4+1OsNL09FWXfoJmgDiCBXRKBtlDD\neRkVcnRHYh2mxAWw2xNLWa9K9uDAKJ4ojd2oAjCLcBc97ipP/Ob9u83RZBBS\nLfSXmY/BdG/os5hu7HhUN6MWv0YvdvFt7IAtirU26KC3+C24utlgW0BqPoNk\nQVjNzhh8jht01jOfiMsBZJTgF8bjSaEuTeYAAVuUOvxea9jL2EaryUMiRr3B\npHqph3/HSUvgDZP1jv/xYU3uiPiK2Dce0GkYPjlUDj7js9tW/idszBb0eAU2\n5gJzV/h/0MSFK4LpscSHQ7yV89fVPNxv8S6Ago8BTS9tcKxL4KKnf1Cpq8CC\ntMRk\r\n=rSmY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC57zaKws/pUSDvo0cSO5Pz9gkAcu7+VliidulxTyqSXAIhAOvP3mmWOWoFPLTo6/VxtZtezoLFc7kImCDIeNlyE7t7"}]},"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-scrollbars_1.0.12_1597081308348_0.672575490028501"},"_hasShrinkwrap":false},"1.0.13":{"name":"@terminus/ui-scrollbars","version":"1.0.13","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"readme":"<h1>Scrollbars</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- [Usage](#usage)\n  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\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/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-utilities`\n- `@terminus/ui-scrollbars`\n- `date-fns`\n- `ngx-perfect-scrollbar`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-scrollbars\n```\n\n### Modules that need to be in NgModule\n\n- `TsScrollbarsModule`\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## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.13","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-2Aefz3l7nA1pertI/mUUizhf87WALS5W7X6SHNGwrUJ/nViQeAA7VNvK72pIrKcyxn9mBFWh0zZ8mPoo7oN7ug==","shasum":"65d66bc8ea0d7355ce74238264a6abf3e212848e","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.13.tgz","fileCount":41,"unpackedSize":220774,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNq6FCRA9TVsSAnZWagAARUAP/AuFu8kxg8pjpE/LS02n\nprZGXr/n0i6Ut9qYWmuZ60e2qD/TbopUND3MCFkted2E2nrpYjiEsVk3rROa\nZFKr/SodsKi8nL7TAMYmH4U8vSchcXfRH7KgYMJH5BGeROWvov/oL4tv3++f\npxPC7EjuMqlFJCHTFspyBUWJoIA6yU5fGPXqv/cu+lqiCdLgKxy1jypYghWn\ni09rNO6XbMs4JbAPtqeKMskumUr5g/fyk5hI5TS5LNpnqIp8cTvqfrpzQlBL\n3e4nUuf+oMAs0Hb1hAwu/rB/PFvwsnS75G/97fdOgDZ1zPuWwKOEqmrvHRkz\n5IrGCH8X+sO+BwdVoVRha1wfGOVyxFGnuCd/Xh0lDGyZABkv5U8La7gq8C09\nPgKR4fTKIZAwk8TYIql1b9ccJITjf0Ra062U1ftX4tqniKNWhIKjjq2TvxSv\n3loZE6mqMRkWp6tqP0RVQ+1oFRganGQJH1un3BA2m8qt/ll3XLMvq1xdU5uM\nI/o/xd87XE8H+LRfixBfL/xy6rPvpk3Fx/2WCEVmG3f3egf3p5qTZbUMw4u9\nHyzdRrC89JzRfBQ02TgrYxkMn5B/tywnHYQIuwiI1Cq3vjBQz5HRaEcSo4ee\ngsSMAMXrWj7C3O+lfs1Ptt8DgnthRPNHI4cxHktwXnNjtlxWb4gwNt3SxoTK\n7Jj+\r\n=ozvv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFH10gqa5f2hBfLeVazNWNAAmCcEoSbSJtRYz4UY00/tAiEA3edy9wAPQikAMKlyQpcPKFKTODBfgfVuo6Or52GTSxo="}]},"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-scrollbars_1.0.13_1597419141322_0.33564472937237744"},"_hasShrinkwrap":false},"1.0.14":{"name":"@terminus/ui-scrollbars","version":"1.0.14","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular/material":"9.2.4","@angular/platform-browser":"9.1.11","@terminus/ui-spacing":"1.0.14","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"readme":"<h1>Scrollbars</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- [Usage](#usage)\n  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\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/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-utilities`\n- `@terminus/ui-scrollbars`\n- `date-fns`\n- `ngx-perfect-scrollbar`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-scrollbars\n```\n\n### Modules that need to be in NgModule\n\n- `TsScrollbarsModule`\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## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.14","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-XdKef2Icg1BdqtpJ0pRAkIXV6cb7tFhvQUCjYInJWCt4XMfW4xIY7pKA/M/ysDpjHiqu3A+NEyaiXIr/KPiohw==","shasum":"60a893e35f876ed081402f5286787d7ccf34f62b","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.14.tgz","fileCount":41,"unpackedSize":221328,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSQ/9CRA9TVsSAnZWagAAhwMQAJazfgEM5//V+bsW43IJ\n8CbTau1xhn7Tru/Y0Ans8vcT90Cj0oFIjYXiKEl9BSreLl5JRz7E12CG1moj\ndy53bCi7b1cVGlD753APOPr0TVZIrgz2cPIuYPXjBGajcdzYgD77XD6zcFRV\nOX2BgiTyZ93xmps65bzNKDYQUpx78iyjS6fCfSH2AOhMkUfcpVFFu6OiJWIt\nx3AAWGHt5ylCNjcG7fgwp/4h54bL8V9yuooxQwC3lmepInWI7fvz1MYAaq4Q\nIxasA6LAKifIUdXUByG/fdQgP3PBwTibU+qgK2HEF5bJ5KqPIOeW9BBGNyV6\nqY1i4v4Eiaz56CreM6VqdmG7PshbV8zImx7EKj+J2tuZXWaguPHPDaBNqHq5\ndk7Y20StQ2u/K9cGexvMNQ/5ZKyOS+cTzevuvf3gK65N9SGU5E08IutPzXJi\nTrcg8vYT6vWlgBF97eEQxY8Gy18xaHsPJP0jKHrgZcwM5xGpKd7iuFmRYvOu\nsKFXFOfJzf0vqHYUS6E/ucw0np5iuG3H/fCb36eRSpicYR3oEdpTThpLtPzv\nJCUWNoLrIFzVxAqb0b+bUgRXtJzaQNNb3Nmo0kuMGXRZ8R9BW/SzbTHbgdcR\nu/pScoIeD0BShSwpRq5973A2cF3GYe1lYNYUWPX3XsIb1zKzMXFnH8kltgVz\nJFOD\r\n=4usy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3nlTIeJkwSiOMIGaEej601nMO+0pvNxxas+Q4QBLLAgIgIX8nbJS7r9G/DM0yDBxJdE64O+QUsQwBT8kfu7oXcrM="}]},"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-scrollbars_1.0.14_1598623741327_0.07771253766972475"},"_hasShrinkwrap":false},"1.0.15":{"name":"@terminus/ui-scrollbars","version":"1.0.15","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular/material":"9.2.4","@angular/platform-browser":"9.1.11","@terminus/ui-spacing":"1.0.14","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"readme":"<h1>Scrollbars</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- [Usage](#usage)\n  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\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/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-utilities`\n- `@terminus/ui-scrollbars`\n- `date-fns`\n- `ngx-perfect-scrollbar`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-scrollbars\n```\n\n### Modules that need to be in NgModule\n\n- `TsScrollbarsModule`\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## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.15","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-1yDe5qNKV29jk5MU3TR866GsiPgdPZNVVlyLVLKaAtW3iPtWjKJT7F71mUvDhzvDKzk2QwyOXQIo4k9STCbqUQ==","shasum":"9939ee697ffd74828e3fb84b6cf2ddd0f3aad37a","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.15.tgz","fileCount":41,"unpackedSize":221540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUXkmCRA9TVsSAnZWagAApKYP/2pfsCkGbMPn6IgPrEAu\no8hUqSDC/aKoK2UMJ4YuwmlpQa4Sw667J1d53I0KE88bNZcaRwZ/2yGYMX7m\nUQqh2VrhTr2CkzxqFQKvFyD8htN3B0oMfqaI8Vjah1v2/oRy6ixPvLJv2B3S\n+9DKWwLoe6D/i0X8NumOgf56HKfPM63LZwMWyZs0QUiwahdFp77T88brP7Nz\nrbq3B2BfVhxV9JXvFjZ1tN6TUOPUw6zJwmbcVnDkJaoHs197rbqTDVZK7kzj\nbptNqVF83Wr/LqOsk9FjNJhKTOmHYsHBfIbJSCRYabPuwHcu0fgD1d1ZtRVv\n25FIDSmPDobnD4MfXZG3y2oHaPgyUdKhorlQjuF5BffykgGY23JbDKBL5V9j\noWiiIn7P18YPcA+seEOuBpLFb8xB3+c/Tv8wjhWELQGfwnYdhDaOO23rlM/d\nwexWxn/zAeiC3QgWqrrO6xEziGZ8FT9AOMUIIts80vPGHOcYQH7u2J1OC9vC\n6/SsR2gF/vksTL48uDAmAVUzN2jms273awt/gHrRRzshOqJT7QIdQrSmti0f\nwLjsvPR18HoYfV0IA7mlOklXNnP4f11/yrNd+JeEGImMCt6Wd1gjYJBpjrEA\nTFIcLJWHtdJ7joYl3CX1e5GAl8ZqFwsP24pZc7S+H0sXnOjht1PCbURayKcT\nUUAC\r\n=pZHk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBmW9VnRIPuz9pmsv8jPttX9y2UrUpCxaz9nCY4im/n1AiBvK6KB6nu6vZDSsYfCScRm6sBhA/x6tEkDtgsVypM3Aw=="}]},"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-scrollbars_1.0.15_1599174950501_0.7599583286614533"},"_hasShrinkwrap":false},"1.0.16":{"name":"@terminus/ui-scrollbars","version":"1.0.16","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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular/material":"9.2.4","@angular/platform-browser":"9.1.11","@terminus/ui-spacing":"1.0.15","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"readme":"<h1>Scrollbars</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- [Usage](#usage)\n  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\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/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-utilities`\n- `@terminus/ui-scrollbars`\n- `date-fns`\n- `ngx-perfect-scrollbar`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-scrollbars\n```\n\n### Modules that need to be in NgModule\n\n- `TsScrollbarsModule`\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## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.0.16","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-PEiq2lSlt8c6gS5kmZzctU2BXAZrhrL05R5t7Rk162KR4AgZ6bVIfb+zu6HM54WPdC0pq7fWcGNLPVymp9ft7w==","shasum":"ac66001fc923aac17a13e6732a1b71712cd88293","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.0.16.tgz","fileCount":41,"unpackedSize":221774,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUlcJCRA9TVsSAnZWagAAFKUP/19HQreKlg2k1xmOBCqI\nJby3HRBYWHC93Swtow362ezh9M5zANF6ITbhpWtxKWBWJpvoSYVvTp6cQ1+G\n1BTGwe8up2RzPpK9o3Hn7nT/q42/HkO58KXgwFlCcsjv//i8Pq7ZUJxctiCy\numknGLCsqgINdVklZSE0Fyv6VX+p4PIccayjFKXxIdrkI9Gso8Gg8AMazmT/\nNU6Q1yLr3Fg36OJCNRPa7LPi1ybkA+honEnn/EWcFeOwYQNcxKmE44X56uuT\nrHvWwHJxf/lW3ELTtlCA/F4wPr+L/NXqcTQ4zSwenbxnrko9RjktCmZP8h1p\n8ZX6qUw8VOaehKCF7x/y74+5QfrNI3sVyyMROTSNf8E1AsKPXhbLTFXovHws\nK2fEbpu1hMo9zjuQ2vgw+gAlYgaU1AGlb5awmnMM5Wz3qsMlSjtdsexNZB5k\nv/cPyL5m3oBXVFAzPMUq3+LXVo9fP5HE1K1QXp937w2g+334pkejrIR9qJ9D\nQ3q0H2T3MPau/6nHDe9DXIyQx3F2AvuEQODS/OZvV3hl3I9Uj6nrrc71DxAm\naRCGIQ+NDOmxpu3ekXKoau8Jig6VAjp0kfIhRcTqMdqfMvcjcHE4k3p1KCVJ\nsyz41BWVJNlLie8VpbS1an1oDhn5v1PkroqfI8QM35d+/J5PuOxNqD/S5uoo\nINpE\r\n=gT/Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBkhhZPEAsIqmHeIJrfY8ovo15wap8SlUFerGS68XSXkAiAEU+ZbBTCcEhtmykUgFybARuy6u5Ih0o4uZqhvyW1vDw=="}]},"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-scrollbars_1.0.16_1599231753014_0.0862817272915486"},"_hasShrinkwrap":false},"1.1.0":{"name":"@terminus/ui-scrollbars","version":"1.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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular/material":"9.2.4","@angular/platform-browser":"9.1.11","@terminus/ui-spacing":"1.1.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"readme":"<h1>Scrollbars</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- [Usage](#usage)\n  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\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/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-utilities`\n- `@terminus/ui-scrollbars`\n- `date-fns`\n- `ngx-perfect-scrollbar`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-scrollbars\n```\n\n### Modules that need to be in NgModule\n\n- `TsScrollbarsModule`\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## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.1.0","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-5s9tLUmJ+XB6qtozWOs6OJQNtXnOQPvHYVdUZHds+bscG9+i/MmJNbw+EP99a7sEoLuKKoI0sugQvyKTRbxocw==","shasum":"dc2b80280052d20852fbb0adb1eef66e2730f603","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.1.0.tgz","fileCount":41,"unpackedSize":222046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9MICRA9TVsSAnZWagAAwBYP/1/uYX0RcoAvRLKc7uZ1\n8uUSXFqmzp5Hx8EDNEz3TbWRhxcrTXi/Awwyybmz+JTBE1qWhAeCDcHMy/ey\nYTnHGQ9wKBs8DORb4TA+86SwXx5MiF+M77G8fyzvzaa5ac7BqwnWXGHN7ovE\nBxeb/ERQQ7RjVE7YJbLXa/ZolUr56QbB69+JTB4r0dMEiFxuur5+17mMHXmU\nXousXJGjXlYyKJC4GdchvffiSARE6ITF266ewuaQitstAtmqqamnM1ElxUm3\ncZNVlKH6IO4CbQeZ7PgQUmZrUyNh5c63KQDX/2s+Dj226KKTw4Zhqe9NNgZC\n6V2hNMo9Ydn60OhoFW+zF4fNPthQgugkcIhLxZs/3z1Z/TSVL+skfKcYlFKk\nRaySqQM2qxh0wnmIJCBiG58dgqukrM3roWyJ22dHmJynzwIB3o4oHq1NazMy\noDF0ovZbaFMVu+7gLHGsNvryTzUD+OzKH7FExUaUUN2BSzAMci8zacbKTrUm\nY/AX7eHtnEtnyG7g724r0PuyYHIZP3uVNtS83qDSzKUhR1KdJQuODLkW5yre\ngzxE5ZYkM3e2IYwXagUl/yAUE60Me/zVuvH5jFmbHy+A6ybES8T80/Qm7Avw\nXCkQStDL7moKp50c6lAdAiaLluKG2UmOoKrkpbIGWVi+Dg25rDb/d06EA70B\ni71z\r\n=AWFd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdS6ldGfDVGLFooMmL22QgOArXUv/8K+MOQFkdFoY6MAIhAKT2wjrN97c3MhR+h6ORbNZpsyMv2Ggg+40E97Xy360u"}]},"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-scrollbars_1.1.0_1599591176431_0.8059770273402846"},"_hasShrinkwrap":false},"1.1.1":{"name":"@terminus/ui-scrollbars","version":"1.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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular/material":"9.2.4","@angular/platform-browser":"9.1.11","@terminus/ui-spacing":"1.1.1","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.1.1","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-2yWNq+CsXQJovGl0cgLwJwaXE/qMmm+TQas0TAL5QyI7a/T9Ma/xPhhttHZXWLZ2W84/CZ3jZ1lpsKDE+xfXww==","shasum":"167945ca726c13f47e6463b703511166e25fe929","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.1.1.tgz","fileCount":41,"unpackedSize":222255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7V7CRA9TVsSAnZWagAA4UIQAIn1UTMAXEyjmUn4r+lh\nuE4G2SKYgObTjJK0IH9UscUy3ntuw7Tl/WWfTYp7WSqAe7qzLDuoF04dUaI2\nX/mHRe6s+ZenRhjDfI0LruibVFIm86LdtbkSqanKW2iHY42hJysnk/AOd5UL\nBP3HeLFw56pvAsw8znsIE6fhlpr8cw5I3kxXASPH+c3cXaSUSDmPAzm7Chlf\nB7Nz2vZpOBjP3T0riXGaexkLY0YJi/rXfsETq497gjIjbtdKKIc9gE+6ZGR7\nwcccgUWNXfxiwdgP2NBVvlguhMjwVcwVnxceWZKYZmZZxgG/ZmqrY+qwi54G\nQASx1YaZJW2t1US3isALi/77ny9qyrrrbfWq7TtXL/KlKFEbLHc/W9nEDvEN\nxmBOmqvCL3+PGSnSR4Y8xKnLR+LGO6SXNXh4OxQwgabsAIK1HIhJ7S8R8FU9\nfhB/0hJuFuXFkLu7mlKh3YxU7Vfvt4DZMs0cBzpxWK9WW9Fm3Kc9pc0nfIKF\nbgXKjzS2L9Jm9vLhr7ge+qY2kX+mW0uBEoh+UU8X8t/8yayXtbXgZYyT73jU\ni4MNZqNk6NX2PSp31aI00J1R+jMMvMj54j+ujxczfkwYHnyFaLKwh51ls2pG\nEh+lr4WEBFRcwNEhwrlE6XGDivUO8xgqLkSTzTnkEA+unFjOdmCVUQN1bGDY\nvAii\r\n=nT/e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBUcPs0TygJzDW2JtLCIWNlXgiC1Hfoh2irFd15Vm3EAIhAPSApnh6xPldtlCeBPUDGDKqrvFjxL7BNnknZoJQut85"}]},"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-scrollbars_1.1.1_1599845755066_0.13805087357722212"},"_hasShrinkwrap":false},"1.1.2":{"name":"@terminus/ui-scrollbars","version":"1.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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular/material":"9.2.4","@angular/platform-browser":"9.1.11","@terminus/ui-spacing":"1.1.2","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"readme":"<h1>Scrollbars</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- [Usage](#usage)\n  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\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/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-utilities`\n- `@terminus/ui-scrollbars`\n- `date-fns`\n- `ngx-perfect-scrollbar`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-scrollbars\n```\n\n### Modules that need to be in NgModule\n\n- `TsScrollbarsModule`\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## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.1.2","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-V2vVWC1n2t+OHr0MT/aDE/lRxEigfFCnmr9Y8JtRzHnhiAJ7Jmwf7OaKrXUWinvopNH5Zn/OH4/WapXxqDw5dQ==","shasum":"c9b2023d3806547be649917da70984fcb0f7c521","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.1.2.tgz","fileCount":41,"unpackedSize":222848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX6rBCRA9TVsSAnZWagAApO0P/iDxhce1XuA7zxAUi5Jv\njiU9bALtd6l3I+4DO30UgJQAV8AO1mH2zNnQNYlvkY5/6xjMj3fe2ZYTkfAc\nPZptHCbdCkqpdiNuWB0DOMGUyXXHEJEc1vXmezG7a7C1Y9SvWyoHsUXBJta3\nmn30xDIfNFcKkvKt6LHk3rYHMO+75ZBqD5dPHLJusqqd0DnnHZDohHmmXUzO\nr2VHwDKjl9/GcCIVMUEK4AB8ehJk9qA2FN1bnMOP/VjZinI33mf4aGWJYtZ0\n1QqFiTJfh4of3K1RjAGs/PtDSLR7cbp1u0BHOdzK2cLNvDA6/T8h8p2lvYDN\n0gQHRJ3RdyYlgKvpkXj5+eNG/eo5BQ9280V/nZBeivPF2jclDNYt4OnObGy3\n75jgUzx3itACHBtBtIbj59x0SOuoxJpysi7+KvNOOy2tKSkuNTOkgFShS1E9\nJVOKc+K6/u+Os/pLY0GSaXhXxklRM0sidbxtH+3I+iIihJOktaS69p/jND2a\n18h8/Fr5by4WC09pgqQmlqKGA7WsGFCMg3c/4mhERk9bX4eH/eAkG1oZRZjv\ndKdUOPOUolW402Mb+PGpuVEUaeHc9wG3BCc5DrojsxWfn3vhqRPFMtxoy9vK\nInWs/E2a92R287EqlQ6+KzdoeKcbFtDKrQ/y+CBlNrUEa6Lv0FKsJU8hJmE9\nZLDC\r\n=MOqM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAH1SnjSmFlNp83gZA9VbfHueek4kBnDVZoMVEf3YNdpAiEA8ZbD1yh/17YF+OKtRKknZjLmBJenw9MY6vRVhNc5dNc="}]},"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-scrollbars_1.1.2_1600105153153_0.2108400676044575"},"_hasShrinkwrap":false},"1.1.3":{"name":"@terminus/ui-scrollbars","version":"1.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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.3","date-fns":"2.16.1","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular/material":"9.2.4","@angular/platform-browser":"9.1.11","@terminus/ui-spacing":"1.1.2","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.1.3","_nodeVersion":"12.18.4","_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","dist":{"integrity":"sha512-V3+CG76l/VTw9DQY99WtJABuURxEbHdeJ5LbtdUYySE4ocW9dCsTVNxWQGIORaVAljxivsdcyKfkGDbOKsfdAQ==","shasum":"728c5c46b7e9198d05dd931b4b14ccc41333c7eb","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.1.3.tgz","fileCount":41,"unpackedSize":223625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeyEkCRA9TVsSAnZWagAAdWYP/2W1ejq3s8QQdzkMcZSd\nXUEuYcFeWmbq1hq4G9Q+TQLc9i3sZVTrjP2pClXh6YftXiTtuoTgtIFagDWJ\n0RYYVx6bx4fSAHRKcS6txSACyzqfvKgGkThjxovtvPjWXPOfcjkgQsr3Rftc\nHPSN4hZ1jmzylErpNDiAspUrUAKHlhiJltxC6k0uKgAf7DzgAQG+gMtXuMQV\njfwcvwfpUA90x5r8AQQM66gGFFkIAH637y0SO7fuJ28MEtDsJvHm4S0VMGC9\nNAksGYkCUVpZXeucD9xabWdY6uN3lMOxLPQeJN5dZoJCz53LZlWxJRJvqhZW\nZDCLzgHeQPHReHEcFAJaVUVea44X01cHwmds5HLvPixkxLusyONnqr+WNpfq\n9WheNcp2y45v+wLX5dA08YBWknRND+vHnaxCRsj3Zr1ZrsYUnLsiyylsWqAY\nesg/3ZnPXhphgJn6TgPDCS5c6iiMbMaFknGJ2zJ5Ikgsr27scTmvN5KuB5Cc\n7oOjkOUZk4L0/dcA9K08x4v4E1CXMN+5LgMdn0AuwHPT+KSUPZ0BGLBb3E9T\nbnks/bo/ScO40kYPwPd0DxCnvhusAVJyLkuxZRG3PQh4BMPEhKitupq224Ho\nXePBu0l3nFtTfbYhfyA6tuC3ceyaSZ4VtKVWM6dkX6nuHMqJ2xmXRcMG97RX\nSG3o\r\n=KnfY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJt54JS9dEFlKzKu/57fOGmFHMxGzxpVxetwNt0Lz6bgIga9DUy9wJsAfNALSbqazyVI+C1rHDfLZ0tI4Kfap+t6M="}]},"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-scrollbars_1.1.3_1601904932152_0.07902667475281522"},"_hasShrinkwrap":false},"1.1.4":{"name":"@terminus/ui-scrollbars","version":"1.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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","@terminus/ui-spacing":"^1.1.3","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.1.4","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-2Z0srGSMTF+jY2cjK/EbDWLxVzA70u5XEMjdKu8WVkW1h/BI7L911I6Zh0KWcIgw+55cqIYEeUOZWYMIDNCjpw==","shasum":"5b460b3c92362a6bba09e46bd081fa6221210e12","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.1.4.tgz","fileCount":41,"unpackedSize":223269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfq9MtCRA9TVsSAnZWagAATeQP/01B7EN/rBli+0bXEHJW\nHLBArJInoSG2/neupwhm6Gei1cbPl6J4QYWyrKVPyUML0hVRNQhjDb0zOqj6\nEG0pBBkdyS77hutSEbtCAiHhXZi7TXA4rqm/teAT2KeQeW9S1VeLM+T+RFOR\n2db5jdP8ijFZ/3J2IAhdjxAR1ao7e3GgK+8/z00GYOIKwk9GH37DW9TwSI3D\nD6+7zt9D1WBJYfsAtgN4ugxGRJgOVeUMsfs0bj5iJngLjBlKV5EdAuCjPkzk\nWwZXq3HwtXKfapputy8n8YX2usGhWanTE3hfZLP4Mgjj3fMsOOg/JRjPhX5b\ncCUJypt4qN1euoa8d0PcVz1GhG/eAfb8iXtHE9y5WchHlbmnVypdBfLZnIgQ\nn/JdYL8xHiTgycEY1wo9MLWoPa3lC5IBSWuPTTFIdlATF9B91MZ3CIUvCdY+\ndo0cK35aDLu0Yw7BbBgMMq/9x474VNg9wUAzqSPDr71/hdzNs7qoKs4wA5YZ\n7WUqGiMYYykUWLbh6f+i4P7I37+QUwSo1fzHC+tDCMC1ibTTfJJpkfP0pLKG\nk1or9GnqtjwHBVgYFpa2CCq/0tsE9tuxE581UolGqX6XqYPd4Eg2ZF6UZxAt\n1cYF45n74+GifLF2GdQnoJny8+BEpSMaqX542Tuh8G7lEFrKalrMgNLXN9BV\nanG2\r\n=+OXm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7dN9LykRECR3mFt89y9QPzRblNWZppYiFoVIdh3lujwIhAOmCRR+zXI2z3dMKGahZl3KZKD5Ih9tu0IedDGqvF7Zu"}]},"_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-scrollbars_1.1.4_1605096236712_0.596925813454114"},"_hasShrinkwrap":false},"1.1.5":{"name":"@terminus/ui-scrollbars","version":"1.1.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/scrollbars"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0","@terminus/ui-spacing":"^1.1.3","@terminus/ui-styles":"^1.1.0","ngx-perfect-scrollbar":"^9.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm5/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm5":"esm5/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm5":"fesm5/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@1.1.5","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-bOTuBMPcxXwzW+kYxiGoZeHr4NofOPAoHB6ia30RZTphkosAEq/3/itIN+pCSIFUInNU/mzVSsJqi33xv1Ptbw==","shasum":"2ec24b16eea412ca4e35889e3dda9ae702701f0b","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-1.1.5.tgz","fileCount":41,"unpackedSize":223669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrB3KCRA9TVsSAnZWagAA4z8P/1oIOJYO8LApeH/C2yaw\nYnLNGTkd0bMjZZnIfU3o71zURsiErw546G22Oxb4G0BQWCrT51HHZHinxJjN\npzQM7atM8DIV+mPJicRf2DpqRxU8jgmRYYmckcC9akbPZqVJETYvQ1+V2zWb\nrzBINpvvf8j9awRluPYR1dTM+/j8bjrmemetGq4psdhD60vcS194Cd/pM225\nb1/8uPRa+YoN9sp3AzNgxVQ8xgWbnA2Aq3qsY0jB9Th+9srqhnKKbzSjHrUV\nJ0sJUJTiEZ9pfIoQJYhMEkScU1kK3bzp2MFzl/zWHlnK7B33id5aLSYSxC8Y\nAS/xCr1oZYrebw1Wxm9v7ghWwgNmD9Fx7OfMYYGsArVRgLsmHUAv2tWcU7E4\n6VCCOwvw/VfKGadbp2Z+1hicQrRr1P/m8Hxg6d6vXwHxJoXplh5L3ZDE/bGR\nS9NPB0HhRbNb7+mGTN+9vguOqXq5LMYNRy5K5t+lhcEW6rcc3C5FEDFt4+8A\nTj4GkKHls0gFu52r8/l/9AFxpudb11J2kr/Ns+DnhSfgpc1upzkBewvkXnhV\n80f07QRwm0ulWDkFmntd8UqO8QjsRZN4o7dR/qlqLs9eeMxo8EF6YeSZyomR\nEYItg8jlfSRhRxcTgpOFQPODQb6VixFZf4FDKtip0NSffzfV6XqT1Ktfm9WY\niebS\r\n=+ptv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICf3hSLI/IM25y2NoFf/s+pM6YNhFFxydy5kx2C7L+0GAiEA8DZW4PULC9jHTfG87a7XG3tJqyz7nEAKMZSgfyi2tVg="}]},"_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-scrollbars_1.1.5_1605115338222_0.8775285478274302"},"_hasShrinkwrap":false},"2.0.0":{"name":"@terminus/ui-scrollbars","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/scrollbars"},"dependencies":{"tslib":"^2.0.3","@angular-devkit/schematics":"11.0.4","@schematics/angular":"11.0.4"},"peerDependencies":{"@angular/common":"^11.0.4","@angular/core":"^11.0.4","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^2.0.0","@terminus/ui-spacing":"^2.0.0","@terminus/ui-styles":"^2.0.0","ngx-perfect-scrollbar":"^10.0.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-scrollbars.umd.js","module":"fesm2015/terminus-ui-scrollbars.js","es2015":"fesm2015/terminus-ui-scrollbars.js","esm2015":"esm2015/terminus-ui-scrollbars.js","fesm2015":"fesm2015/terminus-ui-scrollbars.js","typings":"terminus-ui-scrollbars.d.ts","metadata":"terminus-ui-scrollbars.metadata.json","sideEffects":false,"readme":"<h1>Scrollbars</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- [Usage](#usage)\n  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\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-scrollbars\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## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md","description":"<h1>Scrollbars</h1>","_id":"@terminus/ui-scrollbars@2.0.0","_nodeVersion":"12.20.0","_npmVersion":"lerna/3.22.1/node@v12.20.0+x64 (linux)","dist":{"integrity":"sha512-8MOsBmqd1z1eNSxHrWKpaIbYREjyeH8ZJpHaTcvUb7FjaAAr64ZjA9dsuoHfpY1PsN2pwkKXK1KS88ssajQ/Eg==","shasum":"8040f00168087d66d929aa82c61b6bcc41b252a7","tarball":"https://registry.npmjs.org/@terminus/ui-scrollbars/-/ui-scrollbars-2.0.0.tgz","fileCount":31,"unpackedSize":170919,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2hfsCRA9TVsSAnZWagAALH4P/idU3OwG3h6FdiWmFlel\nbU6nbW5beP0e5wMBniuw27fBQNhGGmmWAdELoVRU0vsTeafY1/2Nhm7v6qpR\ndWoKbcBMrA7QKXgTfoUQUxUcpdSYcMwYNyKsX/IrRvgToJBozra5qTK+8Y1Q\ntG8xO6gIbLbMShLLJSY+NZLWSnTKVLuqJyVQxRsDlHKC5zotOXAz1nLf4Kka\nLNI+sNPW3Ru3GzXPWWXfan3DXsL0OT3+cJQDzKsCOy7nuK8MtRSUZPRx7C5L\na+l0LxH4sezrcNTHoYyYcmIC4nD3knffUG+qaGB4YS4pOB16wnUHHyQ1RJoU\niqCgmBfsP5zuRPHneSWFtkbBzpoltRRlWZfERaa95YzYvugrzFTzxigAHBEn\njgnPrTzUwqMyyXa/BKDJV9XqVQ/4enQuT2X6h70UJCJdaVhyCu5gTPfIb/95\nhukN8IG+29afZ/nAKryPs+AnaUAmhi0JJf2oIE3SzIZ9BKcPpWKrNc2fZ8IR\nSokYPga2d8utLk/jdnKNyaqycNH+VrmL3LbH6MLRNp01kF4SYiqqMGWkYc10\nORiCVJGVRpLT8zIlECCsbGofCqCzQQyGohJpM+0e6+TpbwWBKuvVeEXK/fub\n+drRTUq0Z7XU+pSu/hc1Yn7Izlr9i99qJ8rQwgL9i3z68028CIdWEok18Wxu\nS4qF\r\n=ev2v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwaee/XiwWSf66jKnp9mXQFZxGtnU34qoSqT2Ou/DDcAIgeI9zhHIKZjC3Fy/ktBsy27KJfBXTjr0h6z3vkg/twYo="}]},"_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-scrollbars_2.0.0_1608128492037_0.4447391217152421"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-02T05:04:46.165Z","0.0.1":"2020-06-02T05:04:46.484Z","modified":"2022-04-07T05:16:20.277Z","1.0.0":"2020-06-04T18:03:46.883Z","1.0.1":"2020-06-05T02:07:50.938Z","1.0.2":"2020-06-10T19:14:50.541Z","1.0.3":"2020-06-11T14:19:16.188Z","1.0.4":"2020-06-12T13:02:19.474Z","1.0.5":"2020-06-23T15:35:37.821Z","1.0.6":"2020-07-07T15:39:39.107Z","1.0.7":"2020-07-13T19:24:48.726Z","1.0.8":"2020-07-27T19:40:26.460Z","1.0.9":"2020-07-28T15:29:41.810Z","1.0.10":"2020-07-31T14:01:14.773Z","1.0.11":"2020-08-10T16:21:11.749Z","1.0.12":"2020-08-10T17:41:48.490Z","1.0.13":"2020-08-14T15:32:21.471Z","1.0.14":"2020-08-28T14:09:01.434Z","1.0.15":"2020-09-03T23:15:50.638Z","1.0.16":"2020-09-04T15:02:33.222Z","1.1.0":"2020-09-08T18:52:56.537Z","1.1.1":"2020-09-11T17:35:55.176Z","1.1.2":"2020-09-14T17:39:13.283Z","1.1.3":"2020-10-05T13:35:32.301Z","1.1.4":"2020-11-11T12:03:56.906Z","1.1.5":"2020-11-11T17:22:18.362Z","2.0.0":"2020-12-16T14:21:32.255Z"},"maintainers":[{"email":"brian.malinconico@terminus.com","name":"bmalinconico-terminus"},{"email":"atlwendy@gmail.com","name":"atlwendy"},{"email":"devops@terminus.com","name":"terminus_devops"}],"description":"<h1>Scrollbars</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>Scrollbars</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- [Usage](#usage)\n  - [Disable](#disable)\n  - [Update](#update)\n  - [Manual Position Control](#manual-position-control)\n    - [Scroll to fixed location](#scroll-to-fixed-location)\n    - [Scroll to x/y location](#scroll-to-xy-location)\n    - [Scroll to element](#scroll-to-element)\n  - [Events](#events)\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/platform-browser`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-utilities`\n- `@terminus/ui-scrollbars`\n- `date-fns`\n- `ngx-perfect-scrollbar`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-scrollbars\n```\n\n### Modules that need to be in NgModule\n\n- `TsScrollbarsModule`\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## Usage\n\nYou _must_ set a fixed height and/or width to enable scrollbars (otherwise the browser will just continue making the container larger to fit\nthe content).\n\n```html\n<ts-scrollbars style=\"height: 300px; width: 400px;\">\n  ...\n</ts-scrollbars>\n```\n\n### Disable\n\nThe scrollbars can be disabled dynamically if needed:\n\n```html\n<ts-scrollbars [isDisabled]=\"true\">\n  ...\n</ts-scrollbars>\n```\n\n### Update\n\nIf the scrollbars content is dynamically updated, you will need to update the scrollbars instance:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nmyUpdate() {\n  // Update the content\n  this.updateScrollContent();\n\n  // Update the scrollbars\n  this.scrollbars.update();\n}\n```\n\n### Manual Position Control\n\nScrolling methods can be called directly once a reference to the component is attained:\n\n```html\n<!-- Get a reference to the component class -->\n<ts-scrollbars #scrollbars=\"tsScrollbars\">\n  ...\n</ts-scrollbars>\n```\n\n```typescript\n...\n// A reference to the component instance:\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n...\n```\n\nThe following scroll examples will assume that a reference has already been created.\n\n#### Scroll to fixed location\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToTop() {\n  // Scroll the container to the very top\n  this.scrollbars.scrollToTop();\n}\n```\n\nAvailable fixed location methods:\n\n| Method             |\n|--------------------|\n| `scrollToBottom()` |\n| `scrollToLeft()`   |\n| `scrollToRight()`  |\n| `scrollToTop()`    |\n\n#### Scroll to x/y location\n\nScroll the container to a specific x/y location:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToCoordinates() {\n  //                       x    y    speed\n  this.scrollbars.scrollTo(100, 250, 200);\n}\n```\n\n#### Scroll to element\n\nThe component can scroll a nested element to the top of the scroll container:\n\n```typescript\n@ViewChild(TsScrollbarsComponent, {static: false})\npublic scrollbars!: TsScrollbarsComponent;\n\nscrollToElement() {\n  // This supports any string that can be passed to `querySelector()`\n  this.scrollbars.scrollToElement('.my-class');\n}\n```\n\n### Events\n\n```html\n<ts-scrollbars (scrollDown)=\"myFunc($event)\">\n  ...\n</ts-scrollbars>\n```\n\n| Available events |\n|------------------|\n| `scrollDown`     |\n| `scrollLeft`     |\n| `scrollRight`    |\n| `scrollUp`       |\n| `scrollX`        |\n| `scrollY`        |\n| `xReachEnd`      |\n| `xReachStart`    |\n| `yReachEnd`      |\n| `yReachStart`    |\n\n<!-- Links -->\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-scrollbars.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-scrollbars\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-scrollbars/bundles/terminus-ui-scrollbars.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-scrollbars/bundles/terminus-ui-scrollbars.umd.js\n","readmeFilename":"README.md"}