{"_id":"@terminus/ui-drawer","_rev":"38-1093a2823e571519b5e3e7c03acfa65c","name":"@terminus/ui-drawer","dist-tags":{"latest":"2.0.0","next":"2.0.0"},"versions":{"0.0.1":{"name":"@terminus/ui-drawer","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/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"*","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"

Drawer

","_id":"@terminus/ui-drawer@0.0.1","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-1B+3Nwbh3ImPzEct4X+KgS6UWulKWvYiJj73G/VW+NHcWsn4j8i58+cfCn/G6ss2aeaSJwJDSFdgt7KHMwOeyw==","shasum":"807e4fa8bfdfe1daa290034a3fb9b2646cc7683d","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-0.0.1.tgz","fileCount":65,"unpackedSize":690255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1eOICRA9TVsSAnZWagAAwBoP/RYO0lCy8jgLfec/jQ1S\nOJfuYizdKxSGFG8YQnkJjeEDtWxUN2SC6mjTTcHlGFEaVzbk0r+7kC7dQXTm\nsZcBmjRpuzbHOQBLndegODh6kXglgHyzzSyh2z7zlsSWMHlmRroFX0MEsHOg\nE9GWzXDrie1uMk+hsuAoMtgLe4G6eBtSnNNp0fyXqhBiDrahy0CubWUL4XIw\neNn+s+pu5x8FT+t+kgnXgwlh4oKnTlUUbFe9afW/aPtR7i+xW0OugeDbAkV5\nd3/DZmIaW0dlUTIZYExhfsDGV4UC/hFrVH3YV6APtfq45rYwIDHBE6Ihqglc\nTE8xcWIusiivPJXfHs1rF3uD2Uri4oWPW8yMl6sf45RgFgkcWcT/0AuBod94\nouGTOAU1rXt7/R6RidnAX9jmSLzihljFwCHp8k0XOIPgYg0p8DjN8yeQLOIE\nL0bY00+sh2h6eZG7VzNKCeKGsGiFi9RDc7B6kn37qTcI6oLV1l426X8rhpAI\nXguOSuUH8l1z38aIsRwnNS5N5+dukFkiGGjP5Ecoj7+I89UwBeMXcGouELrs\na3ORNO4Fod2VxOlKUYY9EhA9gYrCelV+ehem6PzaOtllYd9QZkO3YNlFO/4o\ncs18MLyYcoEvmMkV2ZpN4p1URzBZeG6Bm6ukV/9w83egA1R8mA/x3D0gyX2T\n98SF\r\n=Hdul\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH6P24alKvME+SekkR+5wUqHI/CxgCt5WgkO8pLZ8TZNAiEArcHDKqLPI1pR+Akk/8v7sPfQdhFu3X8YkqLmbLrIOQA="}]},"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-drawer_0.0.1_1591075719602_0.023769641470767544"},"_hasShrinkwrap":false},"1.0.0":{"name":"@terminus/ui-drawer","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/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n**Table of Contents**\n\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\n\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n \n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.0","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-CpGAbaXXoyjkrjpD7nIsR4szvjP1Bln5FIZo+7JmD5Q4Xsogu5O9tMMBljNRKmy2qg3jtF00Y/YIXAAZa2we4w==","shasum":"23223721ad91c491e4ad917bd3312bd20bee044f","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.0.tgz","fileCount":26,"unpackedSize":62114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2TywCRA9TVsSAnZWagAAu+IP/00D04APXxWkB792IYlS\n+pRZpJRxC1FWSiztO+juSF3WgoqDJJJo+/VQFLAFfUJKTBulzLtJG0AZ1AAn\nRhgZ1ugy5okGeK83huZK6aIyFoxbQeeCmeBmdhPBbWdCvdvAJUnre3vTuDHP\n9VrxKqvCl0kRaHDEpz1pDMBc5H4L0e10uwOECfmWdBKQ2AnyD1bqmc1F+G7+\nVdQWLlAxceM/nIt4jO/6eVwz/gUd/bYJ8FXOaEx/pX/mT9zxwRHFsx04t2yx\n0SZrrAvcOUY6xU4HbGecosXzrNqdKiy9T9dSJ7Qqiwa7z57O4gzPWTAwB9Yb\nmfp86MCtiOmubngWMZelJwCy4vN+lqH9LQu+T5Yw/TKm5h0u1o6aoZXKw0AE\nnPLSkPnr57WGWNggsUwLpxU4sqTKstmAGR3QAhfuwooQe2SR6bSfULQSomjf\nfTdfrDxu+XgRTG/xyEQnrY1eTobVUTeeH62goFdT1DubjrHntvqO5QNkiqy5\nbj/Myxi66a7B/WWE7ro7WFM0LTVWREiBCb0+hKocMpm1j9se+NvFOJ90kpgb\n3+jw6oOWsA/jUrpO7M0iM6Gp1XS61tTgCt0l3maWzLGvB7+XoDlvSFXzmMq7\nG2M/IuMcuzEsaB+Pxz93SnsOsda0Q9i4Rcq+QbU3FMfNCXGSlIyPbF5gYnwf\ngvZB\r\n=KJSy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrEzpYlupRQugxUMI2HOBKaDOmsiwIv4fxrlF2KrDElgIhAMMCQ+kfCqyta+oUb2S4y/PE47vSafjWKGNbX50AibwI"}]},"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-drawer_1.0.0_1591295152325_0.45047116960304256"},"_hasShrinkwrap":false},"1.0.1":{"name":"@terminus/ui-drawer","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/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.1","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-0XKxlvnXcRpd/bTDO+sO/Jq9vB6XqoWauhANpu6Y6Yg+AwofpBlrJ7nshw52RmPa15fvGWFkmuuvUzm8BB5ceg==","shasum":"ffdcac58609bb8665e6de1fa15f170db2663e0b6","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.1.tgz","fileCount":27,"unpackedSize":62168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2asvCRA9TVsSAnZWagAAbkwP/iQms4OP4lZIYuoB1tr2\nCudRuz28sCHJxx9tYm2k+mnF5ZT4QAIONde7gFYwMwiEeWLqHk43QgNaZNBJ\nJq0peBTKn7C7/HrekgvbrdKd+zHArQLqVcFQcY0fS2XLDyfinWFOqyanN6U8\nuxnKnawalfDCMmsb5Dvv7Djbie1HpijurZwNXpEIAn5zEXBmlXc7DcaVy9AK\nk3AJjPIuHNI5txPrcs4j0lPuCcTesZAUauHWmi/RPQ670Jt6ahp2sfcGbZp5\n1OvsO9Ztk64TLNlyMDUyCEqVuj8HcCu5IapVIsR/ykM7JIg1OQruoB3ZiFxe\nCl8fUut0eu0qUvsghPqtPrgt1r8mehLr9AnqzpuwKKJHv0iiCG+uSosVGHN3\n8SlllLnuJOROhG5ggJ+JAuAgj1SY2slPvElXp/2r/GPSY1vP36mqv6F2CTJJ\nMmtKRDUQjCgkx8bG3ug0G1+9krE50rN4uzzx78Ebt2LXC+UNlnXrh0aEE9Pu\nAbhkAI8OdD1Bklm4iVolnMoTxQWgBQzOVruq9R8B8X3/kvzOopIjAyo6K5W5\noOO/bgLf0Lw3BepyT2vy97dbDxacrVSuvd0NspYlGaCZ5H4GtplioKE8uDB8\ntQv/MsdxwV1JT91yzKVkgVGW6sGvQ1jDVkUaqjwljI70eEPPLpjlMupKlmrN\n0IXd\r\n=50gd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJef0ev/i8DvV/hyajKUxgITTsz2Ygs+hjGu5nHvEppAIhAOnNxH6TcwpWUFi8zm2l8tXOc3gzbrAWZ/PAXaA1oNUK"}]},"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-drawer_1.0.1_1591323439056_0.5416409940494447"},"_hasShrinkwrap":false},"1.0.2":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n**Table of Contents**\n\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\n\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n \n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.2","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-uGWAsnMSwuxSh+5Z0RGSgxpi+JtIwzSPkh6NjC5+WZcmX0ZRAERxAvao7BNQvhqnLEnFzOeXF2u0QuPbFkc7XQ==","shasum":"179e5e6db3f31af40538b813dcd8a85d1ade8e7d","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.2.tgz","fileCount":66,"unpackedSize":690708,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4Sx9CRA9TVsSAnZWagAAA6YP/2mb4zfnK4VlR+zS/8sB\n1ciLjlwVb/4Hw7ToV5IrPYWlnMSdKqcel7vr/tj+ap0xlBU6zdGn8M2zsmMr\nX5c6Ye5FFUD9u5Ixj95nq7CbsYWfCc4fOLrG9Qov78Gy5y0wzb6cqjGFlgCK\nv7ZKf+qWyWPEBf0+H18b1sMu6Q+TkYvwmP8JRHfdP2ildKkKPxC8DtkuiG5z\nNfTpoAbIw/nkJmwxfYHhxTI3+mvhCIT4igv6jDr2zoqwjO6hr5tHfuubJTQO\nhB48W6/rSvVJp8B3DLDLHkWshSzQuRzc06l00sXJSBFuhnoQ3lMCpZy7kq8+\nyd09QNI7SL0T3kje8TmSSMn08Pu5Bix90soFS/JeTpCcBoje5hXMCurMUQlO\nhNtcPx8QhLRN5hbeY8zv1TQt4yBDG7aEEIdmKbFd4wgUakrfJ9hTdZHZDtUf\nGbS5TELxOhV9HswB/CX0RETFrhxKX3dzbbYJJkkJ6o2tKypjOpwh3U07gCvX\nFIHZDyxZoHj2oLnKiDCMygQVFcfcKeM8g3k9sKLEMd9Ety8c1/PHqQNRDZml\nLGfpEt1wUOcWbBBwQ/A5AMxoCxkJITQMmpc+vsT6tJ6lcdByt7TMgHZX2kCL\nCtwBf0tJNsFdx2aeT+JGEUe7fKPeb3LQt2hUkjWBxcHXMqdaMIp+bg+WdpOe\nouJ/\r\n=9PcJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID92Hh/X2klT9d5rBAbYpBoZAouJxY+3glKA23CLOS38AiBZ2xTaL+YQlxMKCjlwvfbVNQi1UHF21eWDant5owixgg=="}]},"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-drawer_1.0.2_1591815292824_0.6211969922045868"},"_hasShrinkwrap":false},"1.0.3":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.3","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-Tl/CotQfJLDjOcauJXNGnA8DFD9b6qTeUtfI2G/NWlbrHJ0KYZM/WlYjICvpWCUdnpEet7OGiA9cBZtK4eHtyA==","shasum":"6656b1f2005892e53679c197139d8b55f3dfb66e","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.3.tgz","fileCount":67,"unpackedSize":691974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4j0nCRA9TVsSAnZWagAAjFYP/1TeHc0PDB6j/dOXR0Dw\nB4kjOgkLq36MRaH+o1AmRLBr7bmNJCIGM9GHakDGtSzcif26FYwbvnXZqrr7\nedwlzEmTRIN/j2YjKMj8KWedxSF0nowZq+we+0KKdXnWnAJeYw9I7Zd+UfIM\nXFfQLnjo0irP9hggT6lCCy41wqUOTGc9s/P5Cbhgv7Zw9Aq53ci2qCeV4t1M\nywZQynCPfoWXW0KGSPgT3YUIVP7jzEAD4BR2763oDKMZwBmSo9khet07qrRs\n4TNanZFsSilguKXbo273szSWWEpnOD3cc/I0Y7QO9xeaBeCTT+ond0VbtmTM\nF9xC3hqwPrMmQC0TfELLAqiuR5DcNs+nXNqenPgp0abRF+4BdUVGa1Fqssfd\nPAfbaAL9bnPep6m+nxBsLYnZVzLbR+D0UmOYbtP/XQpfpLTmhewJlhaNjbjU\nJNSRsDaldF66oPO6M6+kSaJvDovyOA+NCU4YP5zqIcKOrMnBuI4fJk8gX6Jh\nT5X8cmBdr1yCoVRJWJB5XkialSjd9f1oFyP2OIX0uVwmv/HXzgShyFqxQ0Er\n4RHrRNHowIJItRSWKAtT+tj1da1N66etIhkspPRCLECNFKD6tF62oLWOsD9L\n6Q/yJtghIi3g0rWxk46KM8B/eXBaulIgPg4D5Y9t+QwaLxX7ToP9lCRaRSZo\nh/q7\r\n=VSKK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDctuzcTwBPswDqDtAyYJiqBcpvGjxLQJnBt74K56q/AwIgaUwHjLEHtzgtYadi+X8204NAVsdkM2ZfLOZ1fJ0xwNI="}]},"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-drawer_1.0.3_1591885095094_0.16001230743273376"},"_hasShrinkwrap":false},"1.0.4":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.4","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-jjGIX4LmnvNAsWdbh8Viv4cGNmlzj8hT6RUids1GZFWzGRBkWvodIgEbBEwNy2GbtfS2hijVFTDjuhPGAMZQyw==","shasum":"4f9d073146393128211badc6ae94cbb3c090c366","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.4.tgz","fileCount":67,"unpackedSize":692062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8iEjCRA9TVsSAnZWagAAJOYP/Ailcvd5TErECoRVDLgN\nHv/e+FSR/3YRsqBM7c8MMn+Qz+kCxUZqVvFG14IRdTEx0WeNJGC7FeaRC8Bm\nLZrzALmjc4mMiFKk4yXiQ0ICcRr+52iup2mV7ZAvqAorMiSNDawwpBax6xSy\ncf5/nJ+r76E8+TXENXfrhm47VIERyWQKFGaADSKwCwZw2uKsS/CIw5pEz1S9\nWkcoubBY9aIMigvgeDfROZ9rcw7KMx0o4BxABWks2Py7nDSRsNk+SYSj3Pmt\nD754aazU+KO5ey3z5QuberLbEoIqJZRg+t4V1zvpTGuJSaGQTj1IqG2ZXv1x\npPWgGCisIkbfeKyiYtXNCTlzxR19R9uTcAwjnpg22y8PqPvFZpnfObGO3xNg\ngeTDFlQ5wX+1OF2owdIQN5yx116ulhlYJL5YCKMaBtiEwDGYjRmK3vEmOI/x\nMgx5OadkSO77gaLIh7vXhpAsBVYCp8paNDQ0j0wQqdlSqWm2X+i2tL2QK0dZ\n8HhA8E3MpMQ5J92j62bvJDGJgIGdlDnWy9h2xdqLUaFYktUUoOKPmyiupdHM\nfaDq5ESOnKZZDLDbJLAU16OnrgDk82FiHYXYY1yWxfAmmRQKICfVMGoNsN2u\ncR3ZNJpRENGTHEpFFzYocua8+ij8xqappNPC+/BF+JxazzQ+2YQlO063w5eL\nepXw\r\n=ohxA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCT5ftM8DApGjnl/UHlx+8+0O7hQaOWI125ppXnzvY90AIgOsTIIAPbYLNhsSLF0pq0ZHlmiPOiMu9VdcCl1FyLqLY="}]},"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-drawer_1.0.4_1592926498376_0.1642414746903491"},"_hasShrinkwrap":false},"1.0.5":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.5","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-nE6VgHKAhe6xHsQTj07iUCOQDGbWNBhU2fQgcTyIB/DhL3886Y99L/glE1ZRfj/q4dtFdAi3Emwdy0oAPJHpWw==","shasum":"da2773e3e2484b5da8b8e5d208d567d5114e5625","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.5.tgz","fileCount":67,"unpackedSize":692261,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBJcGCRA9TVsSAnZWagAAtqMP/ij3Xm7BZQUskyel14mn\n/UVWI6cEdWDoNW15GOOOzd7/VykQ/JshdOm7Igc6EMMMKFHPPg5awbGyOvcs\ngO86JQeXwVY9oFA9StOts9UyYqKw2XKnTHyGZAQLuoFZm24lZC2DHIuwCirX\nuDCjSD4JgORCnMJJQ/lwu6WGZMTtacv+Sv0mZIuZNI3k2IH73mVBOvuiMDH1\nXSOnQCjlhpmVlI6XIoDJz9BUpg5vzXcCwG9vaZ5XKMXWa6vnEKA+qQG13HL4\nPK1Tb7aJ92X3s3M0ffCwv7aU+Q/XZZYwNzNQ87QggJYzWx2a4UOvu9KnXwZ3\nS8OmsbosF9Xr2i7p9W8FoC2C/egBX9Car+XQznAM/neABc6KztzEnJN1mYoz\nyYgEq2fgaJt8W4AC42mS5RxElMW5BIk5dIf8IcsiavctfwhxIh7mB3hydsZ9\nWVuU/sRXdRcN+SG9l1V8Ti6nCAgXV5CdYx80ynAKqlOjIRCkZ1r7KV2V8GwO\nt77/QOQHIU449lBqT5YnTN0Aq0dkCEjBz8eK97y1JXjMj6TtIflzdk6flnwe\n3YBqGof8sAQqOld6mt4e1Uin299RLviOpr9GkfdfbXP1SbzPWCIMUAeeFtUU\nRXsqA1b2oNRQc/iP+/EoMd9yuuIPJ6+POsDE+N3J43xcTAAEi5vG7Jd+34Cu\nNEyH\r\n=QqzP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICOA4jvDcV0EDBCVKb6qz3DwNhS97mZicp8bxAfmrCQCAiEA+eew4oh08WTMplheGZd13WuzmWwao0Uj/ktKrUEzo3Q="}]},"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-drawer_1.0.5_1594136325725_0.5598181075785702"},"_hasShrinkwrap":false},"1.0.6":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\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- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\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-expansion-panel\n * date-fns\n * tslib\n \nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\n ng add @terminus/ui-drawer\n```\n\n### Modules that need to be in NgModule\n\n * BrowserAnimationsModule,\n * TsDrawerModule,\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n \n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.6","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-4DkEbYojFOmPOzNMzeo7qrt6QPi5h2Z/Y++3ukKRMcVRHMS0YtvoHsn7HYR9Y5q9UjT8UcBJB0+jUX7GnlpfuQ==","shasum":"587b9c563b8c0e8a6c7aaab24f5461cbec33b658","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.6.tgz","fileCount":67,"unpackedSize":693210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDLTQCRA9TVsSAnZWagAAVCcP/3kWXtigSYEk3hzDED5Q\noVVoWWhpcO2Spc4YMdkF+Vwp50q75c4kftK9meJOwnzxIBD9XDleGEhTVL8D\nDHruCcKPTfxcG2jRNkIEiMy7XnZiYNL/qtA95GWu0IvjQVyZG+ACTOUcoBw8\n1ImlOYi/3io4+/RKH8H4XNLE7IlN0IVP95bfbABYuh5FIseMMQjYfTRer1bt\nMSJyQA/7SnHpMgy5zHn70v3+IXn/klQHX/s2qdmLhiOWU/B9Y3JDH9HfTfTf\nSTlBcAcVJDRwMBxrX3HvGw3s16bBxTAB64j1eymTuGn0JeZMaSsXndZ00EAi\nfMyR3EFmE2wnArvPAcHvbf+4OIEJESyv0iZlKMbcdahVbdayllip89kcJeUO\nN/I0murefQe+KyXVTbkNFPemzRsXuyYgIAvBwZpiki+oMD4exLtVfutRcrxf\nDaBS1rhLCrn6tHhB/geMVJqXKkyhgDZYqr0uY6QY/26tb7ToScFd5rBcIgOQ\n6rwUabcuC4ucm6G/2gny+X60Cc/8lpEc4froiqlbK/HgrnFzR6INmofYKHsg\ng1dVILxf/EHpysHyWTZ5r9mfLRJfJe7nhLXJF8yK3CEdIRRYS112Zv0wRN4f\nzZVpz0HESEsFney6RivxXnQk6RxQPh/aBnhY1xkQZOSqInVU+WBMzRz5Z/RO\ntGbs\r\n=eZzz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCf7mQZ/Ev21gfxYRAlXY5YiEwYUmwW9gulIMVg3zErIQIgLEXh1ohYhJs72uITz65UmFSr5TOtYFKW3mVhJeE8iwM="}]},"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-drawer_1.0.6_1594668239982_0.13798073130549815"},"_hasShrinkwrap":false},"1.0.7":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.7","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-cMDFH665gtzQ7wYJfxJLPUhhzEAi7IAa2E9EcRX5Quz/Q3Vec2bnUeU0ZE1UwzWq8Hham89DOItTuaaOTomVBA==","shasum":"ddaa8896bbc379b98abfd7c4d187775e0f4222a3","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.7.tgz","fileCount":71,"unpackedSize":699731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDf8ZCRA9TVsSAnZWagAAyH4P/0ZvZbw1Uq8UueE8qCfS\nJaKA8nowQfr1FOwy8EAm7U1Li+vHgk5RSlYwfbZZtLL3TAqlK7Xjw7Ra6s93\nMa6DI69VfNsNpmHcOlwfkQgj+M2kiAru4gpoSsha21hKj29tGyN1DHcKzJsU\nok2NzuyfJaMUBwm56nQie0lHp+bfMkV4jSMCUrYS1hYVtvWuNiQjF1zLX7/7\n2ptEwwQU9eaC+soLbtKMUHOtiTRxIF9/sJsjNsHzFHwQKmRtdWpLXp5Uki9d\nRWg21icbWrTO3rAK2cmFNF/tNPS+rrolIcK0mXV5M45nSbi84g9dLW+NLA/+\n+3P1cyZwVsTBjY3rcqaRdSQS4QcXHsjVTkmHoNbYbIhBZ3zykVPBGQQEOwEf\nuk0PAYdoiHsY9kNK09zM2Kl1cMofooYoTCqPLaQz3KEGwhgeKcdn1UUetiC+\ng1RdjVqztn+KCarT+Jpc7TDjjcu+uQaR7qKOzLMwyD2tmB2rToMckfTTGhS0\n89xP6Tom0YSbDzKI/9hKNbTQshJAwvB4XWSpu4ry+uAehQ3p7IKKss/j3Dv5\nrdWAIco5J1koX+Hw34L02JBSp8V77JsIVGIcHrk/yGz0vc4fK+3fkLJOYG4S\nsV4o0k0f3n+MNjYeLE3iKJQ7/67TF/lLodw4vfCz1aqRO/z0fNWrHuHEnIp+\n5c+S\r\n=4Q0n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnqpDlsfVLVcjngkBBzcuUmR5W769zxQ/kogwqpnfeZgIhAOZI6Kqj4g3nyYpserBNyTsSdjuV0TZ2i1m/aOJ1oOFp"}]},"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-drawer_1.0.7_1594752793088_0.21214482717120098"},"_hasShrinkwrap":false},"1.0.8":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n**Table of Contents**\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n - [CSS resources](#css-resources)\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\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-expansion-panel`\n- `date-fns`\n- `tslib`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-drawer\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsDrawerModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `` of your application:\n\n```css\n\n```\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n \n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.8","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-z0wsM4bpe3r54uagF908l7APfAF+rFI5fQZp/xdsCwip2hG812figeAtxzk+7YwgUqJLbetPcuEvVfbFdCI8aw==","shasum":"65d7254b627ad17ef8a9526e697ffef8b5d11db1","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.8.tgz","fileCount":71,"unpackedSize":700200,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHy2JCRA9TVsSAnZWagAANo4P/iSxTWEqulI6ilg47fhH\nMWq3+W/+BdXrbtiToooSPpUeLofEtzQHXfqyI8cZYu5ljWIluZvc+ZxOmWYY\nJiPWcDqenL8oYMCFvMaAxfUlcw2ZzhQ2rp0Pe3N1GWhh+D5ld7dyNKiFyvsU\ntcCDkiJP08mRDZjlkmwq42+mE0C9wUUVpq0UM7WTo+RVHY2952qO7kPQFhuk\n97zHxg+Rj/BYW/LDxQ7yjBU2qKGPin6mlMz7Ybi8e9REiVc9UXID1Ly3yx/4\nX6IgRMEbnakp3Oi30DApuicpiDUvXX29KH8UUKA72RCWTqffHEGKkJUiKTTw\nOMPwm99Miyfx9ThvKX1aSeTuNUr682brh63L3hHtoxMwuj/XPE+2qruRgv6E\nVZdTG6S943wvZf/U/wzmSXhcmiyg3LUd+aC9VVWpHgYenNI3K15Na3L3z9Vt\nIiZuJLQp10F3zJc2I8geDpw7UmcMfOP2v7E6XWU3xYmIJ1TAwRxyZ/UJLMYi\nPrFVgA4mnEwYJrsoN1tXSRHY9lFyn2aaChYJJB33PhjVX5tndS3H0r3OEOth\n4hVg2fowR9WVc2GZm4fIQi8AX6FdmIm8pk6dKQiVdhmrIsV9x6JQasvWiesZ\nJfp3xzY8PRLmkU4Y5IP6j5uwcU49kW6i59D5FYnywUrJ9ybiycyscRPTBPVR\nVJzC\r\n=iLIE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqNksz3AmmCjKGElzMi8IVicQXfy1eQBcCxMunN9vYCgIgTC8BJRFN0xguAuMuEHJVdJdT9bkH/wYkCe8r2bN1Dlg="}]},"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-drawer_1.0.8_1595878793085_0.6957415240923213"},"_hasShrinkwrap":false},"1.0.9":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-utilities":"^1.0.7","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.9","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-/RHTOLhwliBf3bH1IU0zxU8ZjNygNAMw3xEzFsLHPTNhOcOj74K2Ik2Lw/zOcQN7tX0hXbJ22qYVa8VHUIslAg==","shasum":"b750d1796ef5b3f7001ad1ef07ea30696bf3e565","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.9.tgz","fileCount":71,"unpackedSize":700486,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIERACRA9TVsSAnZWagAAxg0QAJlQLFuNf5g4TGImo018\naJY15iUCceIWwEYEIV1C7hOyzUuLiZuRtDrqxcAHGpGCzYfCa+1qW8y+iHK3\nbTSFpshZS67nWOWKPRaoszeMQjO6TqsJwpLiGhJRL4LWRL9FLkn9ue/bx11X\nPkvt0rvHVQ7kC3AzUaG4fBOxsqDZ7GCZ/Kcdy4cK6SWVmsN2Hc/S9aIsGkY7\n6buu3LpQA2JvGEK9re0M2gA2UuLqMHGnsnyb+nbKBHgp+2+Gmf6cCeKMSKF2\nltcosCpSnMMjSckIDDs1L8P71McJCK+QDXoXxf3ff1GWEvBWHGR6nNiJyuLt\nsiASdk4r+OgSlgeKbtqNuJyQirFohH8dv510tBi8s5U3p+q12qpZuRdgXe9a\nmTd/rtXpi4eoNvB9/gvkLopMv4edebBjTtGN1C5oiJX+nIW1hBHSEGvEjYPA\nrRo8mTTdq6wnu2PD2YNsCLOpHtpLz0S6l3ReTOZMMOACOiutTX4RlLKgnsql\n9E9uNizGCzsaOpX373VEa55LJv4g8VuFCUQ/V6Tbmh5uf7G+Eq7wHRM8m2Nm\n+1uwjZXOzFm6/Ru7kPqrv6Y+tnu1rUg8RhEHwj1p1+zj9fRu290HILnUJBye\ngTIVgVEq0IvKVCsmnRp0fv8ylyuR6DusaXu/UinLKbKBx3Aj2Sjq9IqaCsF9\nbWcI\r\n=cgV7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFr5UFfIXkWhyNM1tWSDu23KfU2W9tmvE4QHsyBQB8M4AiEAqXavqucbNLj07Cl1WwcqVNOg+1Zcgj4VXhKQkGogxRU="}]},"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-drawer_1.0.9_1595950143678_0.7153247242007703"},"_hasShrinkwrap":false},"1.0.10":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.7","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.14.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.10","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-1E4I0YYssgWZWgWWb9b4v5XwdwiSodTQzejZTf5S3e0wUnMNPCkohf7Cqfo1LyYBKT6E4It1HuYLbjy5o3HeZw==","shasum":"6c97360f4a3747fde118d3fb65740c27cd7c6146","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.10.tgz","fileCount":71,"unpackedSize":702973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJCQBCRA9TVsSAnZWagAATI8P/AvLTtvLKHET3T+Pzwj3\nQde6ehao/MQPrcR76MAPGsLgxqh8Uzhu4MIQpeSG2zfgeCLcf6rzBHrDTAps\ni1VI6feuvKd/SF2sb/zczeqc9FZtzBcLnjzvQeWlpegp+GPYXAA71WRg0u7g\nzhe/ZVW6XHzejBy2HCtOCIkoidF2vd0lyeq4rNsIQM7lhY5Ejr1LAFU/f/vs\n8DiVgIPkRg+lBWJMv99fT725FDBr8/uid3u6wcyiqrDcHUCECwtgyvz8YfMU\nfbj/HK6S+ATIy1d6pLZFSbgWDFZC0CKOsgPt3YgrNyeE9lzsv4sga476Hyjf\nzWJemqWNrjzqlWqN9MmtVBYp9I4dehWUN/y9nvNJW89vDaRjF2yacLXIQ9e+\nH8yyHr138dtYll2fExqLX3mEZjYdmnX+hZ4BzMhpDCGI0agWBcQb04txITiD\nRgvcvC9Asogz4P9dwl5IaQkdNNkX5agwZ3sgWDokP0uviPrI6TFfQBj5TUEh\ng78oly4VrC8xfqVrn4QOCXvUW/BA6O83oQwhC2uSMGIi29mAnJ+CZeaJtm/J\nejgtIdILg5wgxZtI8w8PXHq15yt57WAJ4fU2M42rqdXnq53T5i0BqdSXKi8D\nAJZk8ZgEK8L4AlDLZb3IxYFRWnxcHV7vUcdWBsHOOmLg/mh5diwyZfjQ36jB\nFG6w\r\n=zE4T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpzT+NSVgkbhnUBrP5yHvy2BpGglYzMthAkQQnYY4WNAiEA7UmL8ozUDpJcP89FfhA1yYiivNDVfikboy9L87cdYvE="}]},"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-drawer_1.0.10_1596204032677_0.007651945378698066"},"_hasShrinkwrap":false},"1.0.11":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.11","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-65XN4O+ycj/6Z6QaXeews6H7u2INeWfrKgO5g5dO3AY9hc9UJVxqlaRai0OeaohgQy9/INmxr1tKqrjETHfGCw==","shasum":"7af6adeb642c53af0c334f76d53586940b47db41","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.11.tgz","fileCount":71,"unpackedSize":703174,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMXPGCRA9TVsSAnZWagAAkpMQAI5sQcXLmkOYooJRtq68\nYlZlOhY0GlzyFxLaPZg965wk9g9gr30lliXT5CtinmgcnUOVrxmuvOWSCn6V\ng5r4sdlQ2yHb9N/ihAeNSfIBDeGa4WMoQZZfGw1Zz3YvgU60cG7mZs8v8EC6\nGD7eBUCjB4bbYgrahvDYFoA8/szhtH/YdUB5MznZRUwucU0Z0+wY0sftYhqV\nsuiYLo5YQYL9JcanyDFUh6/l+BYntOyRCscgstzMq1QSG4sKl6Gsyt6sJt3b\nNjxEgkyAYPNpfdvrxOvA6gSTzyGCOoGqIAMhZdraIiqr079f4ti2crURcEc0\n5HKoE2tNe5BH1he1SrWLV1sZns8ss06enZCM3WMIkgdQFaNvljjjkfQd/l0o\n1GXPqF1Xu7wKaXjFmjokahf/Q1jwp+vhtAY7tqoJcsCW7hinKpl9TebDurPL\n2F6kwbFmmVRCkz6ukYWZDAOwwpvqGlMLAVzNNMS4DyIs6csU1du4wogyQ/Oi\nOZgjXMNsUfGGYh60c5AXRko38a6v2NOAgkhrMsehBcL67B+YyhNLAWrt5nJq\nnwYl3RgFYvfRbzXjHdceqXpJy2riiYE7T9WyOo7DgGzvISDRavhTlfAEy1NG\nNNpm2d2P3aciVLElifr6k4lQXSKLdzyZluKDBaeLhVH15JosiW20dhIkKnHv\ncDoN\r\n=ElKQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvhb/utoU7F6/E1CMtZVhT3i7VW96Y+OHXYYH8bL4WXAIgbdto1qMjuq2SvvCX+AAWzyKEW7042I5HVMxueXNWHz8="}]},"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-drawer_1.0.11_1597076422085_0.7374979829986368"},"_hasShrinkwrap":false},"1.0.12":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n - [CSS resources](#css-resources)\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\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-expansion-panel`\n- `date-fns`\n- `tslib`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-drawer\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsDrawerModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `` of your application:\n\n```css\n\n```\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n\n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.12","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-oGhXAGyZ90lh97PhjzCLKl2zlaNO7gPuhnmQzJn9YGsHuIr9VutCXWNN1zkmKhgs0iOqSUJtIdIns6faDHRvKA==","shasum":"96204092667f45254b06cd279d8d04ea99a78719","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.12.tgz","fileCount":71,"unpackedSize":703332,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNq4DCRA9TVsSAnZWagAA+o0QAI99vBMg++Y/RIBRYwz7\nt0Y1K58DV4OcheCI/v36GJpoauVsOYOtt6w4HjU8S4doNBv6i8q3EI/ul2AQ\njlEVlEQkX3TmgP+zZ6TpGxmXO6filQCyD0/4HShfbU5CwJ6I4k/zTlwUqFAE\nohoJYnQZax34Lbt7Xf8OAcRBqhrgn+NbKhP8GCHxHjHJqth1kTpbwtWuiwqL\nBxpQ6qM92rtcrnpoZ9+HYdwJXHpMD0H2g9WGSH23Bm8SPs1VjTM/qxrNoK/B\nG+0nBlzCgoXZQWGzSZuP4+LaXwYS1gmsEiMDlFMUkk6nE2rfKTbN8HACf7PK\nkCPISIqizIXfqGNz3+LRU6NHFHHD1zjeXeQORDtI1MdHhQ8Sy8dBm3iOnI4T\nSrkmG/gMmZ3s1k7487UI+vYVM6O7MrrZCir3uUcBkL5AonG7iGBMpsNwKn4Z\nDO9BHhG44EBDeZ0YmQC71ZdM0DpdzPBxB871LkB8Ld+mK5yPWk+2O2S690Rj\nH7O04TvYp3zPxXbtEsmIX/FyhgJFclA/vHysFalIl0i7hMQrOeZCSnAWnajD\nVvkfrrKGxQhnt+9szmZ8zNOxsaBJQY9RUb//RBbPhrkbXS95eJKeSWcp/6iU\n6nOtQGmZ8LXLkthjlmZMGxbJU8HjgdvIgfcUvix23cnEeGZV6P+oO2DELlym\nQyVp\r\n=X1sz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZv7Ics3/gu8us/LSn5k4D8VURd+80SSCTdRXhTmHV7AIhAOq1sMB5cRxyimUsYZH2KzU6jeGNJD8YecUntiEtzpGH"}]},"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-drawer_1.0.12_1597419010637_0.8259189336814323"},"_hasShrinkwrap":false},"1.0.13":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.0.14"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n - [CSS resources](#css-resources)\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\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-expansion-panel`\n- `date-fns`\n- `tslib`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-drawer\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsDrawerModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `` of your application:\n\n```css\n\n```\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n\n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.13","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-0itHLhisJUwzR+5Xbdo02/9t1yLV3Q2GFyygQbnw5vmT4Ttl/MAHnA6PQgvWHfnNvCTORZ8Yq5NkByvYnuphzQ==","shasum":"8442d8673c40d3bb5f259316c456fd99e1b52f28","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.13.tgz","fileCount":71,"unpackedSize":703658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSQ/6CRA9TVsSAnZWagAAX/wP/2Kvc1VynPd6kiMA+Jm/\nyc5fPgCdktiutKUPHDM+7RojhT1HWn1JWWmIBoJY0yCij22fzRFTpIGM16Nt\noyWkqdMiRW1EDkbe9G/B1wbX4YRepqWMBL5ejXKZK+mc0LV0cFOwukDiDnYL\n0WlJMliLrkO1H39WS6Hry0spHggVpr7TiL/aq7L7jsTGBk0C8Jwb2aliKnDO\nYJzRgD3TtD9C5TTlw9m1KblE72dhinca2u4u4sfKlbNBEmRHJyxOZyWQrfdm\n171Cz/Kx+WY7RJShFBsi2ZjjECY4dNWY/12rnxRlMIuUe+z/jGzBdIklPpr0\ngOiM9wdVO2Kvfo7k/3McXwSzW+uLtyIOIRgqhINVJr6xF+EX9Rt790ChKt2J\nEIeO1qEIJyQGP3fJaABH2iQIP2StAJnjSfm7szqnW8ZXP4f6Glum/ds1bwLg\noaBD0JNk+1YkMqNF4g70KwTPVRB2sL2O3DboR5ywC9tvIHXGR1tgvnsM1oQV\nmzamP8WC/FowuFrkEPi+YnSOmc3QBCfhNBgpqyqUI9x7wtE7rv675Yu8UJVJ\nw+6NW61tnwQFxrDi2xVO81j4kak9yLMhllD11+sI8A07oZH4EcqQoz+VSkwp\nRCH2MvEF8ymR+5+pr+GWJHJhg7PJ1/8ppU29XGrXmtEuux1JaIuPfmoKbgXx\nrqA2\r\n=2wJX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtvfAqVt6qPVhwYDQhtP9vXlZokZNKqXRAKzpy5+K8hQIgVmA1vSaoh6/fJQN72PcbKP6s9ewXY2XuGiTLFuMTYTA="}]},"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-drawer_1.0.13_1598623737625_0.0070263651600663835"},"_hasShrinkwrap":false},"1.0.14":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.0.14"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n - [CSS resources](#css-resources)\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\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-expansion-panel`\n- `date-fns`\n- `tslib`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-drawer\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsDrawerModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `` of your application:\n\n```css\n\n```\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n\n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.14","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-bvr1L4DyyKvg6X9QoKCcr1xVpK6FnDzDPaO/l74PEJUp9bk8YkFhoVX6BT+gTzZB8OBq1wQciabWulae60pDZg==","shasum":"e34331fe03081600e32795d8008ed02439f77cce","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.14.tgz","fileCount":71,"unpackedSize":703858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUXkPCRA9TVsSAnZWagAA/9AP/2LTTv2cOFwxbNASqr+J\n9Zm7qvJsSOSFKNT06FLe1txG71KYT6MsV/NgEmeMlp5LDZpRneLzMU+JMXB5\nBlI2yPcHMyTzhO3fpk1B8G/SsNvu9k8pF00y2qvy0zwr8oVOiaOR6SnwxKgq\nv6PJ9JjKGjiKpkgDl2tq/2EQ7x6YxXhVNmgSrPTLSvfbiNezmTLpy7s6uuVm\nqi0p1IxrMetKYltSJYR3nTZwfM6JFPvpRE0naCmv/iuk17lAoaBp97eWvUSB\nUtU3ZQ3ANOh0zsk+AyFp3DgWRHJ05Lq7hNqqsA7njdO13W5B7uXd9guAIXjy\nASZtzbXxUiCBS3oAyTdcN72mjXQ2Zn5mDbugFeQL4VJsLAkRR1y3hq6WLAly\nS8JqIIjzKmzpr4dD+Eb9Wo48ECAD4urijAXuajYURlcemYJfhS+iPGPxJFti\nYepWGjTZZ3z3SY0oksTpqulqiJixbKqHfmgul+Nj/L8wUDWWdr7YmhhuQZyQ\njHU1eOBaWJBK2w4mzTWrz5B2+QFH+wEoZ15ZoU+hC9oAuypCLY8Jsrundo8X\nqvBHvj1K9NHyyVtWvE442ds9s5PtvQ9c4b3DYpsagEbDVeBKUAe0YxV/lcZg\nKqCEtDEGI58DJZj8PG5UAHP5FhjMN2gq7wx6cAYMJOLMd8gRS1yYwr3g/vJ/\nq8fk\r\n=RAKq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHF5Wrp8lQmKa0JtqShrtK6tbxZsYd3mCJmZRGqbYGmsAiBwNN8sy2ANvk0YOsPZBtIJvRjpqcuBV+wn3rU7oYZPyg=="}]},"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-drawer_1.0.14_1599174926529_0.7471658870304685"},"_hasShrinkwrap":false},"1.0.15":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.1.0","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.0.15"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n - [CSS resources](#css-resources)\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\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-expansion-panel`\n- `date-fns`\n- `tslib`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-drawer\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsDrawerModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `` of your application:\n\n```css\n\n```\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n\n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.0.15","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-uyptDg6Ji9zGxkilK/dy64Gnfgh4UFXrO9rfAqqGuS3zt0xhylHaXE0WXHA+cIhPm3W33O5EDQhtCdmKCU3yBg==","shasum":"48f7261de4e681f7cb70e295f5b442199d358187","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.0.15.tgz","fileCount":71,"unpackedSize":704080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUlbpCRA9TVsSAnZWagAAZ4MP/3Cdap1MXods841Ek7YO\nAtDbdWyfelJg4sUYLPK/6etg6OssoRfxDoLIKtOYWPAe3FlmJOS1wWnILluD\nlUMv1ShiHuXt/w21b6eXcaKepphqrAvHt6D80PJC10IcPTOmEszYHjpLvx26\nVd7/iZ71bx1WRPrbVQLZRx7pIDj2+sYnkHU5dCNPv+zSIdrKJ94SX43PlwV1\nfl9EUdHKZSCL7RhVa2JGG5+qfabrJH2py14EoKm+5lXb8Yew4UENQAsD28ht\n6NouiXCX2aj+mlPW82SUABj0FZG46Lo1RYmrPkH9yvda8OYBIl8S27xVFHkz\nnTpBjhlzPlepQv1e4+rb3RcqzZVeHenw5Q/5Udrhm0mmrDY9+7ktxnKqSGRn\nPE1d8+MdAX55iXc0wQNCSWeXd1Mmg8iNlzyl4+QwGrZeEMRXwr5KTc5KRFku\n2/6njZMsU7BJa7ryc7u+aFXk56dI8CxpM1V1YJwztlfI8qFaCgw97MBK4nnY\nD2ZfYOThetmpxVFclOwP8/vei8Eoxs4jNCFJto+zR+lWWMag3t+sbCzhmEWR\npkJMv2pJUL0J0JrWuzRZuWWd+ApGQzrF2j317O+G7Mvkh4Sj4QRExlR38hBd\nnnLB/VberW305a71VJckFz78urB6wfgCM+2typJ9umGU1y79bfDdgjUSiTtG\nbsWV\r\n=ZcAZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDiGyfKPE3yEAUgBmXho3+7CdBS8JhuOZii7SHUL7rQwIhAMuFAgO3AHn570cgvGy6h8seMo7W1A35kfKg4/FRqo57"}]},"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-drawer_1.0.15_1599231720899_0.40711764205163825"},"_hasShrinkwrap":false},"1.1.0":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.1.0"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n - [CSS resources](#css-resources)\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\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-expansion-panel`\n- `date-fns`\n- `tslib`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-drawer\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsDrawerModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `` of your application:\n\n```css\n\n```\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n\n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.1.0","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-nhFpHJ3w/OirKDTlBytV2GONxK/xigV8Ce2Qf6mnyLjaSI4I0haZq35UMDCkI95k2P05PVZk2d6loE1KrQ13NQ==","shasum":"0cee9785e69b0ab019cd95724189858fdbac24c6","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.1.0.tgz","fileCount":71,"unpackedSize":703837,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9LjCRA9TVsSAnZWagAAkSoP/Rw9qKliYr35oKa/bMeb\n0dSb9nCiLwV5/z8Y0nIFfhrf+5c1PQSEfFpwe/yNzip+tw7womeAlQxgzjsD\nF//kmBJzWwBB8/qKj0xK4hRY9t/JSZSTLLhLilmujCiJEE2WNwwtI6vakH7v\nrbfTb4XKdW/lseAPd9K+fh0p6jQ0bL71G8seyz7+SYo5HvYNZkErzIvPzYQc\n+dQZISXndypKOKABANYSkJ6dEM67hvOzzChN+D4c4A0TRxFpwAx8g2R7c0Nx\nwKUPEidzXJVynk8hlO3RXQ8rtHQay+FW56xf42AwB1o7QYckh8umbAtM6LAV\nhfoiafWKeTiLiO8DYFs0xqY7KYYDpuaurxGZEM3AENsugX9vMwW/44jwH/9S\nztswW6Jbh9mLXCgnEZzVtXJEqsOc3XFbVzDorgaRRm7DXxNa4oK61TgwjPDD\nHkPwGQrCbj7KsyMIc1fq3BJojLz9AttmBKVkrdQdXO3UGpta7z8w8sdBelTq\n4G6MlXJsbZMNyUcvD0ysyI0F9aDKN1zwy2Rkih83cCskAl0f+L9zru4HJpRt\nOobdTRFXO+LQfTENY+cvk53buPrKEqej/v96PhCqYMBZ+48qCp7FnEbob+uU\nAO6b/sckfPqUEd684W9wpKewHIJwyuUlHk/txzy7T1f+S9Kypqxd7rYsIWfl\n/t4F\r\n=Jtth\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAaVh1sOsbufIaxzDlIXS3dl9Ay8Oma+/P47tJWe4cuZAiEAnesLY8/Zbu7/1ohs+vEvIoFdUbEJ1IRQYDqN6qw+zhQ="}]},"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-drawer_1.1.0_1599591138815_0.9361620617456343"},"_hasShrinkwrap":false},"1.1.1":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.1.1"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.1.1","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-E8shMCbIf1/EfRbKCGMdfdv8TQUrkr4LrWDhqGFZxelGBspen5+zMfGeOqrniyMvadrLg4Auk6k9p0feE6fUMg==","shasum":"82d3b4d66414714e5b1e0eeac2e866d3e225f712","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.1.1.tgz","fileCount":71,"unpackedSize":704034,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7VMCRA9TVsSAnZWagAAuocP/jgKBI7/t3QrvbkcZS7A\nVA+tkeiHKEkRRUM+XlWi8Hv56LkApBjv+b/MnxEtkyTTfEwhubCbxyG5rfhH\nmK8z4QDSdGaHlePV0zdYiRpa23duY77hpc+9BPl2iM56isKHwiv6G16GGUFY\n+q5LwEKCVAVyttyw6Y2iEtaFS6a2eM+OIgvZ9sogamYJYDTHWg38ZDlpfW1X\nPyJ2FC5bClViW/ZvFsKqjCDTR8m6A+bxtpBFaM8jA49gAJbj2bP7IvPcboou\nVDMvh5kMm7l92En3+b0zXslyrZ+5B/PoHfy/FTVTYJztmkrNANWNwyn1lvfW\nsQxb1Pd7x+MZIbZ2J2bIOnpX/1H577nUkfTLzPZsYKEkiWeNXBDpIgYxHH0C\nR+fr8wwsS2xmB1FR32XoACw8Pdv5PbL+9yCH676DkfL79jqcOGz6AWTDY6+z\nNYSDMzQnbaBkVeQaNoaLni/Q9lE/VQjxwAYoDVx3X0Zi8eWtsGdY32HSnZdy\nQzxG4951OncnpK+37VKKrwsVNbshtHekcGeEcTLGtc3jK9WTkiGaqcnFz0g+\nBYLfJ05f6ZfRoYVA4TH+/hySY98Obpya4WmZWdCep/V+03908/0/sQKiG8rC\nhCeJSmR1jeYxhXAvxM3hATaccoNNVQnYo6NgY7cpgYbB7sTCRc8BiBDng1an\n87zc\r\n=KP3i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE9Yp9A2mS0rQkZbFysx00PwEkvNwQ28zZrPUXpEjBZeAiEA7GpgVAoAXh24Um8baWr04c/f4sYtpoAkQXhoE4kcvGw="}]},"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-drawer_1.1.1_1599845707644_0.30049301762772584"},"_hasShrinkwrap":false},"1.1.2":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.1.2"},"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n - [CSS resources](#css-resources)\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\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-expansion-panel`\n- `date-fns`\n- `tslib`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-drawer\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsDrawerModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `` of your application:\n\n```css\n\n```\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n\n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@1.1.2","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-HXIZcMNz7szauEEGoIbBndO4MaMCrq75d7yp/9I6VgyHd0dppBmBh6dfTmRn4b8xptYIxu2wGSAKBYV2xcA+rA==","shasum":"2cac57885df21381b39cefd53fe3b123b52abeea","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.1.2.tgz","fileCount":71,"unpackedSize":705767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX6qeCRA9TVsSAnZWagAApq8P/iHS7w0cf4BCmFXARVV8\nMcZg7pS9+MDY+la5Sw7Rdx+dlCsTD+mN9ojubjTJLxljvlGpR2RPS5+DWBGp\n4pPcfzf5OyH19MmzUyBeFiGLZPa9dOnYtZ0nJlDtAYLkZGZJgz58IsndTU6Q\nvdv6cYAq41cPsaXmSmA9Oiy0tguLO2KV5w/lotq5138FlrEXva2O+QDiNULS\nPxWFDrV1pptoZYCHZHb7HoCoG7wASTC6A/FhEVvonMpMDM22uiezofOc6l8c\nFOYV+122elMMyYYzXiiPg5uKnGdXIxM5oz0rnjJLJk7/VMb7Q6qMJ0yhdj6F\ng21AXgDoG/jmKH/HdO6ZZ4l083Jm8MMYYlry+Z3tiQ7inLhvoZdHdi966uag\ntdTviB2/yNBVHfXqlfHvVZf8FsPAUd5sJgILE3SKdUm/5GE4j1QaQSws8xU8\n0XR20MTlbP6Bg7c780OwDbycnfabczfNHERXUsXRPfjK+iGd/LsIPD7NsfZP\nL+yIO9AxsqWZlhv6487jbcawMFLjCPo2faU/pvci9EtJW5N+zlSm8ToeUjhK\nlKx9feN0kuDSJGIBmf+bhjN6uRnTusa9W4frp/zW/Ru/Ixsx3zmvS+FYOSyA\np3WBoBYFiw6+/Dbs60VMmhhhZ91JkYztszm6+uMF0C1o8iHEphBt6vNG/5nQ\nKckF\r\n=GO+E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdOOoacy/dHFD1PEPKBarj4tcHFvhted42F+ObZ2rKRwIhAIpf+l30+qzTVqI7genvk6aRmSX6BNHG2yvwFGXnik6f"}]},"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-drawer_1.1.2_1600105117849_0.5851523302246819"},"_hasShrinkwrap":false},"1.1.3":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.16.1","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-spacing":"1.1.2"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.1.3","_nodeVersion":"12.18.4","_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","dist":{"integrity":"sha512-eLEg0Wtt32+614lG6OR8l+YuZcAamhSPXtTz1dtke7VJM1oRC81kL+8Of5VpTWCsHt6zcyt7SQkqfERWSKw1Rg==","shasum":"c34a5f3a4a7f44dd1c1e026ca4150e482bc63f50","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.1.3.tgz","fileCount":71,"unpackedSize":741265,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdenwCRA9TVsSAnZWagAASUwP/jYqLVpSiQoKkDTBIpQA\nHtXMqMPCXxnGh8ZL7uStzDq8dOO+IRjivl6j3nl01Fb1Hx6R4IYWXwK6Kq2G\n72UvzCegzICNNq+gtvR3oR8Af0Jt8ZBp1Wn8CTXcG+lTeOxvI5X/o2TyzfCb\nHZxl5IYsK9W3HSDayLyROqY+wsDkjdPTjQD0XanCKqH1K/gsZL+aSkrOLGd/\nAEmqgtV43I9JZHo9f6IaSQnz++HL7NYn6x6Z35BZwh00GHzCgUu9jWjj2PuR\nODI0kGMtcAhVN/mermfku0c0C8z3BpoTbHfgBwMfxXw1+uWLZvfPomyQKcsv\nXViz2TAYjd8chXzMBV2BN6CZcK9QYGejROVw8JxbI1D13bWlxJiG6SHgNbs7\n2O4SCz7bq4W26/GOZi20hhRWIC9nIteO6v9IhkzY9dIPucu62ovGOQg/Lv2/\nTI7HvUL4ABTYtcfnJFEcfiqZCWXIXghDSF2dg6f2dTNSHwDtNVG/kTFnLfHg\nHTenfcZ1KSEr76T3MEGz984yM1dvXE2/fL8rTR+9cpTkyA9BXORwmKiFfUgJ\nvGK1RC6aPf1YTkLwCc2wn+zDhKAuSOx26R+VB3XkFXL75mS52N85e/CVpZfm\nOH+kd1piYdmIeGkXKUUkY/+hm6F6QXahlFeufAXV9nrIAdVf5wwaME17gjR+\nFyZU\r\n=r3Dc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFKtIzuUhkx2DFtKDWWtq43+dTg6e3Gba5OGLSMP50GNAiEAypho/7Js+FtEs/sRtKLDvAOAGtlSXcPZlTe58FegVs4="}]},"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-drawer_1.1.3_1601563119468_0.5675524890786896"},"_hasShrinkwrap":false},"1.1.4":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-utilities":"^1.0.9","date-fns":"^2.16.1","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.1.4","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-JSNdTKbg9SATDWXABZiR3YtnLIDZAou5cLpmSWtvr1qXQ1ckov76Gv4YiW6b+jd7m+ud0eFxlBDP5l1lxqE5lg==","shasum":"1a1802b9ddcceb3569d1c9396aba15efd92de6a8","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.1.4.tgz","fileCount":71,"unpackedSize":741896,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfq9MHCRA9TVsSAnZWagAAQ4YP/iCGzITJDhzzZqRypJAb\nQWSUN2mDn/hFlEs/bn6pDTEdEUW6t2hjXgqdRhMLLg6g5iCWhRI2pg2qj80Q\nANJY5JsFFMJZZHVXhxBQ/HtnlX1L7fYkwPdFvY+R3TBlnhM4+faI2b8t8aXU\nnrOGz0p8tp3hIQdeJ5qqNA4GbyI0u3XHwbWhZOu4XbgR0aGtRBew3BzfXftX\naTaGYqLHYRTgLP43oqWN++SKnkJgtdW+4xp9HYLChukhv0u5xlnuCyGPYtLo\nosVh5FjuyF/A4W5rvI7W/viRUDFanQN+kPBPvtPIqYgmtfqL5jDU/u5jIge6\n3YFMSaagIIz6EDnp7rbwAaMqFx9Vxf0M5iBWqKIjJHg2L1qdI9NKOoTPU1a7\nvGgrj9aSTK2f2V4ucILe/xv8WWmgoio7XWWgDK2ywh+PHZnonLts6oLT+pCq\ny0oEZhr6Ktb9x97pDUsWlOGYCPKmfN5SsbVD2UrB46UhDdnLcGtryf88//y4\nXq42oNIY/b0sx7R8qbBNAEdjk6GGwqn7BQ3jA+1kC3qVrdEX+xlSK0KUwSHk\nYy/qqEsL00/rIYo/TU6TIbyuYM8MEXfoMZBFBsgPQ4lRVx1KXDskJRDfX6cd\nIGzoe1B3KdVMEtLM69psnzsk4gZx61R4j1HIfXYVhe6/7XZhZLa5Kf56CKd0\ng1+r\r\n=9TYd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDttSHeD5tMGnFiaYZav9FwMuOJ68R0N8s7iN4JFaPvbAiEAlRYgMpElFRTLb76ySzKo6bhPB/u0FyvntikYN2/DIXE="}]},"_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-drawer_1.1.4_1605096198532_0.46218600953601263"},"_hasShrinkwrap":false},"1.1.5":{"name":"@terminus/ui-drawer","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/drawer"},"peerDependencies":{"@angular/animations":"^9.1.0","@angular/cdk":"^9.2.4","@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/forms":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-styles":"^1.1.0","@terminus/ui-utilities":"^1.0.9","date-fns":"^2.16.1","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm5/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm5":"esm5/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm5":"fesm5/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12"},"description":"

Drawer

","_id":"@terminus/ui-drawer@1.1.5","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-oB73D0jHDpoKExTtxxSmFWWLUpNnLcYqN18nNYTWVwjgNaoUBgVgXx/SepCe/R5cLoi6y9pS5p6UudxnJGfc9g==","shasum":"1b70541c10604eb367fdc11f655c594efb2b7e3c","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-1.1.5.tgz","fileCount":71,"unpackedSize":742284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrB2iCRA9TVsSAnZWagAAHjQQAJAnOhxKQNUKNVZimGkJ\nFvhZJ1IhUa9bUrU8+ikIntTwQhoMeeRxCs0Sj+S8jSnvKSgzIPQhcHvqwiqC\nplV8+TNbkWQ5NgqyJ8FKFKiT0+4NlkXgOdtlth2vA1XT6OlCTZFxCOl4/ZD5\nG93BmuTg8zmZ4j8hR3k3m4Vpnm2Pla4ugcm5DfHymUQP9KVLETjrR3C9+LUw\nVASiW3dgsJOVe7oeHi3nUNfXY8Vlgmkspqc1MpLmoPQ/L6hI2ACVP2JpQwDR\nyonvMPg/ITTWU+M4uCk9X47s2Rmmdu0P3fd1vH0p42zgrtuuThboj90nwADI\n77oDbho/kAXoTnRHuDVPYeBgGgYraT55J6lxXrnbBCuz1wbFKHYBYHKIt0aU\nuHQBGshf32sK+dfv+Yerg1C6roGUTafs5NRAK+TcpzjgHiycTy+lYqdoBa13\nR1SVSd7xlnNc9OEoZHOHoY2udEinhJp/+xgZOelYnfAegl8S7I07/6lv0sbM\nEPNHmd6gU+kqSthsp8vLJFIanVCyorFhW8/tMJCbmRy5ZgVSp4AtjX8LVt9w\npiGcpIl6NWdizbRaSNKyb5zY6kl9fgBgl39AyXIHkcs5pyhqMtYlgiHHrwR0\nClovTVgV72NsIIOdC1BDBESE6K/+NsW1TnSaRywQ6T899Kj0n0cRVFx70yVv\nfRP8\r\n=5T/C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqNgubnDA2KR97WvWSOhfULIhudYyO7skKTHDaJA6JuQIhAL03W7Y5ck54Op2aCCnu2fdlcd1sWnDKzjISSn/iOwur"}]},"_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-drawer_1.1.5_1605115297644_0.5235955994737247"},"_hasShrinkwrap":false},"2.0.0":{"name":"@terminus/ui-drawer","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/drawer"},"dependencies":{"tslib":"^2.0.3","@angular-devkit/schematics":"11.0.4","@schematics/angular":"11.0.4"},"peerDependencies":{"@angular/animations":"^11.0.4","@angular/cdk":"^11.0.3","@angular/common":"^11.0.4","@angular/core":"^11.0.4","@angular/forms":"^11.0.4","@angular/material":"^11.0.3","@angular/platform-browser":"^11.0.4","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^2.0.0","@terminus/ui-styles":"^2.0.0","@terminus/ui-utilities":"^2.0.0","date-fns":"^2.16.1","rxjs":"^6.6.3"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-drawer.umd.js","module":"fesm2015/terminus-ui-drawer.js","es2015":"fesm2015/terminus-ui-drawer.js","esm2015":"esm2015/terminus-ui-drawer.js","fesm2015":"fesm2015/terminus-ui-drawer.js","typings":"terminus-ui-drawer.d.ts","metadata":"terminus-ui-drawer.metadata.json","sideEffects":false,"readme":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [CSS imports](#css-imports)\n - [CSS resources](#css-resources)\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-drawer\n```\n\n### CSS imports\n\nIn your top-level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `` of your application:\n\n```css\n\n```\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n\n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md","description":"

Drawer

","_id":"@terminus/ui-drawer@2.0.0","_nodeVersion":"12.20.0","_npmVersion":"lerna/3.22.1/node@v12.20.0+x64 (linux)","dist":{"integrity":"sha512-EXwBuXmwg5m2QqiZaSFk/QXRBtdAofC3QUdMhKFd26Pi84FtupFG17XWUY8ilztl1fYCVBeCplaIKV9wISYLbQ==","shasum":"eee794de7cc69e257270edcb47346b4875326ebc","tarball":"https://registry.npmjs.org/@terminus/ui-drawer/-/ui-drawer-2.0.0.tgz","fileCount":51,"unpackedSize":521039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2hfDCRA9TVsSAnZWagAAlVIP/RuIy3Dcn+ZwnTHtPOAq\ncX6jf3xTrUQdJUI0VEVRlZ0mFT9ljhmegmhWXtl9YRZpEHABwT26zblgyYAj\nFHDfPWYSpKElmkVD3HGKRSXCGUDJ9olb0peLXkT6huwELr1itf3hGe9chDV4\nn+jfTnMvoQd15RWCov97VCRRhtn1EH1cY3FpID4kvFk15dsHkIEGicK8Hon0\ntLWKLjhz8qcqLSK9hiFvwsCIDnH1PYWfFMNco4UwOenV83vhtqTnEMtTGbk/\nKeUXEWxmV37qYjVrTL0pPl7Qroeyzg0GhYOe7y0eV/HvEhvklZqY4YNXkIuc\ngLWN9GPpioB5VPviPuGUzX2lF9z/rlSqIk9egQR4N7/5zGpJIk4pYvUrk5ll\neFK0MBglaGDJu8Fftfs9YydYR4AVkiMG1K8aLHyy9fAKnlMzNfXFlHpy0tku\n+zHeAVVPfnIo9FVvNoVECTXA/PYEG8dROb+SdS59SYzte0Ml1vf30CjnW0vF\n3UQ7/CI0tKtO/zEkdkFZsMbzpU63Aenzenv0gtGgrrFCVlg634epxDDNmWl2\nO1JgAkMJxf+qcczHPp4w77au4W3vfo8l55LrzPCn7BPgFmzdJHKjSbCca99/\nRjsqiIQ1gl0Tg9nuQMAOyXMRADiJtfuTJ6pCtHY0FRkfnKGpzinKPOfgsLmb\nEzgg\r\n=SU7Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDdLOl8bDcQNNaaykqLs4DZo89jJIC68m+13mXooDovgIgSn6nKucwuc42Hy6cYjLaqLpepF9iOLb9ad8EkIqUOok="}]},"_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-drawer_2.0.0_1608128450804_0.33479443967365197"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-02T05:28:39.461Z","0.0.1":"2020-06-02T05:28:39.744Z","modified":"2022-04-07T05:16:11.446Z","1.0.0":"2020-06-04T18:25:52.483Z","1.0.1":"2020-06-05T02:17:19.205Z","1.0.2":"2020-06-10T18:54:52.946Z","1.0.3":"2020-06-11T14:18:15.541Z","1.0.4":"2020-06-23T15:34:58.671Z","1.0.5":"2020-07-07T15:38:45.953Z","1.0.6":"2020-07-13T19:24:00.147Z","1.0.7":"2020-07-14T18:53:13.262Z","1.0.8":"2020-07-27T19:39:53.234Z","1.0.9":"2020-07-28T15:29:04.042Z","1.0.10":"2020-07-31T14:00:32.837Z","1.0.11":"2020-08-10T16:20:22.457Z","1.0.12":"2020-08-14T15:30:10.738Z","1.0.13":"2020-08-28T14:08:57.779Z","1.0.14":"2020-09-03T23:15:26.714Z","1.0.15":"2020-09-04T15:02:01.087Z","1.1.0":"2020-09-08T18:52:18.930Z","1.1.1":"2020-09-11T17:35:07.785Z","1.1.2":"2020-09-14T17:38:38.001Z","1.1.3":"2020-10-01T14:38:39.618Z","1.1.4":"2020-11-11T12:03:18.745Z","1.1.5":"2020-11-11T17:21:37.802Z","2.0.0":"2020-12-16T14:20:50.984Z"},"maintainers":[{"email":"brian.malinconico@terminus.com","name":"bmalinconico-terminus"},{"email":"atlwendy@gmail.com","name":"atlwendy"},{"email":"devops@terminus.com","name":"terminus_devops"}],"description":"

Drawer

","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":"

Drawer

\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\nThe drawer component is designed to add side content to a section of the DOM.\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n - [CSS resources](#css-resources)\n- [Usage](#usage)\n - [Backdrop](#backdrop)\n - [Mode](#mode)\n - [Position](#position)\n - [Collapsed and expanded sizes](#collapsed-and-expanded-sizes)\n - [Expand on load](#expand-on-load)\n - [Hide shadow when collapsed](#hide-shadow-when-collapsed)\n - [Fixed header and footer](#fixed-header-and-footer)\n- [Events](#events)\n - [Container events](#container-events)\n - [Drawer events](#drawer-events)\n\n\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-expansion-panel`\n- `date-fns`\n- `tslib`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-drawer\n```\n\n### Modules that need to be in NgModule\n\n- `BrowserAnimationsModule`\n- `TsDrawerModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `` of your application:\n\n```css\n\n```\n\n## Usage\n\nDefine a container, a drawer, and the page content:\n\n```html\n\n \n
Inside drawer
\n \n \n \n
Main content
\n \n\n```\n\n### Backdrop\n\nIf `hasBackdrop` is set to `true`, users can close the drawer by clicking outside (default is `false`):\n\n```html\n\n ...\n\n```\n\n### Mode\n\nThe mode defines how the page content reacts to the drawer. A drawer can open over the page content (`overlay`) or push\n(`push`) the content to make room for the drawer (default is `overlay`):\n\n```html\n...\n```\n\n### Position\n\nConsumers can specify which side of the container the drawer opens from. The default is `start` which opens from the\nleft side of the page. If set to `end`, it would expand the drawer from right of the page.\n\n```html\n...\n```\n\nNOTE: An error will be thrown if more than one drawer in a given container has the same position AND `push` mode set.\n\n### Collapsed and expanded sizes\n\nThe size of a drawer when it's collapsed and expanded can be customized:\n\n```html\n...\n```\n\nNOTE: `collapsedSize` defaults to `3.75rem` and `expandedSize` to `12.5rem`.\n\n### Expand on load\n\nThe drawer can be forced to expand on load:\n\n```html\n...\n```\n\n### Hide shadow when collapsed\n\nWhen a drawer is expanded, there is box shadow around the drawer. When a drawer is collapsed, if input `hideShadowWhenCollapsed` set to false and `collapseSize` greater than 0, there is box shadow shown; otherwise, no box shadow.\n\n```html\n...\n```\n\n### Fixed header and footer\n\nThe drawer supports both a header and footer:\n\n```html\n\n My header content...\n\n```\n\n```html\n\n My footer content...\n\n```\n\n## Events\n\n### Container events\n\n| Event | Description | Payload |\n|:----------------|:-------------------------------|:--------|\n| `backdropClick` | Fired when backdrop is clicked | void |\n\n### Drawer events\n\n| Event | Description | Payload |\n|:-----------------|:----------------------------------------------|:--------|\n| `expandedStart` | Fired when the drawer expansion starts | void |\n| `collapsedStart` | Fired when the drawer collapse starts | void |\n| `expandedChange` | Fired when state change ends (animation ends) | boolean |\n\n\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-drawer.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-drawer\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-drawer/bundles/terminus-ui-drawer.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-drawer/bundles/terminus-ui-drawer.umd.js\n","readmeFilename":"README.md"}