{"_id":"@aofl/drawer","_rev":"124-7a47cb836ccc1901cefe02d298b5ae88","name":"@aofl/drawer","dist-tags":{"beta":"3.5.0-beta.22","alpha":"4.0.0-alpha.45","latest":"3.14.1"},"versions":{"3.0.0-beta.3":{"name":"@aofl/drawer","version":"3.0.0-beta.3","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.3","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"4caf5e0df96df864aae0c8de5ebf074936ce0591","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.3.tgz","fileCount":13,"integrity":"sha512-4y9fgAYGy5lQIgHqS0AakhaRVTXoCtvBdEFdS3GKTzDtw6z2ozvSBQBZ2YEZWN6i8lJHrYkH5eBNJADTWN7vZQ==","signatures":[{"sig":"MEYCIQCcwsqgdk4V//TV/DnSCy4i+YAY9F7rUELdochvqMm5mAIhAMb1FFVis72z3zk2YLlsJZY2reP0UWgGp1MUQQGDtMoV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdmazyCRA9TVsSAnZWagAAXBIP/jyqVIgGDVGlRgS4Bb4A\nJR5b50MPHQn95zdLT52SLUteVxU8U9TBX8NkGUtAuA3q0JycAUH0P2B74d5G\n0c6cbtwNz9pPwAWKvMRoVGbLGHMFkvTaKsocs+hDEVplraHTc3yHVVAiIOAY\nb+QY/0lVl5y12Eivx+mcUl2LpgekYbPtAR+9Z1m3iMGzqzHVFey1Yzkia8ou\nXSxqVfF9M6WX52hWPetPlIoNSQYI6UtAC6+lmbahVBY7Z0SrWbucJQoBT3E5\ngBBtiuddaX4ktawlpaIaDRbP4pymO2fSW8FSCZNEttnkyk2Bu3CagWC2jWek\n7YDL0iWYV5Zq8p4PXSLqsFebHJeGFdFJkGr54xsCjtpm8rpRRKZ9gyYYRx7O\n34Yg2Hh34VyBfJyEKGyGayRbVPnU3HpkPHKwk7yjaHJFflqETFtKCtT0w6M7\nBGaFQF8VEdeDeh/f4w5MjhO+RftC1xc9RYLvvITGpphsFUJ2rc5575+GMIK/\nToV8wKuR2MIg2zOUSQFHrzwB6eoiGxMXTdD5Pp5ki6hyfe/gX2GRSLFeO8vZ\nYzoERW5DPszH69E8e89cBtfDkZpIa8fbp7AtF0fKTcfHKsEvqLF6Ng/6Srdl\nlYUwHe1BXLHyh1Ln2vaytQ6kNXgnYe9KhLPcV2mxFznpXSf4NEcqDMpmlsyc\nVaEd\r\n=ojQP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublish":"npm run build"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.11.3","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"devDependencies":{"@aofl/cli":"^3.0.0-beta.3","cross-env":"^6.0.3","@aofl/element":"^3.0.0-beta.3"},"peerDependencies":{"@aofl/element":"0.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.3_1570352369974_0.34210799188962415","host":"s3://npm-registry-packages"}},"3.0.0-beta.5":{"name":"@aofl/drawer","version":"3.0.0-beta.5","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.5","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1150fd785bced6abc67900fbeeaed28b138b31ac","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.5.tgz","fileCount":14,"integrity":"sha512-NkGjN0qSGymDmUPu+JU4pkPpm7X8rM87T4bcrfZ2r4L1SKtq+QSw9ovqbJrwkcK5ekTwcKqk+56myxiVt0TYXQ==","signatures":[{"sig":"MEYCIQC+xTEe6sre94q92vlJTwj2Dvzh1J+C5rzFFErUusKrNAIhALkmcd/TmYDjaPFOb6jKBba73CG5u+L+KeLX9Nks5v1b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdmbxZCRA9TVsSAnZWagAA3HoP+QDpm5JPICX2X2f6W6B/\n06Fyug8zOE4xqXHkxv52ZCiIMuIRih5HKKYLLoP7jKnhHtwJWS5Aurz/3tb0\ng+JHBh2gBJ0YeXIn8jdkkImQidIdEu0FRtQ71bgqSZtPAA6BzGFa8nfGEwRJ\nzUidkcSWF0f2+tV9y9RrIMYUUw3NmzfYXF1i6K7GljeZlkGRLNsh1ZMc+teN\nTzTnuCDRxfGjXVMlhU00wL1pcJPUzlBhcOJ1kpD7afKyYBRrY2q41oWyGU/n\nwmfEojQsSRbrHEVw7RVUNjxorxYgmEZyRXTjWGZClUJSOe6p8AoXw27nb7gw\n0kEM5k7khXgNUATH3fTRnKECEnj7kxskYMA0mWem/tB28AxEs3/vFWaELSc3\nct/OA9qjQ725AKDtyDksO+SIb/4gddwvmTkkZQH+j71HyqLB0Lzwg/pH3xvk\nxH5dPn1ED4y6/s3KFgw34bBBtKE2EHuOiDNHokFcbs2BPjNsC+D0Cw9qZEA7\nJJIy4CgYQu//q3yYOEgmZZ/pApB92j+a9iGOnIeUHjOWuV76/mKkUPgbF748\nnCQphqqQk5Q1jLy4mRbmp5eIzezBhEbEKPm549cUwhgMy3LaT4ppS1iWu7XJ\nMP2T9WPeqe6+kNPDhLumXyceX0fbFqRTPhlba+xSPqabUxwgNaNz0VUoOdHZ\nQ5DW\r\n=512X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","gitHead":"6eab96d111f1ebe9e5c5cff00cf108d46ac4ee19","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublish":"npm run build"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@aofl/cli":"^3.0.0-beta.3","cross-env":"^6.0.3","@aofl/element":"^3.0.0-beta.5"},"peerDependencies":{"@aofl/element":"0.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.5_1570356313160_0.8376660129358495","host":"s3://npm-registry-packages"}},"3.0.0-beta.6":{"name":"@aofl/drawer","version":"3.0.0-beta.6","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.6","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"25d35c9e013b62f6ddde82b25f23d99cfa39a191","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.6.tgz","fileCount":14,"integrity":"sha512-uOARiX4aggB6KaRuaWpu3tZAjohXVff+bapV1NiiMg+cn2a24THfCImiedKdrGDw8Rb0eRcGU4Cd/QYh5H9lkw==","signatures":[{"sig":"MEUCIHp2UczBMAvmPqHtZblN2GmDHbJvsW+m67DJxAulGx8fAiEAqC/lGsLh359SmktsPeMEGMRdUaEVYIsbIiuu2LGy34Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnBViCRA9TVsSAnZWagAAcZsP/Aje7TTLVyNTWUjHR5lF\n9cmRPULxZFRyKN0wiON7GXU51na/hVN1Z12WQB9sfGZrQy6lznRe0yAJpjUO\n26gqiNXqMR+iJqzS/Z6mYDSw8/eIkvGrg15pLD+UCQ+DAKY5OH8ARQWlCspU\nH7keUSbhDWeKmRr8ES8ryX1yixA+Ky3KyWNwjxNrHHUjU/d9kNslqBSs8GqO\nh3lgWhlR2lLDTFTVsz16qqJuo60Ocz8yP8sw7dzXQFbUxbl9t/q+CpNYBCyy\n8QmV5nZ7OhBYsbqezX09oEGY7xx3zbW9NzT2r2o3PV0hUhQqNeGhQH0y/n9n\nKq/Q3fg4tJ1joEb0W44nFepjNUmtgyNuPd6FZ77aSlcyZ3rC4Q57F1+Cjg77\nFhrbBUdE6ZA3ZlBRYJGBUc7+jngvs8BOR4eaoJzAlrNUjLBthGIOlv2J0bHf\noPyPF5DEyyMGVsQgRKyk2SFBF+8KgcU0dZlbUNWt4l45CCV5fRCbtwqQj3Oa\nKlNCp1ne2rpac3iQS21XtkeuYaUYbMPv7g1RGijIlbuRxeOrZR/8D7QqCq/v\nC9wz6Si40wMRzZL5Zbmf+bQplnU6Ak0VY7CcUyju/k5UApWutGc9Ana7ATKS\nlC5RF23BEIaf2L3tDD92xKxiHbiqGlxH/VXMEq2Uj9l1frOdXYGPKX2NDZ5L\nmOpZ\r\n=Pn8e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","gitHead":"23e8e9dd00e515c9305baf320436e43f51d7edd3","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@aofl/cli":"^3.0.0-beta.6","cross-env":"^6.0.3","@aofl/element":"^3.0.0-beta.6"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.6_1570510177874_0.95889465714121","host":"s3://npm-registry-packages"}},"3.0.0-beta.7":{"name":"@aofl/drawer","version":"3.0.0-beta.7","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.7","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"b304b20689de466088a68ddfded3e012c2cb0615","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.7.tgz","fileCount":14,"integrity":"sha512-hbcr+rFwBDcfQXNIdHgrJuqABjiQ1Hf5WTb9vSz2UDCfPDlxtY6EOSYerzca+AvgyGZg6pf0LStTKN34M+TPlw==","signatures":[{"sig":"MEYCIQDcHxJvmnk7/yM+IV7HFhmb26GMeOeAQHle7IohsRJwlgIhAJ/eD2xqMce4r9mYONzOuxsIEGo/0ge72FBo6dOVxeBU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnBz1CRA9TVsSAnZWagAANCkP/R3BnorZi4Fka5+QDzBg\nJ2eLjXSonGu7vvy55whpHZ4//eTL0wE7NcOhIWLHV8dfIeyOXEk8TbN1upKI\nYi6kuhGynuxYK7e2+QtrrjhAeNYGyDyF5RerOBy7MWukKy41dgruS/aN9Gph\nDUm7w7/rbfuk9wCIetIOyCoJtIJlLzqNvYX+6Rr4SRQqlJHJf89QxwPMoR8y\nxHk33avWFivhQfi4Wzs/3pnjw52zK+OCfg5v2xtj6u/gzGVmaV/glfZ/oYdI\nSD0MkjVIka9p2ZKH0V6vwz7OZ08vUEG33gbBSWbPppcL2D4L+cqH+g2hVExe\nzlzwDw3nFbSUTupUH8jE7nYHeMPyuAEr72l6R4WzKhD7lQdvpkV5Da9bqM+U\nrC8lcgOb0dATSKrHsVNAopE8mO33byaw+eWNm8slTVM9/xLl5kBr1GTRCj3A\n0hRxX8FB0cLxGnQ0FcKFRrTU4s+H6t15W8jytPdbhZ4DZ/RpOjPFmV3AJder\nR+eGlyYqAQtP0yrc8tV4iPZpoou4ib9o9NtTfCD3/DOjuzuhcfoLubP4besp\nYuMHPYB+zzyk5gjon5Pz3CLfQnwe/t6YgDoWaypsyMj6YP5qUDtUxXyc1FAu\nu7gbTwscb9FWZMdiMmwjG/xGzp9RNc0+p0mWVZVUgoHmi2iQtixEmwk7DXNg\ni5JH\r\n=E/Zc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","gitHead":"935c64ab2670b83a177719b549692acf9b6fe2e1","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@aofl/cli":"^3.0.0-beta.6","cross-env":"^6.0.3","@aofl/element":"^3.0.0-beta.7"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.7_1570512116850_0.34059038976468137","host":"s3://npm-registry-packages"}},"3.0.0-beta.8":{"name":"@aofl/drawer","version":"3.0.0-beta.8","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.8","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"ed4e7afce94aed8afb25123c0c32ba04e6b077c5","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.8.tgz","fileCount":14,"integrity":"sha512-FkWNOQHONm9XOW4AremAgE6dH86d7a2lVdRnfEHQIyOt1N4E1srk4yp7vXdj1MiOL8FzwTqeCV0PG7QrQBAaOQ==","signatures":[{"sig":"MEUCIQDmssBU9A3DsoB3KDVUPafvs1lRLx91h03nlFQavyXfCwIgA0xhYq/R04mv7Dqz/6DQCAkKD9x4JGztiOhTa92Y2WQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnCMbCRA9TVsSAnZWagAAqMEP/3qpF8jtmLRyAwNO/l9u\nko75cYUB6OsmcUMr29svrRDoe6AWhwHNIJaeVYdwEg3kUBW3iO+4kUe3lcdl\n+dNE/4tQfPdDuxHhFEc7hcZQxwehnKyxEwuNhotpUMzKVH6QxYAe4PXj6GaZ\nMjHvpFbo5H92aqdGTjRgFWeigqejJBKJy6X5TwpTChe57tHyk4ZRgXXoTq83\nixDh1iqS5l5Qr6eXravwwQ/qmAmTS3w6psB5kNW/fJ/x88BslxmVHUfF+yTJ\nDGe1UOuUY93dRkLt5i0rvv23NGyAmjUijxA+jJsud8OyeX0C0TJJjN7g4dD6\nDvshDRflW39/rDfNkjnVZHu9IuqlbxWvqS7v3omFaOhUs3oZab7GJc5Rx6ie\nyROD8D/yNGGAeUSU/jFh3B9svcb8Ss59foK8NvOOijLkIEWN0D6MzdS/Dtt+\nDPV81rfVfLpVGlrgvbgSgwoW8c0/kvcC37uOj+3ZpazvKLFY5wHtNp9fusQ4\n2QFV/FkO5xtMK5+H8CswNVqIJ/D/oYmOxME+8N9S7iF1BjWXwng2UCOk4ZE/\nAB+eBUK+tBfSiomAsuefb6h2jPMp+Bec0JXYKgvVOI2nUMXwvP/RWISSau8Z\nUAut1EqHGSbFnkpkGHUdnqOm281vY1aqQqWcz0IVM/gDiyvoJN2f9ZFTfStK\nxA+E\r\n=YICk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","gitHead":"31f766f3cf621147bfa1530b863757cb08e5fc10","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@aofl/cli":"^3.0.0-beta.6","cross-env":"^6.0.3","@aofl/element":"^3.0.0-beta.8"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.8_1570513691210_0.5298243189381737","host":"s3://npm-registry-packages"}},"3.0.0-beta.9":{"name":"@aofl/drawer","version":"3.0.0-beta.9","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.9","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"232712766a637f00ca5fa39208526d81218272b3","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.9.tgz","fileCount":14,"integrity":"sha512-vEnqINVp8u0VoSglVivijdEECyvBPnJ2HeFvCKWSkXdpkIv5+POsoZdktnDIXXEWM0M3YwivNCMAHVQ18yX+7w==","signatures":[{"sig":"MEUCIDnEF+kpCZ9x52l4/s2noM6OrBuEAkjxhH+opux1GVQkAiEAkXDVpGeCYo10jbGaeogZkQByeEHVCiIZpjxrHw5Enl8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnCiZCRA9TVsSAnZWagAAa/IP/RZUadwqR9WcH9mPDvdZ\nOXeI4izvAM8Wv3ciluT/QwuOX7dz9gLNbJ8xkHIKsBNq8af811FGBG8Cfkxb\nJsNdbb6cEqRSSjMreC6EbIWs5YZa2LvWrIE5+b9wHZO6cl75gmgJrYTyY2k3\n2SBwpGgepZOko9eyTxPZK+bHNjDsYkpgfOslLE3/wMwo+REJBIoC9wWnY9B+\ncm7W2ohT3PXpB7KbGmI57ceHnhevH1SYoRxbDJFTK4hTbdYgm/48tNVe7jH+\nX8bmRawuoBpvxsEXwE+jyhgqI7p//+dxrGpOkdn0QGoOojVXbXurLdrzOvuO\n+9ZkT+rACPBOwKSv+eY7DWbqoURNKuCPKeurjaOXEGxMngeXPV9GQWDBLLXW\nNebIBoW3Q/uzVMvmL9cK3HttH4jy+goQ/SoyuNRWTYJbDfRPmhJk65tevexP\n0GZqK0IG8qFJwWrxW0kHNx4NNpcnAuoW0uv01Aip0QIpPfkeZRKPRIrwrq/Y\ntfxHKsptykRcVC0w2Y1NTOB4anoyWEdEoyZxIyF6BPOWkKbfHXAu/a6dReQJ\nt0Bm0NwOHrnDrfJ4TNqeTsATu9kfcYP5LwLxrZoK9b5qSb7mYNUQ62VvYSmh\nDMOiCznhJ9n45h7dmOMREpI2w4pjt1nGe3pv9JISjSfeY4q/arVpVh5cQ9s8\nLxHl\r\n=c1Ut\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","gitHead":"e9e6bf24a51611b9b997dc99e770d43466ba063d","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@aofl/cli":"^3.0.0-beta.6","cross-env":"^6.0.3","@aofl/element":"^3.0.0-beta.9"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.9_1570515097207_0.2691127534162374","host":"s3://npm-registry-packages"}},"3.0.0-beta.11":{"name":"@aofl/drawer","version":"3.0.0-beta.11","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.11","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e561c6e05789140246c793c0da5111eb091e8359","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.11.tgz","fileCount":16,"integrity":"sha512-mvTXhg8h0PhYZ8Xho/Ni2ZgUmlMviV5FbUlICHfiwWFtg3fSE/Rjt/Hm9+I937lsj6XTmyg8oBN/ARCSr5W/zw==","signatures":[{"sig":"MEUCIQDDdNovAKLKLX5q6xwveFmvUl8lfA8uDvzLpNdeNSFuBwIgTNH59sW3c1s4W3Sn3Qh11T0x3l9A6vIh6FqufuFjVaI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36083,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnFoZCRA9TVsSAnZWagAAxboQAJjtxbd8iVpdCktR+9+Z\nQl6kYBpBtbNRTPcktORJ8rniEW33k0fY1UnYHgSQlYiAHOli+SOLu7t2IZHr\nh0YAllzwBGeGxNZ+c0V75ThESBJ/fGLHL7LeW0J3v76QvbFhwSnzazdeGYCN\n4d+dSF6/7hypXXvECkQNQ0l6UMFxKtGuYPv6w6JupH49C4xa3wx5WCr/NYq5\ntqc50PuZJubfEwHoOvzT+McIMh9YUTqESeOdQtG4xQleoaoj/ckQUYqNb7wn\nTrJcL8bvKR/9//evOHaxn5zJ6JSdaRQoFvtUiYb27ha+GibYr9y55yxY5ZnV\nXRChPkr8pTGYjGHZhwu/vnrYyyG3CZPhVndEElltZu46ltqaPUKnXNf7gjtG\nZEd4sN7HL/QoWiFoPf9XOueSTZI7T7sjamFjZmfjaQUac6T6wWfSX+7tfgEX\nDWoJxEEDKsasHcfAI60pn8vG3KbI0wEExLTaJ56NzVybNapqIpt+BSoNSODT\nOkp3KBwx2Lw8y2avsbz4HtpWm7BQKqLdjKtwJJMirJimpSDVCkNIPSVaA40Z\n7eKA5CP9FWWezBSJR6+/WjMD2Y5r31M2swtQLQmIunFO0AhZEDw5p2izOR9H\nZbMkRyHs5xQte122f69qdVCA6bblDmUK4I6xCToNIhRnzEEtz6VBmkUm0m3e\nm0oD\r\n=s9vT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","gitHead":"ad7cdc30523ea031f8d1bf5c62440f80f75a7308","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.10","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.11"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.11_1570527768815_0.18670411813402232","host":"s3://npm-registry-packages"}},"3.0.0-beta.12":{"name":"@aofl/drawer","version":"3.0.0-beta.12","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.12","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"ed16c9c9ab7e8ab1166d84a06351c5cc7e192818","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.12.tgz","fileCount":16,"integrity":"sha512-UHvmfDMex6Vd3H6zw6KN5BF5KhH4vMElmW+1uIo7HSK7Kc8M8KtkRjIO1kexE+eN8pTSpeGBjfgFhOcvxhQTdg==","signatures":[{"sig":"MEUCIQCZTlCI1CWz8/kmJouXIDeTkYvpcKspeGMnTvKhzdGB+wIgPhQgnJp64vM9jVLzBfvx3xcbFGZ9hVLRZgHdi/SX16c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnFyfCRA9TVsSAnZWagAA2EQQAIXorXQeGnprmOXr9qdz\nTDPBmlM8X5k2Kad+0/VKjJnu0NSBVH9lz1wz/DpuIQmIZneVIZr9h+rHtExw\n35xrKqYe2gp/7DzeLpXYzfImS5vfJrE0I1xJArXylHVCh2TRwC6a3naRxyll\nguZul0qWyVg/JPTduWKRIsz4u++cXuOh0cMxM6obn9caJLiHMxTLJE883MPB\nXyOmWFkw9LK1LcmLAkvuZ7AlpWqLLUU2LMfI+mj8cd1DvVBw1Y8+/L94Lx4g\nQ1r3UZ0eKu+1xjALORFuKmegTkjb1Ixr0J4BDieGA6IkpLKAxP/ZlCXVFXeW\nTPTYzX8eB0zHvGEByOiWA7iEpi2PxXQ+ekBEgUV1ZKHobxOrMF26pnoOhiel\nqUn3/6vSkwP2ji9SAYG0ds5GqZvnQmY74G8PvkZslsjhkLTDKbc8bVOcpDam\njU6TpUtJ9zxhR2ioFqpRV7EVl7kfXnOQepm6G4yLFNI6oTpDNcS4EKxv6qtZ\nZTV3OnfeUANzNGrQBg1yftKNAXAhwf5fmYmpwRrA8cpB2MPEAq9GwIU4yAYi\n1iYPzP3knssZ19pb78M5Q+tP9Zir3gatG7gOhM+fxQ4KtAPQHkTf0zvv0Ifp\ntnwNKY1nkNrTzCues4HPpL8UtV/0U9ZX+AkxvpIa4X+ShuySVaEpOacW77yj\nXLrV\r\n=6I+5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","gitHead":"7fefe74af1885e7b807b6ed3522d9ae661e52645","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.10","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.12"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.12_1570528414448_0.0029327063808033405","host":"s3://npm-registry-packages"}},"3.0.0-beta.13":{"name":"@aofl/drawer","version":"3.0.0-beta.13","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.13","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"a47c950ae414f2dd577d3a421ab540164a7710a7","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.13.tgz","fileCount":16,"integrity":"sha512-k1uYq9eLDaR+ryB4+Ct30kr4sfu72sqpqsJp8b8zGY+t1F/6MjzgbiT3xqFdONdokkMuum4aYnprgARUycjICw==","signatures":[{"sig":"MEUCIQCZAZJPwVBY/Of6Wp8wC4tr4OLcnonhu5TEZrZj94zougIgRcVG1OPqcCAe88Tr4YhN0WW0yckYpOI3CX6LGCvU9o4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnV5iCRA9TVsSAnZWagAAF1gP/RRQZzjZIn9YT0iS9Ptm\nkkU8awsK8+2Sz80y1uOlBW8tB9ef6G1P8T7NdvifwCa7wmGDcRF4azvRCL60\nyISPsLKo5rpN1odbFYK/6zvu7N9iAHZPW6JoBdgkXL2qNc0OV641CBH1SSX8\nH2TfS5q0PXMlfbbAurxSAkePKGZiql78I4PfKH5lY6b49jmWLJrmKGj7ewT6\n3iHwvpKVLwqQOex6cZ+HT9I8esRUBPJ0RkIvTtPNaET3Ke1pBjksmqnmdbf/\n366VNzsX1Q0Uxc///TwqjSwumAcGUNF/7DCfFbfqzi3gvu0EopvDq3bE7qPa\ni7a3CxLCILVVfW5fnbdT5fF1Iu4o3NtneVJTJPAdiKVoIOZz9Up7Zr5zKYBh\n5RaP/Hoe1ubQFSfA/ge12K6v99wWD0Ii0T6HVXi4YzoyPNkZtFED/UV7BDA/\nXOQcI2IL3WX/is2keGQCJcrcwEpfP0NgRFNdOFvAieOQDfj5vMQKKsg2OU4h\nsxG703oPRGdFhGMhA60SvOQjJHmdwvM9PLpxOyVtbrUtQA8AN6LZ1RadC0FQ\nRQyvQucc+7t7eKGpkkpbdDNq3S40QCN/LF14hotfSeySrlxEMbojhb6boIO5\nsahuWtWQE5Uf/ME59G/HYE5W90MQN/+FozVtuIUJojWEajh7qVHMQubIWIjb\n4D68\r\n=EgB0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","gitHead":"aa2e52c46ae9451fde097de4734398430f2127a7","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.13","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.13"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.13_1570594401599_0.46229690843337945","host":"s3://npm-registry-packages"}},"3.0.0-beta.14":{"name":"@aofl/drawer","version":"3.0.0-beta.14","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.14","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"2528d84441cf15dcb1e002b2b70011eeb594c500","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.14.tgz","fileCount":16,"integrity":"sha512-1np+tV1xdlOD86Oo54yW/qVg6nlwVAUpC6OpV3AYk0orAUEjgMtuaMeJ5I3Q19MeNjOqN3a2uzM2x8aPlB7+Ag==","signatures":[{"sig":"MEUCIQCYRrvDA2afspswAExRK5er9HXuVBTm5mwtZcL2Z7b2oAIgfvJL2gj+BNstwFRirybLz7pbyid3MHptKuWTxGMKugo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnWL/CRA9TVsSAnZWagAAWNQP/1CANplyUffGNSX5DASP\nv3LpY8lzph/9UdopvauusBlOeZJmhvTaZs2qp28eVgriyqt1ams4f0xHEKdS\n4gr5L8ZGK6XcDMsJG6vA+ru7VEw84P1kVHHIJxoGw2yBfy2VZb2snPEipk/H\ndNS7Pzkka3SHMkMwaoxG7SzT6LfIifT9wbiE1nEfEArVkp7+kUXgX5NRTJnq\n4fftZcBjtvkwaDOZTd/xYvQg+9EUGP8h7WzC1yIcLxgKKknPDBs+34txIj0i\nGGnAngfbQ3FEqloeoDDqgdip+lR1dxOMRJf7m10mXEqjcU7q9r2Vec97g+Q0\nhDrMFYYsZ9TW7rxv154LNx9QxZtwm7J/No8mFicjTFDM680OOY0MXQ5v19oy\nPQL6Fen/kW5P+LK4aPDhjx7zAsPii23Dn0u0EG92f31BLBas5gOC1I1bWUts\n5JHPih7zuDXo+Ok3ssS+8g/NZt/LRSTtceA2lDgjX2/HMQiXW0FriaEVWP7n\n6m5A5qsAUEVnX72UbfmVZVQOrpZepQaS+BBpWyrB0lb/P2MLxg2rdjsH2JTS\n+TdmxiQIlqgw0Oe3H/FpaoNnc0qlqg6svC+Ark5nVRaOKq5DKs++eoMEPVhQ\nj5Y46QPrTW/h2lgp+1qsGQvvT2O10Y1Tsf0ZCXoYasmqgKXvE1ePltzgfbcN\nB568\r\n=0xxB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"80c0c882f3af67f4584dc8d38de8a62ca5632c94","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.14","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.14"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.14_1570595582891_0.3443095400004619","host":"s3://npm-registry-packages"}},"3.0.0-beta.15":{"name":"@aofl/drawer","version":"3.0.0-beta.15","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.15","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"2216252fe20d1d385f5551f4ee1777f07cc79148","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.15.tgz","fileCount":16,"integrity":"sha512-EGbxP5KIuaxW1rcGreG3HmltJllSVi/UFpEoSOpMoy+Fc6bwjpG8jp2cwI/D/FnrfM5YOBeqOOwTT3dT57RCpA==","signatures":[{"sig":"MEQCIHiBwaT31STP2K2vBC83+4JDonGXSB01K04g5XDckWe1AiA5Xt6eLdu4ZDdh830YpEe/KsU2QatgQniZcIQ+iCueBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnWchCRA9TVsSAnZWagAA/xsP/i3D5JxyH4hvzAN8dyWG\nqjxCdTNXEjsEBvLUhM765EJg0mbmzcF2x6NYorDE8vaeCIOv+5QC917iy0Mv\nD3r2M9pECvlNWeL82SKW7JHvOy6ASy4EeoX/nvXQLIWLvcqkg9zNnm3u0bUQ\nBKLi375XGqq5JuhABms016TCa+aSI9vRfeObPUtxYGNLxbAc/JLu6ifmPVWe\nxHmY4ztDvhEqZjRWz2yYWO5dzNq4WwGfZLtjE7//LpBdhNnRAtdih5lxFoTQ\nZftA/blPAO0BJTVaevttPE29Ck1BpjimyW0JHdo/sx1ppc5as/onIkoRcp3K\neLLjAUuLgZmg3Dt3zJngFLFyPFn1Zm1JBgL4NCo0NvrFRp7UoPi+bNHGpAZ9\nqZRZcFirlkS/ZjeE80rKHRp7IFW4YP00BP9LftFtimwucamyIARPuIQy6op7\nw9Dn8f6/ADD0aaUdilsoIHDspluBZbJuXb8KgPX4UfMZI4A4i139WJbMY7aL\niYlXI4Vq3WDHhkQzndszYiPI18ZZw4uyc9H1Vp4YBbqki3FGAklhFF7AS4mM\nP6kTQmCcJbPJlwEbeYr4HDMPlTqKyxfjyWM0z4rv1QOJTS8a+X+qmGYpm5yd\nKpkKxU1ujyLbAsiS4KJqlJeAiNZRpfZpdgdUzXz5JAITlnjcgU0pvfu8kmJN\nEuGi\r\n=K+VJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"0fab45fd3f4a1789a3683dbaece87d579e9de597","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.15"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.15_1570596641465_0.8804820302444898","host":"s3://npm-registry-packages"}},"3.0.0-beta.16":{"name":"@aofl/drawer","version":"3.0.0-beta.16","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.16","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"bd380bcafa3d127feaa9f2cc41e2e268c49407d4","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.16.tgz","fileCount":17,"integrity":"sha512-LG2yewBhrZSfhUcpr1R4FNSkVRNq/kt1tFVk+qqWM7tDz3F6zEtGn3xSrT7hW3WCzkYT1FdF8mH9/sKYWD7mRA==","signatures":[{"sig":"MEUCIDZNRZZHEXtYC1349qiNYIOtXBFG4sE5zKUFxZEPSbVQAiEAg3KZgjxHqLrrgf+cbt3Al7TFoXHtyyOZyQAmhZ1EH/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnWq3CRA9TVsSAnZWagAAdXEQAIBq8oFLqz8h0XVc7s6z\nKRe7DF5WrFC4Kff4GwS634CDzOLP4cU4aVKAoWOLObXKlzJ0HCv2oHUOBvDo\nYjT8yX6y47HZLCO82ZoV2P8JG3VztL0YVYsl9m0fn5hJEScmegH/h7ihM5lE\ncvVgIOcpPxxnaSQRS7IlFfyKnWfBuAoA/vAqoPcj7k6aAUVm8ER6hu1XxSXF\nuTutWg1cj9IHYhLDQXFF6w5aOfgb4XLvEnYmx+2Z/e3P0nCWwFFJ540tSWRz\n9UWP795NhxSFknR426H9/6isQrtUy7LWGos5wNyaiJqAjXbyyPyTPQ8/P4UF\nMkBHPhMHoebp6UjVBd2Y0vsc4v6XHOiE2W+KKMCtuWJlPzh7GOZepjhySRMM\n8fxAKaN9x94vy7YHDcy4+Rs8Jr/XnjRUzkISSK/zPuuLoFg/dy6uDGlyc8fH\nuYuKonUySaDHwWQeC48NyizbYuW2pwrQQCg/E1D0QCKkB5ihxFiRilnpO23E\nfCzcJsc7qDcxORSJh+1Uz4BMSO1Nk8njbNrtJIpudRZKx+aqayLBDnR5+k6G\n2OwExMc60JsNKFzRGrq7DiqyHNNlmR4c5iVAD7Bp4ezA4/cjoym5ipf+lLTH\nGEPnr6q6a7Y4cXhRpm/dMDKnf08pjDkMAq6eIBwcz0r48/elxaYPv/REGpBV\nFAFS\r\n=plyr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"32c2f889b64c30fba2458f8704f7c135b47c5b95","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.16"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.16_1570597559041_0.3921817501156777","host":"s3://npm-registry-packages"}},"3.0.0-beta.17":{"name":"@aofl/drawer","version":"3.0.0-beta.17","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.17","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"090a3d2b1e1258913cfa5702a04b4e42bfc12c64","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.17.tgz","fileCount":17,"integrity":"sha512-1SOj+hxipclsYXiIamfpZGq3Ex84OYJR7255P6Sc3QpwhdIWcSoYDQ7rawIdn6NIOHBGzhBd/hzsKao5MLlqog==","signatures":[{"sig":"MEUCIDeACZMuBBLIuO2TMa0wDS0VFGdM89WEVMP11mAaGZb+AiEA+jdk73OKyfvEN6luTDMV+RV6gBYY1aEyC8o8NVPQ+BU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnW8wCRA9TVsSAnZWagAAVnYP/0KKS0XqpgsU/+lmrc18\nhyHxFTSgMi8gJ7u20mffkphXb+CzTvhZXl4K0TDCRbMnnoUYat3qS+IjYxZ6\nHwR1noTxZisGxL53JjtgLRCw8rzubesitlKEWBtCMxSgy4Q0wvFyL5Zut8ZM\nG/CZqFhz9xmMPluSJzilT7KGOLu1oxP5SV2yHhg4u/QQO2133v4Tw1ta5jqr\nxhI3i6kmOYcmq2J1ajYgbyD/K9Miz96Tz7sqDuF79W/8dVBNg03hOtxpyeYl\nYWKIeYSlWELxxV8YN8QDOvSbHGGClStwlBvB7D1ZezASYzs/rswcegrCzlnO\n2GlYKIy12HZqbZpA/72APCRBBp1vzA2PxcPZHMGTa/J9AK/4e+aiBKbL5Q/A\nwI+9Le+wYNlxiXqAl4FXd332JdntSrXXqUPbJ1AkIkj7zE6M1FPqtm7PeNwi\nxJerdYbU3zYO7soVQycGPmXd6iMSJtHi98MmmgyKOr0APY/O74DgOc03piex\nR0c4aboDz0bobCaLUEVm86DIVanG1PU5sMExQilaKXIhSVJKDW/t4s1bIc38\nNGTo8hGfzznOnmcY3RLBqHDZ8kj4cs/1+yCh5lgLH1oN0TK6nNWAeCRiTZ6M\nYyH6iuMka3v/7TvFlHvhO3hr3D4ytY9DS74KtsJju/88Q3970n893mhJF0Xs\nlHia\r\n=cxDT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"1a9a0010d531b8a6ab7287dee07687c312379976","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.17"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.17_1570598704175_0.02755894761571409","host":"s3://npm-registry-packages"}},"3.0.0-beta.18":{"name":"@aofl/drawer","version":"3.0.0-beta.18","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.18","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1042d99bc354451fb300a279edbeceb994bcf75f","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.18.tgz","fileCount":17,"integrity":"sha512-17tJjLEIZJPsmv/AprsRknhUAF3kLK1Hp3yqzD9KXDtq7KF4hMTbra5+zrWOT2QCYXj2DnvFkavvVET3EP6FYQ==","signatures":[{"sig":"MEYCIQCJpgvD31hSyC/Y39HuEK6owV5vDw5MtnX5WNH0DJXmzQIhAPoesE3tzzT9rNWcssGRhumtZ9vP44ErYk5LXo5WPXu6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnZo5CRA9TVsSAnZWagAAoAsQAJR/1deJ5lohy3IAwhQS\nZH6OvGkaK4+cuQnoUhBm7ZLR8aNd9gK/vERfCxIPeDkfuoKDbrQpl89sGOcu\noIHbvrcD8y3BQobw/UikL0zEG23kyk4n+XTdSCp23yAKHpswJ6yDz5+expvy\n769Ep8O89eaOIYYf6M83/MmOC9p+bZz7u799rHfD6D+EJj9fcIgrrfgSKA3O\nwaGpddU4BXqwN8zCMZ/CzCtV/T4K6WA6W1MBgNSv+02iBH0iNi6CPbWhcqWU\nWuiSOskoIM9G0eYo3Ez8OhCpTpmG9bw6RzYZ8TY0QoGieCPsRy1dYQyYogIT\nWDYh8/uPo+PEaWAw+qQJPBPWvuvbpy/9ACgVOWyiD46ja9DDBJYrZd65gtSk\nFDmHAImjQ8YbzbCaYwhPGGPndJJySX7TNTCXeifdRiYmmMdHwMg4zjoe62H1\nLn4OtEKMnsQ3CB3P4zf9eL2QDM+7d6bAMlwZVeCqW2kQjzcbdZejY0ZwNWIJ\n1Zv6F2zVg9J/cOLIsiyc39ZPjvhScyJt7ilD2cdHUrQhgSys0HljbAFHDvcm\n8yza3yJPvnaMxS6TAisY/5duD2YUjM+iXrfRvFR20GWlKsF7JRIgnycxthOX\nYmVTDMYOYBdL7WWISn8U/E6qQp8L2xiFYinaE29Wq304LK+ZfoCNPwI5j5M0\nlNDB\r\n=nFwk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"ab2dfef9429103078acc848e0e35e4dd927fe6b8","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.18"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.18_1570609720765_0.39274074539857384","host":"s3://npm-registry-packages"}},"3.0.0-beta.19":{"name":"@aofl/drawer","version":"3.0.0-beta.19","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.19","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e3a609587c0f1dacd6bbd6a8acf0613605934035","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.19.tgz","fileCount":17,"integrity":"sha512-lecoAd6USd1xvR5jmrrVd1K4jlb4CYPQQdxO0R5/W4WGhf24gBMcClvPBVWh86F4iIdasGYR2yXMaA9sapOIjw==","signatures":[{"sig":"MEQCIEdzmpGzFC5s6bDLBEeb6DvQovb9kdpRdZlPU8+IaOl+AiAqUt9dnbBaTDWi9+VRT7N/u/x9HWctNZ3lPgbu7GWZ2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnuPdCRA9TVsSAnZWagAA8NIQAJLw/PPwHyDX95bs4qxQ\ngjL1PA6tIsD5uCHXFbxe40Fc/Pbwg7ls13tKqxu1L5QpR0XoaeXrMwVpo8SS\nxVIcqq86Tz34A9fx+8ywYRS7DTys9qrYxZh1IF+Vtwbw4M5sFK14mndY/SXj\noBy68Mgvt3HNsMZxJkD0u4XvlphpJf6SvfGDXD4LHYJmBZsoYkQxA7/JXrMp\nujoDcKGki0tk35BOZ9zbVIs+wuFD/Xn+eQOVyT0NcKawz+EOEyGSdwxGlTM5\nzNjMlPL0eYXE7cvhCymX/X/+cO9CnSWnf4pEk2kyUFf5+PClpXnWEXERVQQ/\nzFtN+Iww/p/sTnN3OrPsKrM5Ilry+dYB4/yMPMPz8A40Ok6UUYbZduf2pbTH\n13s+xm0rI+PW8swdixGgpwzszbrf5morCkJQb43IA3IVcK1Lp30ME2ackt0l\npCjX0GiVbhSx/NZ8PHnGLGrIfVpORe08RbLeojCxi7UEmeEV1qWex9Hro5oE\n07xRnm1QvYvXZB35G8/hZ+tvTDBetNsBFTBRmojCMkZnbPgbTTA3Ja1gfq/x\n05BPKlzowwZcfpOOTCP6yYVIGBLc/Z0nnDaji30uKwziecP7bX9MicnwGcz3\nitgj1aPX69I4lxpU1PO3TlA2FLEiolf91+w58ceigjXoOEfQfUzYE586DuHl\nP8bF\r\n=xpxF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"8b0406693e6cc6402e5fcebbd569807f2806d66f","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.19"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.19_1570694109175_0.36131208118133884","host":"s3://npm-registry-packages"}},"3.0.0-beta.20":{"name":"@aofl/drawer","version":"3.0.0-beta.20","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.20","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"399fdc969e902795db6123623ecc0d8684451300","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.20.tgz","fileCount":17,"integrity":"sha512-e8vIGRZKT9C8A7jpoW6QcI2jlDk8TOYLanaB0WasNcwk4CW3nqrJAx4XzHgNx2UNfHLJGMvu4VaZSDCIRsbb/A==","signatures":[{"sig":"MEQCIF3hpLrA/k6NZfb70LQ9LIbz9iSreH8r4Mh3eHSZnXXvAiAwH1BOa8xGwj1XUQPtrYVkeTltqLHxft9Fh8+v19Iq/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnvToCRA9TVsSAnZWagAAso4P/0feZ4OvFoRORBqpfd6y\n03uyxvQY4uksBekc2zUwNa4nvZNZ8GeRiOjzv458pLBGksepSnRZ+Cu75Y7i\nknUjEAy/XFBiCRdFRLRiLDNgnSp4PWNS6PIw0Lz/RYeJtvxCTsFnoeNzYgHn\nMMyveXzRptqWrxzWFKSIBA5vvPAo5Xka77C15wxvKwatOQpfEhOEEVtCJ+tP\nAQQoTnb3yizj73L1Vb6a152wzyiN9Mu5O5WlaT7/yfmZU/BmkMr/j1iZNOd1\nSaVVtr0egsGWusj3/aiaOwNZZLvBlQAhGQEtlEUmRKZlE8M3TYumE4JxlW4h\nCoC7f0ixlJEfIeFNq1lxORvDtvi3P6PQSdDtQbXk+lvgxHjZM5cXu+IHqkCs\n0iqBWThcLl9i7RPHvpk21KcLX5KKKnkXq/SG0FNWsixdJD5NZBHK488EMm1M\nOiRJzl1zFTrUBE91fA/wq1e/HfdNnV1x9W8QMR4jeUbW/cw+34citd4thd5E\nMOIvMdMXZ9YFwUz6AMaWAbJtqc7g2CX/7nasSN2YQDsssiJpjurW94v+0Qr7\nNL86NqPps5ZKk5cJ1gNY4ovzGIN9jSXm3FsLmw3qLgL4tGJM8P71FHRMYgcv\nx0RPwX6MU0+SY0/f25PNT+k9CEdt6a4yJZrgA33GtbSjnvissolsk2CELJV0\ntuDe\r\n=NYY5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"91658d059c444309728ee73174105d2f30f4e6a2","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.20"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.20_1570698471618_0.26579652728412206","host":"s3://npm-registry-packages"}},"3.0.0-beta.21":{"name":"@aofl/drawer","version":"3.0.0-beta.21","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.21","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"cfa1843d224b0cbb3f63575c1b9d3e5a66388cbb","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.21.tgz","fileCount":17,"integrity":"sha512-Ar9vrxd1/PLPANYUDK/hjZbNqOAvUYPU46yXBIBx4UmQaIHDowZobkWJ9v2eBF/ma/PHP3U2x0xcwRIfjc78Kw==","signatures":[{"sig":"MEYCIQDVVtxcWhQfHDqfj/XxQgeHr/r12ESxveoDDdYbvUhe0wIhAJ4gh/33DNAYWuogrsDJFqua6w0em70UTssWCsCht6hD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnvqaCRA9TVsSAnZWagAAuA8P/jzrKasYBdfEecVjmDk8\nqbHml3jZyixLus2RNwYLs9kqpaOJmVIHo8NAIIO31V32YZewnHXuOi/PpPtA\nT6OQHz8YQ268VfPQPajPTF9vg6MqjRgi7O3PmSJFl5oQl3ghQmKoOZi+wA3g\nUYW6U//5XF6Txu7GhB+rAOW+bY5ZFDXxt4sVUYWL6A124lUbzefFMcXJKBR7\n89PiIjuYT+2x8Mxu9lGn1IGlyZZnMzB+2gzoGDCBe44xY+Z9Q2kx+Ue2AZda\nPT2IKYYuEmRDlbvodYT9udXk16n+3SavkezuBoJEmV/OnjJP0TTOeQdy8kZ3\nDNQT0RoT7L2SKcI+/CBm4IVMZWGbUNgacWd0FGWIzBvdY3xwNM/4wGNtMtjU\nzKVlJ8XKzZYbsrbExh/8BKkNgNIz9mb9vk3wqmN3JiRO/7DT7BnntP9HEOnO\n5W+i026qqzhXgMamVQpjPiWedah4U27ML3cN+Xt7+ztahS4gD2i0xr/nNmRW\n0ufdMOFwzjeq32tUbyfYFMIfzIZUMBWX/8WjoZ6mgDHBcJkf+/6zyvVKcwbD\n/jMXx/+YTtXDXKiqXwtrTlZKGmwj1CxM6/owKmkYDShENQKV1wMyPaB55Dwc\np1C2ZuJz5AVoRRHtciAZWFdEH5L5bcMTplkw8Y5EkhGpOflfIqLN6ikLypD0\nekWK\r\n=FB1I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"bffb15ccbde7ba9677f7d906ef636093b5094969","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.21"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.21_1570699929468_0.11567060811093288","host":"s3://npm-registry-packages"}},"3.0.0-beta.22":{"name":"@aofl/drawer","version":"3.0.0-beta.22","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.22","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"40bd02933e7f967ae80358bb1ab7e50741d09e11","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.22.tgz","fileCount":17,"integrity":"sha512-ZSl0CoqRQ9s7lpVI5KMf4N9pSJZQ86Lsp11qZDHP/DVWwXV2uB+X6CLwGXW7IyRj6uEWHkPKcoNAgZF0hNSyYA==","signatures":[{"sig":"MEUCIQD+c6tyMjHUoITLekgmHwf/wSBoGlYnkg6cGQlCvqcXUAIgdUeZT02UBVxxkK0SDJLK3CayhVV4nbsw4zZyZ0GZo+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoAfQCRA9TVsSAnZWagAA+IIP/2TYHMuX09Ufi5q2PNoU\nO6q5xpBQobfrbDGLlnXmeINiZUJ0Hg8f08WefnZRcpBGKpEefz8wwb+ZhLN7\nYzFO1HTcRhJx+Y4ZEQ20QTfqU63URJYUDIxrZg9QD0L86NYuZPiD6JLW2TA5\nuff1q3MeJVOl5p4paVtMLXvo3hg6ahdcQIDB1MBiDPu/CFgK7VikFd0Vv630\nwuHNk6gCF74AYxJrZ4mSkf4XXO3fIOWhy+WxLqe7e+9sT63oq9WgkB4q7nUy\nUlwmdPP8h8r0qWhmMERnByRsEB1AeedaCk5Z/oIjOO53O6ohxw4S38W3NjLN\nAh5XSSM/BduhRgxknZQ0TT40b6/rp64fp/TxaQMh0tKADw3MNmwR8OR/xMWL\nAQhRikRKWftf06VUnkoKqRxr+55RgNubfZXVeaPgzlX9B8KmR8uNNr/l+wHm\n6HDAcg9HBg7MOXZHcu85yhBT/ZNeVnj5cGSYRpCJtjfl4QKYYtBtHdJFfT/H\nk3vzg7JPND+TSj7Ffycz9203jBPzlUESjJmnnFsyWqaazgFDFUUYzrrW7GVE\n+RFQ+XlOp0RCsQHkS6/hbjWFBcIKjq+Gn05I7+MqYhdsEetDDDL4WnhtlQXe\nDY50k+xyM8O9Fchg5ZM7xYQC5mk4bl7UQSP3hw1C54D00EHsmJ7Rtngt6GxX\nQbOb\r\n=Bxqx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"6009b3c38f31f159b65265ddbc3653c0087909be","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.22"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.22_1570768847354_0.37636997733327937","host":"s3://npm-registry-packages"}},"3.0.0-beta.23":{"name":"@aofl/drawer","version":"3.0.0-beta.23","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.23","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"7558a920297890390db9e3044011560af4ea492e","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.23.tgz","fileCount":17,"integrity":"sha512-7k3YZNC8SMiZWWK29+Yrl9oXQcPV0kyEs3Xgd9sjquX7x43DP/FJjVUF/XnYfXS38HstcRN7JIHYJHO11iuGuQ==","signatures":[{"sig":"MEYCIQDM0XU8YWxBZAWShT2BXWbp5vImgXwHdp0nUh6CrUDOEgIhAKB/s8enl8dDFtkNLpCCvCX2hPIlLC9jiwA9dboIi2ab","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoBWvCRA9TVsSAnZWagAAqB8P/0lPW831QoSaX+n+N6JN\nGU/IePQf4AZYeY30XN6Eem2tGvFIorPMo8O25dSBfkxuNKQdUEYIwCr+m0xV\nsfb4paG2nRwM8xOeu6ZvHuV8bR8XfzIfQAfrAKDumVCzazwPQBnMSyOZMYjt\njUAOxN8zAyp5yPj5UcKG0fbRMzQCTuLifWaUPLyn37lTFg/1RUbKD2I7XBNO\ndfiyouSXgGD0kATwRE0bQfqyX74PPiQjImMBsdpEoha1v1flOp2w6IRMq9PS\nAtOhQp/leynBiSP6AmWMtX41nZjGgf+EPSPwfwZ/N/TNDw+YJgoKNhqnSRrx\nY/XKMKkZsMtyiGPLsGLrgwxIGrNyTW83H4kt7K4qw4xnyqw2jpwD4MMcrLcI\n4yyO+aXlJeSyAng87o7SpufnJsjtiwSNNZwT5G4GXUuStj/FbzOrmq49sN95\n0iFzeDE99wQKM4yJxAsdlWK/mVBd6datJmX1v9JXsDbzOH3soEx5uJVG0uzC\nfv40C2f7g2ENV5SY0tKCqx0qeW5QLztb3uMWajfG95UmC8cNN3PAvQbD6dEi\nGPQTwFz06qKGRxKG0u1KpenLbhj/N31k254GJ8xC8SKH/ul94uMOxxoKwtX8\nXZfeXD5u5A1jhYIiN63gGBtR+HeiJM/5Db3SRjHt0o0PN1/hkdRHf/GlHVWA\nl2uI\r\n=+4/g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"35327a525c0190a3c1ee36be061e25eeab73ed33","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.23","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.23"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.23_1570772392363_0.9434269258153771","host":"s3://npm-registry-packages"}},"3.0.0-beta.24":{"name":"@aofl/drawer","version":"3.0.0-beta.24","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.24","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c9737511bf4c5b20065389cfebee8c242b508f7f","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.24.tgz","fileCount":17,"integrity":"sha512-oxITP/L81QS8o/V7xEoPq6NOrztK4B4dbHa5S8b8n060LAP4gxIyK/fnSnpyod37tLbh/0lmrsqkE+XcTE4A7Q==","signatures":[{"sig":"MEUCIBVvaXjiK4a8wN6b1YO5oGvrpWvobUhS591XM8LrMx2nAiEA2AI411esc2d5RxLBdC4+0mm4vgLAi4KrXuUp0Y0CabE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoCKDCRA9TVsSAnZWagAASigP/2+EUbq/Nh9wHJiHkrUV\nQIwdOH9Dypimpo4Sk41HsyB1zCFdPxb9bFgoJJMZtLlPqu9UH6PWy0mI2I4j\nESDFuzZWsdMrMIZlJXv8+YJn+vIFmNTHWVmz6lDtWly+tTHd3nVD44t3LjhX\nUJ8/uHcZOA00wQxL/QUPHxmjbu8PUpG1lF1I5l40qKPn7Rk7q/6JsqMtKXJN\n/lnrYOMPOsm/vxJVKpU0VOOnKpYpZWzaQD21qV2VyREaaSPnbRFWvh7Tg2Fh\n/1igvYxxeKWAqczdaG2qieZ2vw5r5n0cn9H5VBfyBslIZuICecghwZGYPpbY\n4/uOCt2PyMQbB9+AVe0tUmbdl9pb6A1jgBI2imjtzjSocOSbHlLqh6oelgaV\nERTCNp8xVB4j+pF+dDXBTt6BXQ2HkIJNhbUeLn1KePylUovMnvczQUR0COj6\nC1pqZE++Q9aFMYj0wh6wIjfQeXDsJ7/GNvVOQsibrBFObD/RgcYdJKPBmnAD\nVxYx1VhSOENybwD7DzVLO5FjPGBQdTT/fkBwMdC2O6yFsQTQfOx5tHmmG2CK\nApO1dAxbeRKt2nsRUYLGIJyQPhm4IlozI7eMU/lmAwzQfoUA47SD3DMx9sU9\nkLLdYZ/0nZAEvhsOk+IOnCIs1rwmsIE5VVUKbZfBDdVNwLKwEqqreTCtO297\nAbb8\r\n=XfuU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"be81016959caf66748582258c92f8c73471a9f67","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.24","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.24"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.24_1570775682938_0.43728650616322295","host":"s3://npm-registry-packages"}},"3.0.0-beta.25":{"name":"@aofl/drawer","version":"3.0.0-beta.25","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.25","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"a6c645a05c4a0c71d717566d068d49d0db388c8d","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.25.tgz","fileCount":17,"integrity":"sha512-NFgG2nENmdJ1ObaIW5MRfGud8sdE2q1yIDLX99L/VmIsWELxsyphLFqzc/C/VGICFtWKZ1TeTQmOjNQvN02s9A==","signatures":[{"sig":"MEYCIQCaLK77qiiotyLcuVPJjHBu0+gdrt8dqU19IHZRFRufggIhAI834HlyQh9pT9TZYK7NWEIEUuPh3sBvDQayeG3D6nn3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDCWCRA9TVsSAnZWagAA73MP/1tOmkwCPs/xiJQllU/2\nVhmwcMfFwmITssqP4kuiDb2wFyt25vRChSNwsa3OQO9wo8RzPthAuMSeSEmO\nI4eKZHBVxruzMY6+zDWjgV5FBVXcq5ZI7KY+CAVWq8rdHnfvLmQ3qjwUG+go\nx/0yFpyNWo/y2y0MBCm1eDaCYfrWzsFHYN2TiH4xcv/sSYwQGms1mH/dffib\nCIMHjxLzw1dskib9vf7UELLqfprLPkNKXUVkNVPu2wR2BjXEJ/Svlnn4iEFK\nJJAFOZKXnlEOpZte4Lf2iDLzAPXxQtyejL5Ou1xI79hmIkeDa98CnMLi1mB7\nQ6ogYwMjz64EQIi3x7pqXqF12DP4IrQA5jJzXy3h+JQuppU/GxslORzqJrE5\n0POnvNuTDXyXLQBTnEqTbKQFTThIcTjvj/HQ1saWve9Mbz3sR7cNEBDm3k5/\n8TynJTALbykn431VMhMYsH+omjm9+l9jy6aIqyAHCI6E8i7mq2VNyJkhFuTk\no/q0Ry2W6/dDq6UNCYtHVZCdJ7fpI12KeohTXSZqMi2zi6LD5uVbF9CEhjf7\n6t0wOXD6AsgLb18OgAhmCqDAFcUJwKu4aF1fQzoev3mmuRLzaGdOZMSlCFHV\nY2hav8+GiZwN8wdhRFMdwZnipqsXDP/tlEEDzjDRo+TT0mK1SdZFcDQdWONk\nvHBZ\r\n=v7db\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"658a5f60a694ddcc2ddc62e8db80688cc6b71c68","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.25","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.25"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.25_1570779285919_0.8055805706728527","host":"s3://npm-registry-packages"}},"3.0.0-beta.26":{"name":"@aofl/drawer","version":"3.0.0-beta.26","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.26","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"53b153bd410c9a25238aacff55dd148a21bf8b2b","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.26.tgz","fileCount":17,"integrity":"sha512-hWEzhppwj81kQPdTvv+uf3sM6R4Rvxaj8PXH1LYRVryvmVllqJgur8xRH63yLfJX30/LE7cYHRwdlqdqBtL7kg==","signatures":[{"sig":"MEUCIQCYi02AQOZlWdvvucELu6FbwAa/WcMKiBjXCvS3NW8hPgIgGT7+Lrac7vuwWDRjouAyJoczysVd3a1aJxdFBgawhx8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDPyCRA9TVsSAnZWagAAsWcP/3cxvIcnWBAu2iuiQCv3\nyO8IRQYq63VniG9e0W581iON24hzZa/cuzBujzeMjpWraoYx7aeuK/OEQTGH\npdxEYmbjkko4VFTuBmRo8ZEWpXXzxK60vUosrF2SoHEYdGRuC7AdJGKMBZaH\nu8pWgxp2DdpTMJyTPUoZkX9HgsNEM+z8X4u2j/6KzOMaTG2ifZyyvxFNAyRl\nzYPhNW8v6M7UBNeGmlHX+3F0xZBmLKYgdIdUQRe4L8z5aaRjOegiAxHh03Tx\nL4/lHvogBcSETbMU4UHhiiCDh8Hl4hxpAOflThofnTA0fjaZcjh9nWEEfNVE\nq29otY62thoxuLuR/yrb8CpQllXWbl2bSXBLPQZYvKWPPjJBihIWwJN9hrcM\nXrXYf2fsErFKRb+0cRtCVp9694W/3dSZmBHaATKoM/EE9VFH2lEjjDHuEnuD\nPrCHNBqbK1zNnf+RhSxz8NgFF/fqC6sX2DpYTx0DLPrxJK7xvI3L6DqTjH3/\nB+YqHNl6IexkoG1gRccCVxMveYFjQSS2ut5dkABbgsjfJYGYI8HgugdSjP5u\nQyYlWa0tOCrF8vHCj4bG9TdnjUpnEaw8WyD9NtBwd+nhw3EhSjvuXrjxrHGH\njGjwypEzinW5MzowXx975qkqjv8EKDPwSLL+nxtqwBffEesillFeWc2106Cg\nxk3N\r\n=GxCF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"12fa62b6d27f95d1517f1ec4707c284b865a7081","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.26","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.26"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.26_1570780145724_0.17448802534155394","host":"s3://npm-registry-packages"}},"3.0.0-beta.27":{"name":"@aofl/drawer","version":"3.0.0-beta.27","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.27","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"803216844d4cc566a02874ab97c2b621080928fe","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.27.tgz","fileCount":17,"integrity":"sha512-0r9TzX8KlG7HXMnOyMUYpBghHruJaon2AXzbNCLzBzwmP6he+e+lUz797I2QexUplgnU1A2ExX4j3kKeedp+DQ==","signatures":[{"sig":"MEUCIQCPIvzg4HSdVo5ccwKViL7PgWjzZW/odg0adRty4jQXFAIgf+ZRwTgb7x8xTrfTcFqeCXEZsJnOqfxErtBGalUhfRA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDUXCRA9TVsSAnZWagAAD+MP/32kJv3aZvXngN0v1Cre\nmbFpn5LcQVS80F8llundkQJJkkrIEBCaUwMggiZ16x7iJNQ9c9ch1v8/wiEI\nNAr/mTS1jJXinVZZqwsu4aSr6wMsz8knKSaSh5bVExGgUNFzCVT1OIE3l7Nm\nOj3iR5kd8OfMexFHnE543ULNNOSjJ4AGCMoPaR5IHTYfKFHF6lLXygg6kbjS\nR6U/6a/c4iPKpvm6iO6IrRwa+aQ/0iFZaqEvY4aqqgoy7j1TA8wO7Rktqhtf\npdA64UX9zUiixgzqOw6TMDRTsXznA2Aacusy693r6gmq3LBO/robAuxF+3Qs\nh7h9urKEbCP88uDrO7FOqWS4bhyrwOZe7OD/2xrCIcXVPE8FB8m/dPuQWbIl\nHDruOsuBCf7LnREEHUltuUDuracGBGRk2AnvPYcUja2JNWk61bclyY8c8Khp\nl6iWxoF2lRfbMhhPCyfdJYmUIlMKDTvsX7TzEPIO7V02PLAqmCTOnPTa/rdN\nbMZoeUIDF791+sYpg0B8RN1jq4vYAXfYpVcd96uTJvalhzWKogeDz8nqsadj\n/IdYuqcHwBwSAvJtuxf8np+FB0eyhn3e2Zn4UO7QI+fxrp+AMBcfU38tEG4W\nG3cuK3yjEvqN5Z0r4Za7JC0hlCHHFGE7wkjjLii7Adm3gNaDwTGQBOjP7aZk\nCvIk\r\n=F82T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"de2f0be87aaadfa43212214d4f491d68930b2495","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.27","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.27"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.27_1570780439207_0.8261545843948288","host":"s3://npm-registry-packages"}},"3.0.0-beta.28":{"name":"@aofl/drawer","version":"3.0.0-beta.28","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.28","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"0de37eeee2f034a4985e03b45e206739c9321a96","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.28.tgz","fileCount":17,"integrity":"sha512-Vr/aaVCONl5vaC51Jbm+EEoQRjtzv7Ff3/MjES60/hSxplTGOcpDIFfCOap2sOwmSxnyJVZs21TUqahcPY61KA==","signatures":[{"sig":"MEQCIA/KIm3j1wd7HWeEu5TiAk3dUYQCifj//cAgHRJ8yHbxAiBiY9nkc4PV98yRqvoFEWRb/oHR7ZlMX0PMEfkRNaWWVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDa9CRA9TVsSAnZWagAA9NcQAJ3Hj4F+fS2ZQqrFUm+a\neVt1s9y+Aw6fJiUq2irQWGvHnlUzvTOxlnzCW7UFK4uzVTvCtPzMYK9KAlBC\nD0ix04XmjGWoRNnBPOQ4C1pJxgaO4Bqhi/qiiS5QSvTVO/VLAO2anCM/5wnb\nRA4Mtfbi4gF8+OS8Ofo8s/mhB2Lk4Ib+CB2hyA1XCEG1ONKmWXTA+VDV/LqP\nQGlovduJhgfX136JXA5Ib3ZusX31YpcuLIN+Ky4UlRg4Wtud14qFRSOhwn8g\nJnH1BoS3/y8+XhNweIjI0W5ZX6xfiBpa6cJPur2ofbZP/rFS8yStZgEZZcXV\n0GBMs1NfaVgGahvuGUbslHh7aE/OdAVAScpqvaVtNsyD+hlhvrt+UOElHGJH\ncJRqKg4JJj9KwEJuyqmfsJ2q1yy0EQSfYWQCfVCXsj5NdPI00yYB2HDPlRvC\nT3Pf3hxM3SdRCIJT+Pcvcs8FDFC6wq4ypgb7OQANFz8n98hcd8y+bXenuGhq\niuaNrLGjfeMZ1xZq2uQhfmtjs1Keluwqai+kquEwR0K61ryfMGGNByxyu4aJ\n/UmXP2LMotgD8DUv+tmpGIpkuH6hx/EKNkzQLkYZgU2tVaxcu0OI9bAqmfb+\nwxqBue/L5lpXu3jZGbE/jjUOvOTm5SCilF3GXZwQy3AN698yolMVKmisfU99\nlU1M\r\n=WHYi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"dbd14b0bd931ea76999d514d051dcd0a3ef6a8c0","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.28","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.28"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.28_1570780861119_0.12109996843850923","host":"s3://npm-registry-packages"}},"3.0.0-beta.30":{"name":"@aofl/drawer","version":"3.0.0-beta.30","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.30","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"bedb6b1a9a7527961d2e78cad58422f4db6d194d","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.30.tgz","fileCount":17,"integrity":"sha512-vXDc2Gct9WQSOUJV3oqG7q9/hOs4jOnQZamRrX9ugj59i8byPWKz1BLQvnBTiYqgD4j70fiuM5FR3V864rh3Wg==","signatures":[{"sig":"MEQCIBEKoZiIFHZXAc2o4mnwLGFPj5IkpGy5yaAiougOcvCtAiADPc4/wbzWyj4PU5DRanKrfUMUguLGyQCxsPNIxqoIZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoQkiCRA9TVsSAnZWagAAOvEP/jrb/yDH23elkcU/8Ouk\nzsRpJ3hI90cUqp+S28QILe9NQXh6J/pjBcVsEpkmR7qDfxjukZ4FrDWjuVuW\nAKD+ZSeadALzVRRqL2djQJitGpyd7oOQmwx3cOyUYtLAiaaXOeJJskw94Ftx\noFUcjG9LmR+/OyLqNey77Sj09ZqqKzeWvudq7EIh50/6fG7W+rpHqvOg3xqc\nenBkB+Olz7dv2I4OP8SOM0FZ7WcRzh8ChnW0yItCheFk5q2ArHVENHwD6B2E\nYe0CjFVT3Ir5jlDdarXuLBxnnM1fR3rH2C9B2DiT31q/GvoD63yxVl4yP1DC\nl9TK3m33hHgBftxF2H3pNkbPaxQZd0AoLrz7KLEuyhQmX5jheINNT1vps6Ux\nSN7dUy3TjiMaNwgKLeghV1K4a3TQ3dfUdpacFXJrBSVtqUCKozQNEDTCe1vr\n54VhYUSFbI1NIoEvKZEb6FcyeFHzyklcgzQQbtPTqOi2YZL/v9XVj1Tqce6r\nv+WihZayk0JlVF4PqXc4+BsBHJDuEkDnD1y2mR1e/+Zn2dnmSs9L98QKyw2D\nEydUZScvZaMS/Rz+q5aCTu/TSDU6Y8iZjGRFUD9kC1zJYEf62ycn5Uw6CTIY\n42pouiCmv+c36QTITf4xvO5pWanuvtDBQgZOTgERWZKVKeZUjJM5bbrP1yhp\nzpA5\r\n=ymdH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"7bb6b9b6e2c1d77cf7e65680aeb6a4c60e0300f4","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.30","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.30"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.30_1570834722174_0.7095189136940436","host":"s3://npm-registry-packages"}},"3.0.0-beta.31":{"name":"@aofl/drawer","version":"3.0.0-beta.31","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.31","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"54295eb210c19b5901a740ca1c465387fa2fa2aa","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.31.tgz","fileCount":17,"integrity":"sha512-oKaylr5sNhb9YwR8hk6CXmqTU7w1Q1oICHaFEPrS7GyI5KugUsbS+JVPd7s0ssnazeTJ9xd5JUSMGIQSzKEvbA==","signatures":[{"sig":"MEUCIQDV+Lj2pL4Zz7xN/lh4iMyvoNslDDmDsfv8n+Ug4mdluQIgJDRUn96F96n89Syjgr2x0oE6wpkOEhE4+bQnZkhUhyM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoQx5CRA9TVsSAnZWagAA/RYP/3bCiQqjIBlk6VrF1Blh\ntFvchup4Dq3LnMYU+wiIFtEEJcxf+j15prSo+0DN+avLBo3hX9hjohiVGyFq\nps6y8yaan3n0OyRBEt0c2+FEHHwXYDK5uu/za/q5Z+S1wYEnub7dtk6Ay6t+\nbRDg6YdtsQu8X+x4ZjdTbF74ImkowMYJbHGUo7+B95h4V2OT9ELCgqKP9nBZ\n/Ys0LnajdtBHGSjeZSiWrOL2NcmcztjbEf4jjbbWCSDX2jwBH7h8m/jZ2I3a\nfHjNQqs3kub8OtizvJo4liPvjcM+tu2ZJK2igsAHNmGFQN9h0/1YL561leqT\nwjKr+b1YBNkHHLgIviQZy3W0WNCE1aBTZ6D+btkHCMESeM7z7XQnc2vNg6Uv\nvIERpvTxWDhUKTbi2cUPykN4c1+nrRiVWpQ7TNrVQ0qojkIUW4IZgXDjNNh3\nvHrAirWJhu9TJD23fvO3D6L2cxIaaBXcO7NB5Vb8S03yEYVfI4Pw6xa9wHaH\nS3I0WH4ZYr/qFQk1CUKzVZXNz3fqeDjovnQElFiCPBBM0s72ZJzzBbbmu5ju\nPMty4VKkZ1fu4HbQWs+BL9f7kQ+MxAhvnAun9nY/fvJ2jCeZIdMYUOgLMAb1\n19s5fN54o1Tc6ZwqMPSXShWh70AA/KthmyImcvihLUmk1RW7MmApL4SFDv59\nHdVT\r\n=EhJM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"9210399f4527d13336cca428a2c6b4ec87434076","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.30","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.31"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.31_1570835576558_0.3778593993705963","host":"s3://npm-registry-packages"}},"3.0.0-beta.32":{"name":"@aofl/drawer","version":"3.0.0-beta.32","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.32","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c2ef4b7052e510c612d48378a6df871828bcb075","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.32.tgz","fileCount":17,"integrity":"sha512-E9v3j54PaP63SVcYKsUegSAX+3z9CclRz++V/xaVWSkhZeIiYsmJEfPsKXvPW0aq05deTg2TcmXt+atNBBq6qg==","signatures":[{"sig":"MEYCIQCg2A3X4ndsOuPZuh1TGTrWWdKXpWEjz6UVgQjLYQluCgIhAPNAySkYB/MPrw7mHOaS+70YzJ5n3r2+29kbGLwYVP2F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37541,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo8msCRA9TVsSAnZWagAA6TAP/j/V77pDgamkcznJoKZB\n2CFdWh3qXCe2kdoQJDyhZIQ7lFdoeh0EoIqVfw/KyNOk6ezXhUnfU56enmKk\nw6ORWrontEwiHgJhzwuwXNI9AmPCwgUraNbjYSXMoXdalyHamVYDLvNopgbY\njwYbrTEIth+2LFWDUSIVgFaZsLaNGGVLbe/hsNw6HSd2I3IfrHY1Ki0KDkyF\nX8qRqzIQ6cGI/dPlEZrYLv4r4MY4siN6DHeX4aadbYE4HQF3KsGV9VbVmk3Q\noBwHUokgQuVg+IHGC2yQhKBzNlm5vAf6+8TxfUSI7i59HB380Ov+Zpn6mi27\nkc3mGZU2ZfyZ+l3KnNtZokYpRQtBpOZN2d6NQIvTKTAJVD68/EBDhL1Piyyl\nQgk+0paj7UKurC3taShk6bER3sHkTkvlGqzI6FZ/BRZASjuIAN0imvCw0TKA\nWyM1DebUVcYVou5iMFc7m592s8Enl/Vl3bVjvc7DjMvctw5sAyfLd4ncmg1s\nHUPjpi845bCxOdD+XLVloC/nSbh7igpKVv7knv8R0CJxkScXVK8LbtOkNa/y\nWcS6XRUHrd+uLi6cy+i3OJntzCFJ6Xcd0q1Z0dE1q+j5FGJ7wdRmmfktb9tb\nHqLsIgE3chxKR05izSZutjfwQYUM91OoDhz7rNz5eN5SjYQmpRakmz5rtFw8\ndwPg\r\n=zipL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.11.3","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.32","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.32"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.32_1571015083430_0.3442742395269194","host":"s3://npm-registry-packages"}},"3.0.0-beta.33":{"name":"@aofl/drawer","version":"3.0.0-beta.33","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.33","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f61c731556836f79f2836aed3d9b75de8a751d09","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.33.tgz","fileCount":18,"integrity":"sha512-Yh+a03i5eIzAnQeWzPu2S/Ata54W47JrNOXI6kdyxZDcV8pGJjeFZI+EGuk5LFF7gm3farc83pwfppKWtpwFpg==","signatures":[{"sig":"MEUCIHTqKagPHrv9dVXtY95+MI1mFTaAjGaPw+b7Y8Cyq31hAiEAlsChO3mo/3Covzzv8rlt1qvfb3hNlW7TS/YujvqonIM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo9dKCRA9TVsSAnZWagAAZMsP/319fcoYj0x6tGrC3tgC\n1gID/Rif7m3PhimZ19M5Iu44lCdDfWjhdlePk1mSpZkJZItC1ho4OuvMlYwb\nH33qiJzQEJtEJY4aWe9POoEL7zxw7WxQXxqFjiu2PW51NC6d5OLIAeIjwYP3\nLEddwG/LZOTtZg065ydLuLb9tWvHrtwMbbx498aPuL12jo4O/kedRKoAwcN6\n3qdLFnLqqnafyAlc98i3tzAvFoudRRTYauIXH784iwTiUe69t05FseWgaWgI\nIrMOObvwx3QIErw+mRC47+ydP1sMkNY6wX9PaZYytCGWv6G1VSOYUgeV8vXS\nHIw+ce7twFvQzdTb9Cao0qohKB7+l5dJvS/EvVYaiqW+SGCfvqjAajBe9mZb\nNnak0sIThcXUa4WmIQ9yxGTRtIu4V/aySOSlTAqpthDE5ORTQL4U4uRxGr77\nNLOYkb80cRx4In4JffgyMXYRJS7SUbANsVGIRVGeND9N3ypPFiAJiFtcvFmH\nahnSuSdciat+Mk5VyvLs/CRFIro7SZ4cfgDxViuKoZe7lfmjgFw+o3Jttmbr\nYlOPDadVCgYZikSW1klt7wofayKIWcLlUeF2d2Lerrin9plrBWCj6jTZMdTW\nuQXR62IsFYt9QXiRDpz4eNhrpLQLg2nBcuKkbQvuy7z2+V7G0zQxzKQ9tPag\nF01K\r\n=rDZN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"5f71eb18e06fc34494b1887635cfae83ce63d205","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.32","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.32"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.33_1571018569909_0.8251384426504595","host":"s3://npm-registry-packages"}},"3.0.0-beta.34":{"name":"@aofl/drawer","version":"3.0.0-beta.34","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.34","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"0a5cccf21bb54b361c1c2c5cf3107c0292a851d2","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.34.tgz","fileCount":18,"integrity":"sha512-64P6QChKxdzzSeZKjvlQmHS0obfypAhl1WVBbfvQ2yUyIoGR1SmFBbPs5GiZzwreXgHUikfMdw/grSlYT+TWJA==","signatures":[{"sig":"MEUCIBh4nx4gmmx/3+fbxOWLwZ7gM35HD+jUtb/gleSrQgDQAiEAk8k7V6pA1Flhe9A4adwvWTamexqGz3Hsp6Rde2GN/lk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpCWgCRA9TVsSAnZWagAAJWgP/0Zc/Vo3Pi7dNot/Q7Kw\n47fCLoC81bSuN1jFaa3vMpNJfEsFxNjMmDYEHFlL1rJFM3yDrDiC9NFPsU+8\nnUaeLEcWsCGBbjcfK8BdDIU+Cnr2KXKDaCZzF+ZC5O2ejk+XfHK5N/oejeIt\nVpauc9ELT5yvmNDQVOgjlTiSYIHtX7S/ODcjbDctjJkygaWC7JTlunIGy9Yl\nFgdvX8uNfbDDLBKRW1iVvmY1MZ7eZnwZG5hjlJ74zzM3/0Ak20g4T2qxPNhQ\nHH0slfb8a07LIdc6P8iaz0C2qhmbLPdNTEqg8eQUA1l/bb41QWP8XegLEg0m\nJl11GrdT50PnoaGtSDa9hQV/tX+fNf7g+BUmq2BCdx7XOPY9fF3Y0xZWtCnB\nsfR2k63ADd1NyNhYWpAYtqMeUA4hp5GSF85ECHduHvG2dxcFuOayVSNfOfnS\ngn/rd/t2Q3KtVTvNzYeubhgw8thNHatgIACQGNKQu0ma0gW3yk8KxLTy8ugj\ny4QKO5QGqFwyT9HFiMiKpagmAH5Wvi1sa8NvIy+YK0kPT214VAoT0qIS4pUa\nzbtednFjmSyOCPcDpSgYOYXgTVPuNwhqmI5RA35YOk4P6CISsnT82XJgJPaG\nP/jaZ0I3JHD1sfILySlhhqwxsA07C+xAgPkEec31RaM+hPVXRBdb4/fS0Tp/\nrgdO\r\n=EU1C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"4cb990815f59483bc2ba6051e55cb593245567e2","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.32","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.34"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.34_1571038623974_0.6836630695733381","host":"s3://npm-registry-packages"}},"3.0.0-beta.35":{"name":"@aofl/drawer","version":"3.0.0-beta.35","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.35","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"a81161393dee3f3ebbbfd75d9d064a1bd9b3a98b","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.35.tgz","fileCount":18,"integrity":"sha512-589F+qIYhDemn9+tzROmtAFOEdHvbrFMV4YCVVQVRHZzcnJ/ZzA1D8qk8V/Z/ARsdyZmMUUsrYfmJRt26quozw==","signatures":[{"sig":"MEYCIQDMHj7ylOAkOrnFFXctxV/6a1F76mM3pANhE139xLCc2wIhANXBvqePXL4+4DQ9DNLWAtdFnQ3hls1pgb5VJGNJ6Ozp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqWLACRA9TVsSAnZWagAAaUwP/0gMDynXH3uHJrX4EM0A\nWyHNRPs+4Qq6Ki4goiDAA98N+Gx4d3zso/Jlhkr8D2ga2/+5i2f176TzQzId\nvzSiZu6+kUtv0Ssw2JVJobHMGjXs8O/75Wxqwhf+1kNjfgvYQ1oYOCraBbVG\nEoUoSvbbsiQBwIp/XM4Auoi5LkzHyIus7Ec/1ShfzZlUNEkMu93PA686qp7Z\n3rXRzu1tTgX7MDyOSm57HT4N7jW63KTxyfofnDAeVZf/HSH+4YnLsM9VfsU3\nZ+beTFRTyUL9zxU59xpgbOdkqEeMTdp8j/viywjbIgYQD8+gT97EZ3gAAXft\nYGQbmuCuMY4I6Cgqtu9lSMmA833VoUbcsRzSzHaH0HhJmxQhqNyL/xhBht7U\n8lJy2M7jBvC1Jq+om6sktnw/48AAVaxDiiDBiSgO0QFTB88cxk0Qm33bmQ2c\njeQ2Mf+MPmpGL80LljjDBIFICGhAQO46ZKsGSopALH3rlFyTISArZ5uNU0+q\n0SD0uAG8/DGJn8ooVuK4G7nwxBaBZomaGHGP5rkP29FoD1jrbrvCJDUWRZc3\n1kgiOszDzorozDVr27T0YyX3mvF24rPWo7lPv+1XAJsVkcaoTTnwlQpODIwB\n0f11CWe9rVal4ukXuJ9mFMBfm8R6O8SJ3mEbfIqzKK0aDspw1HjdgZNKuh4M\nWpQC\r\n=+3Lg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"6506e91bedeb6cd9a30c22f437603e14e02a3ca3","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.1/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.35","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.35"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.35_1571381951579_0.30169922464097665","host":"s3://npm-registry-packages"}},"3.0.0-beta.36":{"name":"@aofl/drawer","version":"3.0.0-beta.36","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.36","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e480d9f8a6b6ee9fdb05798c69ebe8b8305a12db","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.36.tgz","fileCount":18,"integrity":"sha512-+rPUsxRi7GwFCR+A0WRB48sEuLhkGY+pcoogMig69TMrCCxD/Y1LrEP/1qIfPBG9/V/0Y6QpmGAJPJIkYvFb7Q==","signatures":[{"sig":"MEQCIG48ElSqQ7+425u7dHkmMi4WIjkVq0VIbQTfpJd43kCbAiAtBO8D/9Pr74V3b15xYmSYq7wwYmnT7mGJavihhcMzGA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqulgCRA9TVsSAnZWagAAF3UP/jZIa0X0DhNHWdkFWdh4\nr6Zaj3xq//OwVZvZ3vVUCaRNOe4uOXOBoJTBXq76g5p4nkT9rBy3AGS4/LYw\nXhrE6uctP6cFY28F/cIBXSLSXaX6GRrWGgRCsRt1unBpj/wD/Z8+1DxLm2Lv\nShJuckg/q3asEAAL0ENPsybIL6L5GqZ6YieYvol87jMyfYxrzMALeWfvezh9\nlTNghO0Xoa2aMjWwLCR7akM3BsGBQWJixRggNpjOT8fi6Vqsj6kY8tF7g1xy\nEQ/FZTH9RQIO0XJgk2+5lwLgEw1oaQpf37IFo1d0/Nn/39METFrhz3a6iwMJ\nrafOt3qKoJNHmw5iIqAmfj6Q1JLvb+AbXmBif+m0uZXtb3MEu7OcMwFdBRDi\nd4TJDZ57gk1KxnnRZAflLiG7TujeE11sN2Jn6KQlChOfMF9fQVoNdTcwwnap\n3cqGyEtZLIbS3+n5T4v4SMb8d+ljBgg8u2HRVGnCRZp7BzM/FdanCuMzXGsD\n5ozmdvUTPcfS4LD2R/DGaEyIwaltHIH0QprVGqt1a7dCkxQyyzZMxtskqoj4\nB7ovcp030+lEGdrmtFnlib3ZFAXjvpmgMNiu2/oNJ0DsrgQDpfFM1GfsuZ54\np2SLf0h9yIZTZYtcD5TxI7VHP40hRNexGA1aqBoQRsirFLlDpsFW5PrYS+06\ng4KK\r\n=Hrpn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"9eae9fc87437b61f0019ffedccbc3df7c8e02a78","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.1/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.36","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.36"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.36_1571481951302_0.4014313922194781","host":"s3://npm-registry-packages"}},"3.0.0-beta.37":{"name":"@aofl/drawer","version":"3.0.0-beta.37","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.37","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f20060cd35f1ff604d0ef5e219311fe8256d6109","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.37.tgz","fileCount":18,"integrity":"sha512-LAGNJDL2Ih+Tk8FIVTNKp9f6npi77vwuR8juERC2nrCZ9ctw7gYYSXUBGo4W0m40t++RLIlp9mdDSebxkiShPA==","signatures":[{"sig":"MEYCIQCq5FMMTmlWF1S3JWSjV3bEtHOv38LimMIj8gqJMcUv1gIhAI35ZlsISg3ELQgQRhfGxkX7Qwbzeyacq+AahATfy99N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsT+6CRA9TVsSAnZWagAAegQP/jKF2ITBLn5zEHuePxF5\nDDf3ONCjOw0dNC1myBJv7Mh387qWh2vdsYGc98kPAKnFCd9mOl18mNAtq8qB\nmIcZ4zKtbUgs2DpjcRgYq0XcQnRdtyiQfBibidl2m+jefnSwKBI/vwierQLW\n9SuSvfiKCqsm5QFOXkgYpweIkN23C2EJ8XrbADKyJwMrYrFblCDj4MdxGuaz\nG+uflQipXh/N5S8r2rBzQNHj4NCxok6CdGUkhzEPcglfY+3Fpl1kxQvCsfXr\nFRdtigYQ3x1PcJjw5DJIu6gpYrwiHoYqkv/L/B6ufdJz7q3Zj+fpXOuUr1gb\nb8phBzniMIzbDeqU+jHUTgQqCbEBVrMnFRuMuvBJVbbJlmYdgFkqgtaKQdDA\nvnJXzmnW0+ES4CWLjtDLAh7feo5GEdSMRMyuyyjeBIN6eTgUNqiy64kgJ+aA\nS9VvhhSrxBTaCQTLcF2NVqh9s22ftqNt3DcisJWAdes2ka6l5O8A5v6eULGp\nEf5M2DMjYe51Bwh6iSWx8mVCQEFlCCkeZzNsg4QhAQOcSBuDr7wFMfgsWGHu\nB7j0sdYFGEAJu90A6sNQ3QKbcoXpO/pW/zxQ5U76pOWwYG3FdUbRxtMvs46P\nvA8n8eOQaFlvTziPgqmZLwuO49FUFXFSa/gXCU+a5XmrJgr4iHp83EXRdb3D\nrZMG\r\n=A/Md\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"90abdfa3f72b91bd0c98e09afbd59c21621fe846","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.37","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.37"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.37_1571897274153_0.5908651603942179","host":"s3://npm-registry-packages"}},"3.0.0-beta.38":{"name":"@aofl/drawer","version":"3.0.0-beta.38","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.38","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"aba03da0c053b61305750754b38e456c23b17c3e","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.38.tgz","fileCount":18,"integrity":"sha512-bnOZTwPw6gG9rjKyUEqP5Ebup20gf4jbXUl5CmrDtxSEGSAc8uDtnCN06+DyLGbiRSBaxU78H9n43pspwO9z/Q==","signatures":[{"sig":"MEUCIQCFaHtymgBkabWpPzJQokLTZ6lVvbTOxwfzZXlmAd6vNgIgarK/2mN0KbfAegjG6dj2boirDq7KpFGCvG4kK5AcobM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduhQqCRA9TVsSAnZWagAAy2cP/13GWXSXKOaZ/IlNCpEt\n2RxXRb1l6qZyj/ZuADQmNO3E6tUUzIxaXIoY+a9+s47ww8DF5xUL0JoHelW6\n5EjcGF4BCnWK6qz6jW5xGiifsxb9vFkkUhrsd0g5Sh5aubWsEeOQ8DNzSTlf\nG29Dg8HX78rhBs463o0xtBDZLh3C4eNWwQdyzG55HXnTHodgnC6YBeEAzLtp\niPyqvPEFRxyeVWhLbMJyBb6E0mZ86P3Q7OQBwHeimXSvG7InfvQ7cZmyTfy6\ntTPxb5e2L54DLywgNE+UYAVy0WtwbBYb9GZysgBakOYNrKw2CsE9m2Cd7CrZ\n4PVI/cpGW/irr3ciK9dE+QlPZhGQAAlRdx3Fbh++BhuWHx+T2JDW7JG/pce9\nJ4V4O/BwbkRfQGGSRK/XNjqmjeHMGQCByvOh+3bdnlWUmqbz0sVa+huM1GML\nbOuRiypjXXuJm8tL3u8NWcgFVgh9EWGVxpN95N57HMgfpWa1W3WWBlgx1K9T\nezcUxOam/+g5GbwThdF99UDDiXqCml8AdQkyMADI27GEyb/0tFu+oCEj/0Sw\nm2FoPhSwlfkU+QtyELrzlJo3n2j0X3UPREpc1kHkbYhkRl10uVG3Kx5V2lL5\n4KqyDOdjVSnTcJzhM/YMkeSxpPqyUchOfirfDSsbP6ir4hNBR/dMd5gj5IXW\nD5Pc\r\n=J76E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"9fff03a99453d439b551d48a69e5d642b9957854","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.38","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.38"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.38_1572475945962_0.2663959428585534","host":"s3://npm-registry-packages"}},"3.0.0-beta.39":{"name":"@aofl/drawer","version":"3.0.0-beta.39","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.39","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"4d079caa0690b56470494535f2fd222119abfff4","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.39.tgz","fileCount":18,"integrity":"sha512-rJn34UcDKnCZJeSdzpyqCYWjKdR4Ir/QJ7fK0zQ0+FiiQIIZTd1/yfv1YKkEez2679tRpfykZySwFSfQVwd3LA==","signatures":[{"sig":"MEYCIQChu1W4AkQzFyz/iz5MJZiXXBaNKYpLGJ+mDFLfuvkaDAIhAPpHkF+VfF2CvrRdpHtAS+GxiAMccx/tqEAbGRMXiwxm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdujP0CRA9TVsSAnZWagAANDEP/1sWoBm0803TJ5myWGDI\nGozubYQDOJDsbAV/vdQCDOjUE5qd6d79blqPyVMgcwA0WIpUYTSUB/7En5qg\nccDZB7pfxC3xLbQKQZx1BJseaB4QTD7bKFfOjkpI5DhbKrBhe3YC7d/k8xns\nZj9GPSlbSWIweWJCcHRy85jJxkc7+fd8pBQRCi9K6QTdLuVRelxX9lJOULii\njgbuXCW61FayLQiKtqbUe614Akg92wlhhVlxEs3hMsx8il0vPXZrBOWRPcUR\n76qw9Hn94KecYiMRYuZJcaMbUqaNiIbaFIMp0zJh4/RWUAryph0li3+U4AVW\naFTZiamU2KWQWltrMDmSFPrDLpiTgJdOfttEUS1cWOLFW6Lct8xKeTTZiosg\nJryKoE0SbWoXjDnjRWQCMMA47Vp7afepSXLiRfHi5EJiulRDJfdT6CCJtQWX\nBjy408Vap9BVbXvFuhSHKL1C9CoEh+cMjwIcM2rgECx53ffAf0LIs50HGV3h\njrpkHNGXeGBUMKzXFADa0cfpfpAmyXOk+xfo6gXMvE+Mv0/aRdUsQWO3jaAZ\n/150RiXWv/3iAlITxgLE9yFkzwVCT216KeHQVCQRiVEXn93jz+bBRW4j/0mC\ni7//ds29yDW8VGa1mf4JlWB5IeCWl4NcL0gCKvQaiw0ZPo3bpWVwSjwtmrBh\nWd36\r\n=HZK8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"34d49dff4ba970447c184bbe8809a533b1146a27","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.38","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.39"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.39_1572484083530_0.3822151053900711","host":"s3://npm-registry-packages"}},"3.0.0-beta.40":{"name":"@aofl/drawer","version":"3.0.0-beta.40","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.40","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"17756bdf1785e1771bf49f64f52297319713cba4","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.40.tgz","fileCount":18,"integrity":"sha512-/bp2kRiPvUDFNxf7eqGStyje+SktrqNUHL/ilPe0uQ1p4JMvqWrQiTOY3ba8U84zJeGOMkVOcF/24F+mr0NcOQ==","signatures":[{"sig":"MEQCIBqAtAMwtLxc1wTme+QDro5qB9bwffzILmI8qnvNgv1xAiBJuYzQ4BVcZY/x1EsROXQch3jWnZQBo3ptiJYy0YX2Xw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyeEzCRA9TVsSAnZWagAA/VEP/0F/DHfRu/DDc/QB5pVe\nhUKUqt+Qx374DwEP4JAv4rZUakTYw67CDDY0eSdY7Dwv+qIeEKxvVMKLVbOI\n70K81SUy9KfXKaJtyFJVs3OHRhC580TEwHDI0L7r81YlQdnt1HbNDnKkj/Gp\nYVu0SN9INPUC0YUoCTAkM85I9JV6uWARKqWApXX2AllxluKO1EtWANFi4coj\nits8sYXnUepetMzN8ektMoWuI1bAZFiYiBjb0d5yUHc+kqn92jSmhh1W5EB2\n5t3zGzKx7MwKIdV1fRKNDEE+8xiwoLAPi1vXkfKkQAkpuBIbT8xdR7P9j2Zn\np3xpJmVaf80cwNOXKOADZc74e7IIAuabxoSWbfryECRfVtE6q6ssj0I4vm+O\nUFw3g28apz2UAquD9jOwek281m72hfilrz7PhFdUJ+0vjmGqLR3tzDrF4465\neWqwimlgrTL6OaxsVnH90XxXZvvpDqkBdkFGjtSRzKGZ6EneaAki2k71TjMQ\ni4aiCd9FhwYw/s9HOcT4n8YLcYPh07gSwGHDD/gSrdtStj2lJk0BcOHuwlXy\n2RbrDGd/xC6qtlFJN/dj0dQU1wLXBETM6PNeHIFuCWfn1neE83ghHqTWyZd6\ndvxeuZzO0Ow1Tv38sMS1v3lB4RCAzmQYKeTHYYJ29eH0Btk0RffFSe7Wn9IF\nDuQk\r\n=k9Xy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"0bfdc05f0d4406219d0b432a55fe53ab1726f4c0","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.3/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.40","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.40"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.40_1573511475595_0.010030802940492967","host":"s3://npm-registry-packages"}},"3.0.0-beta.41":{"name":"@aofl/drawer","version":"3.0.0-beta.41","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.41","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"68a1f459819ef7ad2a8e959ba568c03b21760e91","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.41.tgz","fileCount":18,"integrity":"sha512-+kdmh3Kn/twggnPRzVxQwBmFXnKhBIp9i8UBmqhBaGUxu5aWh68dhkthCE46YQwvHKYB6bUK9ss4kIGXQxEIzA==","signatures":[{"sig":"MEQCIG8dcMTjGwrd0A6S0EIruAvy1Sd2MLGpr+qoG7XBYYDaAiA3vRJe5N6UALcgfyImYLzyrRLmp9lhktAyHDnaFHvB+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyjtICRA9TVsSAnZWagAAkzMP/i7RQNXkvL7OW7BrzVaQ\nlD2fy/gflA86vYTz0ycYTuGJozrPzx8tMSALdSjwn2Kmajni96I4Rx8dIaDg\n1WZtqGbxUbU/UwvEx5+PQ2qhSokdpLGiQjtuUFJp4M8fWgc/EIckGtPRB5cK\nUaNLAU4JwNkAf/apLGinJoBiNyKE6mieSlKVaM6XexkeC7NNqzImRGbIyfus\n5nQPlDTUv6/9eLs6ZSMO5LkpxE6nKh4mKWTQUEU54Gj0fgDWLVQiVmjiwjVZ\n1j7TY26DylFRSEc7hXaxjh3Mn8ylZmSjQ7JjgGFxqWhWuYwrB0yBxQYZZT9o\nUShgs8ajRKk17Bp1B3HqOPiZOeRAON3OpQRhd4iy5pY0pMA6tRiw7PsDe5Kv\n7DPTSfzn0xDc74V54WGtAvcaoR/3woOuUaz7ruEk6FLKdpWtMFhFlArXazQ3\n/t3alyJWH4oIadATHxkOZiWmIpFYuGrtY97tI8xySqkLr9bdAFeJjISFRDZ3\nFBNY5q3lurqfTY4olAKrsK7X4pUQauYxJrmgxg7WxqbGwSi00Ev1sGBsNWjK\nGSaLZ6B9Kg0jb8TV1SaPFnmAOkc6BsQL9xiB+vOzg10DQzNsot5pOKs8mziH\nLjEs7gUTXeqVqMFgYSUID6R3rk0AeuDCiI3RvurdiHASsTKKyhvRbrftMQCy\n+e6G\r\n=VY7C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"212bc663acbda22a9679fadb2aa64484e35dc068","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.41","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.41"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.41_1573534536218_0.7176471767576382","host":"s3://npm-registry-packages"}},"3.0.0-beta.42":{"name":"@aofl/drawer","version":"3.0.0-beta.42","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.42","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"43346d6ed69f7abafc20b8b1036045a817c716b6","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.42.tgz","fileCount":18,"integrity":"sha512-fOx0TrOoLdMbtQfGd+6kuLF4kQcePWENuno5j7tFBs6DQ5ZzCJJoLYpGgHElRiAMGCh59Nqjkr4+MEzbYta/pQ==","signatures":[{"sig":"MEQCIAtY6MT3ouiXs3VIlPdkI5cKUfJH4ujJPa1Ty0g3xzAHAiBYAAn6BN3vyg5t9M9fvyyFJcxQSSExQvR1TqnKojow6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdykjoCRA9TVsSAnZWagAAKNMP/R8VmvdHMthtAqX2sfNZ\nEpff79mJyE6S5zba6iZ652OOdjLfm1KVb+9he82X3mBXF5sUkUMEgGC5F3u+\n5l91chScFXOLKjx0jImL1jQ86TLDHiO+SLLfp7ktmvtOdOxbAHp/oG/tPBMm\nQLbMziDkR/Np3ajaugoXgzN9JVaB5tMqqrIxv4NRpG5LgnnXBK4iKgvlCo39\noPnDJr/pTQt8bJ6ieRoHBlxsTUmuRCixRfnQvh2zbdwXieHMY2jQ9v5Bdi7D\ne2vpRMb4ZYyghXQ71xq/vdbRrbAokE/vW9tx+8VEu1pMUh6Ll3/1fBgj132F\nC52jAJAUqHQm6yP64BAyxMLcrQVnNxIJKxJ302C4KdXvh120los6zU+UenHq\nRxzW2geejXeLhUoO7RIFF0p3FmOM+w1xfhqH4Retr/pCeP2lF7O/KiswkGaG\nTRcpbRq2dnL9V0hx4lJzfr3ctkzqnzhNPRE1ffBOuLDFxGsvfXHUQLcdg+nb\n/+wp36LXnRynD+jao7yxACMVFVT5EQvaUSn+bmeA7qb4QAV51ABMKyHRkIt1\n6qrQh+d7PQ9WbBPfTOkg5q/0lQs6rlsc8zoLwDEVr/QMvPK2LBDPzHPfq3Ku\n1WoiiZNP+2LRxPAauepHqweIVtSwn8KolrLsvIA1UCUlX1XYQRQgvDxKs/37\ne8eQ\r\n=JiH6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"699b13b7bf651fa15a25ee2873b72d9fa1ef14a1","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.42","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.42"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.42_1573538024170_0.10979770003552614","host":"s3://npm-registry-packages"}},"3.0.0-beta.46":{"name":"@aofl/drawer","version":"3.0.0-beta.46","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.46","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"fc3c0bf3d3bcb30bbf143d18a14284533fdfd9c4","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.46.tgz","fileCount":18,"integrity":"sha512-slF7EhgmHxcBHUxqAycYUrzVgpcka6oIISDDH0CQPczP/GQJpe/cwX81NZXquK1LtyQbilR9B2wAFlvV0y3FgA==","signatures":[{"sig":"MEUCIGFled06+YBYzNtMvUdb4wJj4IUPsC7d35U+uG9Bi/ixAiEAxIFM8eEaL33NCI+mPwtwYJRTyyDfKwi/OAlg1e/KawY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzc33CRA9TVsSAnZWagAAcfQQAJc0XcpCg6MpVXFPNLxL\n3ZKoYAhKc4q85sRq/TphX5hPyXHRGkiIb4CbKMWEuKtV4XNBqVcqDdtOEtTU\n701MCH5xHkLLA1zZ4Zpw3y5uFr9sI9iIxKcPX5R07idFDwgJTeMgEA0Q/MYW\n5ByMTnOJlzkmzKBQvBICqq+DX6Yg06NuA2BFSDQzbhTjsye/adJHAG3KDrUn\n2TkdeIxjqqGXavKGRmro/n+4Mk8S06xB7unhX9GylEADW5iww9iOkEpRCGFL\nAG3FG989CPscIQ1xmJWlBNM58fQa8kjcsYn+dOLQsVjTdbfBO47cqyCvAhDj\nneONXqodgF5Lf1TPEp2SBzGWtZ5N5Vmfxx4zQvOrGms31jkkUt/EAofzNABT\n+PidHQFmiGtiPPVoXEPqZO4jUCRKH4iAY0B9YJHpWfCA1JoEH3NZkly6IcS4\nFM/5SyN1l6+DEAez1LBQmKNTLHCvtrpnSZmAejmx+UfFUm3MK0k//tAOOvzl\nWWRap4uWkagbYJ57vzOZnGCOV4DwfbAlPl45MG2EMMeC/6fwRb+hkmlkW4wy\n77xwjw/Z81S3cGp+hMpPa8zHlSBBhuZQU+LW+m3o2cWKl/tDsv5Hrc2b9Otj\nKnfalspQeBe8DvswdfP70YSUH4gQdvTMDjg4sYDw2uPjV8qj0EkOwXX+L12H\nkv46\r\n=5LtG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"4d18597a6b3e63324cc8b2f401d986dff832a62f","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.46","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.46"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.46_1573768695280_0.1318204637842164","host":"s3://npm-registry-packages"}},"3.0.0-beta.47":{"name":"@aofl/drawer","version":"3.0.0-beta.47","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.47","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"ab7997c24e2482fdab256b8c6f7b11433c47ae15","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.47.tgz","fileCount":12,"integrity":"sha512-udXJyAStmrhePAJq3Jk8wUZR5MNVNZGHaLVl8hnh40iyvJsmKA3ULuDsy/bH0G+anhsziGBb3ss05QntLuITvw==","signatures":[{"sig":"MEQCIHa/sSbju8ml0NZhjgcjRDdK/+hU5i5AHy9QofsH87dpAiAGnE1P2hbt1/kOOZk4BbB+mRjGQPk8b4/8tC03NoGdbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30498,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzfXuCRA9TVsSAnZWagAAvesP/iRtBJorxV4kVc08pojG\n6Uruhrgl0dCAW0/7mHeuEtjZUYVBq9q+M+s9c94B3qc+6hFowbrUKEjnQdn1\n9AOD7aLEc7OWcJvt74vdXGi9sJoQYa2Bd83WV1Kfp8tjWUvyvbHqp2Va0t3C\nlRXXK+WQ+/OSwWCvj4y4oJ7V719bVy9Cbirg87emC4xIfbR8o4ju/mdzOPIl\nctj8fM+XZmPuILl2mwdFAOodDwxyWvGIHUoqtEAnV3uTuxhfGjZKTLs7IpBK\nyh61Jsu3HaztbqRvq2kRoovdvTtijRwm15SwFfYmHe4t6Wj7jBMHO+Celdjw\nDnfGBfL7n4zKYmGzMOVPmMpFyBvWwwwjOf2EhMzNXICRiihIH9Q8C1UIKs+0\nJaFqsLOA4ItpXdc7VDYKV48Di++yEXl4/Ncm9w+zyZDP26FSNWFEs9lHR2Ga\now7otuKN6J/Eveia2JyxvvLIH7SfX8jScGpBym18/uif3k99QGCRTswXqbNt\n+p1vZsVtDLJ4Zgo7bs8yc4bL1SaHitafGVh1vT28qqpB2OBT9AA5Rs2abGMu\nFkKvwdvtA9DV0Z/7zhAF3MmVWXW7pXFLmN8pZEFbQjkfcMqdafkuJCdY073u\n1SekfsEamCmAzd47zlyVgHVmyrunSONvzWK9HeLb2luP1iYZmkcWhmzQP2c8\nMwwQ\r\n=i1EC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"11344382e361206a6f67f05f4904149ead37c1ed","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.46","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.47"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.47_1573778926038_0.7673306791556185","host":"s3://npm-registry-packages"}},"3.0.0-beta.48":{"name":"@aofl/drawer","version":"3.0.0-beta.48","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.48","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"d50fe586a5416bc101d64c28a10dcf059904285e","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.48.tgz","fileCount":12,"integrity":"sha512-5Gab8c85XNIcib/FLBm2E+cBokxMGSPpmIsUAWx8n7ZlfoIU82ehWDF8KsA/uaS0hugLQOihxgAqRKK+2YVBpQ==","signatures":[{"sig":"MEQCIEDhCe7oJX/zhmHnxS5+KnngPmJ9fBTzTjEOEuLAPzQpAiAzQeLh+WM072wfPtQN4F0zpuCS+wzKNrcd47Jd1JP85w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0IfgCRA9TVsSAnZWagAAdK4P/iixbNyKjzVk7tkn+cDe\noTi/yc5ei1NCzUGdiiIAAFHZfpohXkGz/xwVX+YPVJMcWK5W1sUSiNLgP+2t\nf/Y7YyWVr4Z7u09jk7h1QElhyqDhyFEE/i9W1zz+1NlCLezASFiJ8VHi9TId\nnOTsn5HiQgEKOvjqj/2jKJ2PICYuxBN2GaNAv5QvmPuMVZA9FPb/J2muKv2E\nRlFfKuJLO6TjsCon7KZzrt5cNINu+lIxLCnJGO9MJe4mYT8IV6yyp14AdaWF\n4drxEMvtZtaBzKqm/yRA15kZHrnpbw9ktaPVpMadlzZqJQPj1y/wbDNj38bB\nwEByhRCE9VVuo1Ar/grtqyB8vRMRB2Px+j9xXo+KVUn1OQ2UCKiVvI8uX/M/\nTqhCVteO1NmrQYXk3js/FCub2O3FBUogMD9P/AQv9glHAfIJ4LTNPkOrs/rn\nKBL8QI40ilO7Cj3B3/cN5zKUbNX7w6h4AFewNr/M8x5CCWB2Yn6pJcFMCN6N\noEWO3V7muJp73NFPkAPB1JqmQRRRhfjwkNNTjVOVdi8feyo7QGYuxPxPY7XO\nyzdjTUidGcyq8GnE4xMlQrwpzGFP/UXZLYUaI78ATj28gkLEbsQQH4Si2qha\nbj2O+lilZCgm16bnmaoJT9feHLsIG2gDsF+Un8EccnfKnbtNMZRQeco+Bz+F\nX/8L\r\n=qiQw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"d77a51a21b591d1ac0032de47395878116e8566a","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.48","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.48"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.48_1573947360388_0.3239516787325729","host":"s3://npm-registry-packages"}},"3.0.0-beta.49":{"name":"@aofl/drawer","version":"3.0.0-beta.49","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0-beta.49","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"5b658b998f2762a16d6e29ce365367e451f9fe69","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0-beta.49.tgz","fileCount":12,"integrity":"sha512-DR3JWDNVKiy2oizg57pnIX1M7ZzPYIT1gg9FVm9aILJIdjcm1Y7+PsQmSPh+CdhcVacBhN4+vcuusIMJZmjcqQ==","signatures":[{"sig":"MEUCIGf3LkZYVZACLR52aC8uuhvYGktyCrcOHQ5JUSnbq8RNAiEAjpTKVd9C1GSq+ORoSCv7/9JJcWdnTaGyGbZd9LG2arY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0MCRCRA9TVsSAnZWagAAwnIP/2N/UJcrnQO17c80qkZb\n211RZhXxgiFiEI+LmUyfH74QJw4jjgozslQVqs/hPO+hwe1OZnYrT789NqTh\nu8f4HGC4CVx4PAw4ECzUOV3cO2ZtImkkDuDHb6S2ZtTzXnaUr9AF8YxkF5cO\nrtnlS4+WvYUyy2MPMwgIemft0sdqH76I7mjvmGOKBDX4wF+zNTMj3hE1YfhS\n52+n70BMxJescB5gFRtgVBR2hqkH9sswU8De+ViLwZ/y1mBCkPdlOBf8qVWM\n3qlb9ppj0Oj+GXTIMTohspt5ZKshygJkGgjn8ETdZa4hQ8zIAqWcfeOBlago\nBQHbxzcfJiM/bf542PRaoFWiWwsDe+mtu0rrvATtuBm13emUVvglyVrYSD/W\nisuXSFF4Iv8eQYbNlOIV7fvw3pMPOzojn2tPC0Nlcuf6tztm+/Zvey8XSMwM\nD9e1c0NCZgAnq37Z9pfWnfFWDDeNYuC//+YeWlDB7OyuweEzy5HOX0NpACQM\nkguE8D6YT5tsJ1QT093UNcru1bt7enib6oLdh82Orzh1UKrdIbxAvxL31q9r\ncwrgPHY3YwwymY4IFTX1ZeXRXgprx458cE5fIZfcdXE2m1aaJL3Pfo00TdDw\n+k+nVc0QXB/L7CtGRgNBk5v9cwMBjvOUcVeCVVgvf9CvXHmLg7uovyd87ylh\ngZCC\r\n=62M9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"a2642ff8dd100adac8db3d609f63e2bc6a2247f5","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.49","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.0.0-beta.49"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0-beta.49_1573961873103_0.11714316516409196","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@aofl/drawer","version":"3.0.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.0.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"acb8d56cfbed4581c9383ca242a0121646779e13","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.0.0.tgz","fileCount":12,"integrity":"sha512-6hXQCcjNEAejUTl2ZHeJQgJcfj4DVjOovzjH87y6PMxeDwl19FMk/XQ1K9NyMHN3pZgp6QQ3WecucAfFqOwBoQ==","signatures":[{"sig":"MEQCICsDJNzmMOKTbO2fw+UQF9yWEmx+M7FkNFESjBYnn7cbAiBF/aH+Pu+/wKr9NBNZamSdsEV9ijT2P1OR/bcNdVrLcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30429,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0PFfCRA9TVsSAnZWagAA++0P/iSnW5K55spV+I1YEJlv\nfLIt9x8KyRsi2we/h1dpktHUuZOvTZDWnbBeuX64p/M7/XI2UOVsO/ZWpIK5\nPngEsO1CgcHt8uTEJ6I0hZpNmfmNrGuJop3F4LGRGZTuem/xKV+niHomoW14\nEuSn9eCurAucRjSU1kflcWKYtvikQt756QPB7WHrvZ/dTE62+SI6X2/acMcf\ntMRq90ULY85TEJrq7dVHkrdjETeOM+/e6A/eKd8XoLIkU8yb1QvHugnYkZ8z\nO8wIrTRontaVDRKtzBYlONcQzGkJBCILwt5M0dTL3AUT8SDiv4xDZ8X03feo\nnLOhu5+sHyDrijZFLhlDbR+JpeL1DgXBFrXmfFbY15rK381bRuIwecQUsv3h\nODd7qr4IV+hXISVBrEYrDZ4udbUq/FWHxbfm5knmbq/4eJG2YvYKT5cE7WXk\ncmILejqTxJARGAOOz6raWyPn5gk5k6HqDVlw9uLH8025khMUZPK7q28s0QH8\nwf4tGX3MJNEs3w1uuzPxmGien2uC4obzYrOrVu1ItsbmWsivMl0p/09FbtNf\nYEVNBEwDY9YPj8UQeDzU9taROZKz2qS9ErZ+gq+24E6jp7hfsErG6jqNmC7B\nnTbRw283xRBAIisfv96DOKNRfhiuPWu9I06JYapi2jed5d8yUdZZa/YhLymO\nA7Zy\r\n=v5/Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"bd783440a25a2c579fbb506b92d90bf4fb7e0289","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.3+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.0.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.0.0_1573974366852_0.43273788791903844","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@aofl/drawer","version":"3.1.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.1.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e2ef40667b0f53753a301f07eb6ce4de375f752d","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.1.0.tgz","fileCount":12,"integrity":"sha512-DJRzEdeidKeMtgLPSzvNLklzjYgUdE1KCYYSDpnIRW65wKD2WgN/opOFcOOK10rgendePy0V+vyvTWhhGEBCow==","signatures":[{"sig":"MEUCIB49IHCaVzRJa1RAk7uYDsN9g4bSLBRatu4WGhamiOSGAiEA/2s6PBOdD1MsLjhbxFfVjD9YhI3bdBlugwmMnBucDF8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd11XMCRA9TVsSAnZWagAAll8QAIzqZ5x++SDtlsUoiDhX\nmMGFU+36oDU6PVquIVAVVLx6nhZiO5pYqcOSuVrx7raMghDe012m0Z286hln\njaHqnKaVY89D9HTGRLZYwvKQQzsHULoXvU6LWq/9a5xO3ZfNOE/KeD+kC2be\nYH6bam2yBfWR1rEjqmz328HwMXjtAOARbZDNtZO5cgPNSxjkzaAUwjak5A6k\nYv+wbZwE1xIwyukwWUpjGRTzom1tWCU/xyeXAD9+ekFopOc5oUEWKdRWRaGx\nYOg8ocDkuN7zhH6Opj4zWD2BRjuJNdTlfSn6O0QmN/kFyQJ7l7oNaK7u4F1i\ntWWJqExk8TD8FhnJZoOCnJhiil3mKRMt33oZQ8ATQbDA/IWumaSNKMspGrmQ\nkwb6V9Tqxtmnk2Pyy2rilli9AnEp/+g6krGH//gso3O3bhrteZNSnAtTn3kK\nBotajRiAUilj7rmZGf7nEeSfTsiAVXkIvtvW1MvareaH/mkPPkjm/+m3DOcu\nfnabYd/h9RmGdE0qQhLAy7geAgRS+VEOZt5o5Wogh+iAFh9juGO0k5gB3vvt\n0y7HASbTe9zjOMJZiwHAgxvHgMKrkdXQtCoLOwhx1AF3f2St2wve++TUYujO\ntoxdrXhJsq4IO0csFI/cOvSVz4m0HQ4ZpnMPaNUlm1nbXWu/JxWPFp9yB6jX\nvwBU\r\n=iBhe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"cb7c610ce117e6fe41168dcb3e2758d12900b277","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.1.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.1.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.1.0_1574393291389_0.7582721994717241","host":"s3://npm-registry-packages"}},"3.2.0":{"name":"@aofl/drawer","version":"3.2.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.2.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e371ecb7336a3bf3c1a884b4733379a49de1c38c","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.2.0.tgz","fileCount":12,"integrity":"sha512-XcNYd2mi5KYNWRGRfbYaXddheaDESqwCrUqZF2vRfClitHlpiiA4R5w8m5zIf+J6EidfG2yZ5cPmi0pnWE3TrA==","signatures":[{"sig":"MEQCIC4sPASGIwLtn4r3+r46u/9QrHbD5PwaYmSBMBwKqwE4AiBN8F3hUC0WCaNNLx1vSQSh9x5qnAT/w8mwZ4eXhS7nfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2jKlCRA9TVsSAnZWagAAo+QP/2th0D2aiV9R1CkImrnh\nwqWITk5+19ssKEBJuVvNiFbcLyaJfOoceQOoRTgjAqfTb3lXWKbV0c0Nejv7\nEJc+6UM4gnVIynUyR3IcRmEwnXqHkzqGeUcd9xIVJ+UcIepAYuOO8JwfAR8w\nuTDDCccktgqDt7nF4blcC0aRqY8i7A1xS+NbMpNeYUPjtIVPl+WzLd0Opgoq\ndsaSK5ry2woC2t5oN2nijc+E0R9XAb2LFz/+X5v98H76sZLMRuoBwpAGRcx0\nOXYqs/EJHpOy7tcFDWWMODdEcwK7mfNK8RnLMCvx+h+jzhv80BE/vR2nY5vK\nz1iz6AeSAVH453xaKNqKwVCYiHw4aqtua5M9hsCNek+NY/7GgIYmDCpLU39n\ngz8ZQ03UnogA7oKblGriug24rPuDp1A6wTOjx1+gyK2u2BTY8M6a0jqRX4xU\nM9tTfB9a5p7kXJKkLPwMVE3npGYPGvyd2IuE0yRN9dm+LuI+9UV5lczvEmjK\n2M2KmpaTta4IaBp5FyXQIT5aVOHSH2FbR7c5K2C9hqFVwsZIzsAL9an3kvnW\naULkP6cZ462lp7zzAEIXkdBz11x60gFjAjKnQ+EQs4yj2CGa0uIjiUAYHLGW\nFJJmfwkladYclY9LGRQakmH4oiBMSDVji9Os5d7i4y78X4gFisiDk70kC0OP\nyugc\r\n=eXnV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"8275111725390a8f797467a12e045c905a78623b","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.2.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.2.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.2.0_1574580901288_0.37357401658696365","host":"s3://npm-registry-packages"}},"3.2.1":{"name":"@aofl/drawer","version":"3.2.1","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.2.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e8227807ca0cc156589849babbc3747c6af229e6","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.2.1.tgz","fileCount":12,"integrity":"sha512-eZsoaJCt0eGSPTktCOcnDPYvEij4/s6RsuvYAtMzxQMr5uRiOx/UAC67vCiA6DS8cxlzC+itjihIWJZuSvtiVg==","signatures":[{"sig":"MEYCIQDKL9cv7BwuCMxyon6KLJxrTi9UlOFiXGIMnOD2kSPb7gIhAJssY0WPusbuRaTO7dTaFYoOsuJLOOPfHrhtWtMe6Ol9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2jlkCRA9TVsSAnZWagAAnGEQAKRA773UukopElvolTHf\ni9sr/XgjTgzrB5MaObWtl3DXR+LqwoIa5h4AKb0Z5rPY3ELwYa5Yw+PlxnNt\nColUdu3RQV63uI/ZNfzm7O44JmVc6CQ1EYl8ktMncJLeSR8wL6tFU2mzqgzk\nbjRO8RIX3Y4LUVBM3R3yRi2oRhZCwqbD8c4Qc10bKxKp6yWMtTA+xSWDwBsD\ntcarJ1WSnnkWbsLam/bUvJ8Jt01o6p8kzmrwp5fw3cjxPP08OXUDoy9/s0gJ\nI+W2rpOKkQi+SGyq1u1nspRjjS7ng1MNrcxBzoZh3CB0LqhCU/jEFZoNzp9z\n5yWhr7beCAnc2Kv9gU9H0r7K3S+qBZvuv0cz9Zxx8eQx9Z29nu9xFSfZym7i\nZU5KJqgLDjbTGOlvS39ZGMfB9CV5HWuOe0Oy+snw3HjTLqMVzPqOPSaEyajZ\nvulSDXkYePa4ltBjfGkoWf+yiO8niDKk9xgIidkQJQKrfdPl2/ONufjvxh5r\n9JaEIboLKWizuze5nrmdHsZmSwFUv/M1aTdxwO5YEI1XRAJMG6wZ0s3XlWhp\nMkD9KI2kjL0PfwwcumnOUyQFBbsG/9g4fvXG595DghKuRWpXE6fzGAcytnzY\n8GseRFi96fh8XFZfVv0WkQj1kTgnOeJtx0+If2aeOzXLXYU/paxw9VvBXd0M\ndsh8\r\n=RdoX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"a3a91753b98e4423d9fa5bc05d8cc8f8754fd040","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.2.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.2.1"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.2.1_1574582628449_0.31086114219766214","host":"s3://npm-registry-packages"}},"3.2.2-alpha.2":{"name":"@aofl/drawer","version":"3.2.2-alpha.2","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.2.2-alpha.2","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"5889bd65aa65fe981734f4de76680af62667e47a","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.2.2-alpha.2.tgz","fileCount":11,"integrity":"sha512-dhn1UgWyxRzHs0vZRGwXl9CtRN+4tpofLmPRnEOteHAabuQOaXaVMzpXvbykXZSBJyAiWMN4xKIVZ8ZmGPNdBg==","signatures":[{"sig":"MEQCIFx37QfRZKBiYka7CAIL3E3BM8dQbWtVCT06PYhwEpg0AiALWjrJmJRDB39Vbu2q8vElXaTKLQWsEsD4KD+H6uM2Rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHiROCRA9TVsSAnZWagAAJv0P/AjzDdjLD0w3Dfs+xBLA\n99g7uo4LjojMf2DNLoXf871G4/YWn33bgQxINWhfd2D7eNDDGJ9NcaMMTmBW\najf5j19p1cvvlHg9RV5pfWRO/kRQgUlwR7FsSDwotU/4nNODibNWDCu6AD1X\nvVSoxOvud2Uu449QsNLQ+8eMMj6CA9JQPI6h9jnp7/LfRhfXfECGYwGWNSPO\nAaKeYfUBe2qg8L8udhvmWrTDEA7Bl223AOk/1kzMUkfMAqmYp37TnnxrJ7/6\n8B06NW8f54ikldVVdAG4nB5JEXppHv62FPZaAkV8cgJlUwlWJr70rdJV9yga\nd/nLR5uk6WIWuIkSwd/I4duQcaSjoieUMyEELDYLjIWBecwhI19E5t/cKKJh\nroUeeYSiz71CPKncSpknHTQGCsIoZ97tQOy9rsZ6VPPAnkz+moCFYADKRMHS\nclk1zXp+8uobLpXPoT3DZjdj3WBOnP4Snu67FRCAb7uqxbXmVwIdyOQzUtIk\nGTGBVQ3D1L3f9TFbhduYqzm8paNKLHIihP0OIGTS7B9xmxRNKVEoElm5A/OQ\n2p/T2oQQ27gVxu1m5PRIULPUv/St2ylCIK47w1GEtY9oemTt9xwXvOFBEs8Y\nXnafk5ohFNsSF6xVwnVmVBm1YTaqzlvooyUnB98U6WStr4ayowit0/zLo9Ek\n6AZz\r\n=HE+9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.2.2-alpha.2","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.2.2-alpha.2"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.2.2-alpha.2_1579033678081_0.32891509375233574","host":"s3://npm-registry-packages"}},"3.2.2-alpha.3":{"name":"@aofl/drawer","version":"3.2.2-alpha.3","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.2.2-alpha.3","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"7a0dcd366ccd4ce98da815e73b64a42599c9c14d","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.2.2-alpha.3.tgz","fileCount":11,"integrity":"sha512-jxqSk672GFywB23X2OOK3fbF47jGlEbw/tooYF2L2isEK1y3GwldmymkF6qZze9Rzxuj2cwG1vYL1LD0e8XEXg==","signatures":[{"sig":"MEYCIQC9O+xLmDwgCzqLfxUio9mnQ6Q4fNtJ3ZovVNthjODZegIhANdJUms6Bedc5siYICDGAswOpW2ADjYpcsAlwtQTzdy5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHi7xCRA9TVsSAnZWagAAwagP/06dQ5xNjd74V1NHqfb5\nIJnFlZ5/YSdasJczamvfl0t7/azO7ppYGPBIHGCut/cw2VSQBlvbh+JFwQcY\nWyiJgLA6k4mdBCiR/IEU4AgPtFsIumTSnXr0K6Jvl9GokVFRvy3FnLhQXNfC\nTcXDlW12nhAz4bEhJ0Kgjee/b+G5MHpxBbHIT1BZEQCHRge8wUr3LLuswj1Z\nBdjpzyXNiEAsdSnJBuM5lOks47drNfLz2q4hP7luqyAKVt2DhAlTd3irSrsO\nIopFTdQpyZio+2DcswujZlzJ+BCoY13R4i7UXArG5rCNxt0uVG/Y8rL6Ljs1\nIpg4lIHwAIeQDwRqYuavV/hL8ycmujyG8m0juO/9HDyYV+4NcoeaEm/04Rk9\nbpB9q6aY9fQN9zXfJ2x8wajh+JVhzgESUjlW9Xb3PTnymL1+yyKwuwVO/bbl\nY6Sr9bdrf+LKryyuyyox2D5Ai88vMmTlfhAQ8x4cnRIJk68HMUrL/deBiUkv\nWhPnMOCBTQxHP8wpYji1YJptpEFKmgCQLzQC7+1W7PQOrqynSnYNaP2OUOKI\nmOqzHfC9RAAKOLBLg9yx9trd7OX6iSzcQd71dqA1iUlZ7PmxbqPy5I310rFn\nT9hk2cAqUEU9gplbs9PUoxi8La7cYyyjXyyjZNu37JazMJghUrW/aAxXsLXd\nvgx2\r\n=ZEiB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.2.2-alpha.3","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.2.2-alpha.3"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.2.2-alpha.3_1579036400649_0.6940669389436553","host":"s3://npm-registry-packages"}},"3.3.0":{"name":"@aofl/drawer","version":"3.3.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.3.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"d834146949e4402d6223b0738d5d642f72b7a551","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.3.0.tgz","fileCount":11,"integrity":"sha512-X45yqIh6ZD97TxC9+cPvMdp5pIpDS00M4uYcf9OjrPsTEk52w+7H9+H0oSnL2+68TJ9B5WFM2nvnZXkE2MRuIg==","signatures":[{"sig":"MEUCIC0vcJNPoj0zvohyD+8dNbou7qg6WYz3hfasQzhalPvxAiEAxbgTYaJ14C4jFamLdATWKFHi5sLUm0JycALBh/v50Kw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKNtWCRA9TVsSAnZWagAArywP/RYN7Fx3BuwgztBFpPG5\nHQd9cr0fsYF+M+/BWh/gyxs3gEmO/1LFSX70fA1T8h27OUjYJu6l3eqPFLjp\nTjl8nUUXKWdZqIn+apYymf8TlkNZUlr/aS+FHv87SEI4sWtrcGUDJ6eAfvgU\nYpkiHfT5ws06W5u2vI8J9USEpkRVH/3jLeO2schDaoejbQD279bZ7KHAkRAi\nLrhcqaUmcussnFPniczF6ZCTJTVED7FkZfPdP3jW9yPkyBTexdLE0xRAr0IP\n/ARd9xUVqy0hhvS2HM9yWD8iBxm7QMrPgGf0kPoCdX1JpfRgFaplV9A0Mro3\nsp0lp/56BlkbPrn9+MB+qGMJW+o73vUlGVfquImwt06hEt8A9k10XslI9PgC\nz2GfNWWHARYzhcKnCWZ6OQagtzRj43bGVEDFfW8jMUqPF1vrKuMW1mxOKEd8\nuiqs2Hp3ShAJOh2DCQovjTfL/WEERvy0XKU8mqCd6nZuW+ersvT5yyfVIx+Z\n0dkdUxZJORYy2ToZst3kKDLr6G1PzjFphSnas9dH7Cwl8Aa5+6igbdOJDYTP\ntfHPJcGcScuJ8Z7y1Rjr1V+3ln3isvTru+K/O+mB91UVtvweDb05Ajc1joNT\nzjZoL2UMwRfq+rg7DoUfXllPr9y9nlyBZVi6/AzjRWNRiFzesQmx+28v6L+j\nlJ8B\r\n=ZPo5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.3.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.3.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.3.0_1579735894037_0.9578885885975468","host":"s3://npm-registry-packages"}},"3.5.0-beta.1":{"name":"@aofl/drawer","version":"3.5.0-beta.1","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"fa2e642e388751f446dcb2902cf96b3f356a241c","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.1.tgz","fileCount":8,"integrity":"sha512-C0UYH1n6+Q+KMbEFxn5glo0ZVLL4iGli3MDj2FgJWBfBL4ONDBWqXJeXMsmTku7i9Ej+1blipjCcuc+Hf/iT4A==","signatures":[{"sig":"MEQCIG4VkgPTHDUg3Eg8H8+6jaoczIO7SWO7fUBqgK5PoZBbAiAhC9Umawitd+MKaoSY14BxdmNNfAk5G27ZzXC0ua82BQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUbi+CRA9TVsSAnZWagAANPwQAIs7OZucRDeSSB+T7edn\n99FsT1urG0vcwlWgQeXSFUqf57J85TT7crm7Paz6Z3w5WbLdp+NPXpp638rc\nocXi4P6XBA57Bfa4iBTE1lM9y3EI0yCDWqUr2CaXPZ649E1Pt/EVxNBqzYV4\n7flt4iFCbfGHUOsOJ3cnGdr5Vohmyb4xDof+Yb3baogmOh10mt0k3l660lPC\nsPKZveybRSx5hutqUYDtdbx64TrN+D83EtemBE4JcHLMNlriwgG73qKVwTKq\nLMltcWoyXYKJK5fjOJtFj1bV8kFGonkLvBBEROm+26XxSm6yp7LCUXdIgvYM\nDOhq0eGONbqqsNSMip2WPXsyDYU9VkoEFmdKH5ctovksvHKvvuxaev21hMPk\nxryifIbvVohVeK3T/hd+RjOD6Uw7KnP2rnWNl4Yd3SCwSUb5I5fTGddJ44+1\n+n3KiuN5iB+9rSKuoxL1IT3JmUttzpjQOPHyqH6YDd5if9vw7PT39i+9aK0g\nOIBtMeqci5gIBNphSuUXJw38gOIxjHV8lAH1geHqZHtvErEXyZmvcvJhCpWB\nyu8bpk9SnyaOcmVuw9vPwJXGr1BvUm+3+pKo6R5svSdoUCEwmrxtOHEjEUO6\nF0NTj1PRXr2P5k6Ol4x/ZYXzycnrqyThrgVf2F30f5J6h2u0ZacyfNgsNqzx\n+/fB\r\n=Q3BO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.1"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.1_1582414014012_0.94485591118628","host":"s3://npm-registry-packages"}},"3.5.0-beta.2":{"name":"@aofl/drawer","version":"3.5.0-beta.2","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.2","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8556bf111c344945ea978e2cc7b14e7cdee1f6ba","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.2.tgz","fileCount":8,"integrity":"sha512-/dUaHVotRG7r3gAoY9/OS9WR+D4+rFtmjIfnc23z/V98Dh9NzVHeahaWuIkijWv1F5BSiN9UA51vbx807ZZ1zw==","signatures":[{"sig":"MEUCIQDERSClXFC6TfOCUXB0nRWssiMswptg7xO8DKj9tklnpAIgEdPcXhDmq7LQwBmbaKCv1ltwz0ClHe+fVrQSk49dvq0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUb7dCRA9TVsSAnZWagAASLsP/1P3u4QToMk8XCLL5HqU\nnEBUvJzdMORPTubNbV0XsA1LEdfvS0DM/EoKWnmCP2koIuoxN2Lg6GQPhsL2\nBRXNX2c2jFqW6OJD8A4mUAdnb/AjdmZKOywptlNy/UNwR3XfCfBIZVpGZ7al\nKFzHXVd+i5Qr6DBtPqZJSkjUi4EkbLNzltKnwFC3iFWO8/JY88mWumqIfFuv\ntTwiranuPhZTTFqQtI9UDoxNOnUOIbuD6YQY3DUxwBbPPICe2ngv49GARpgT\nZw+VmUNxAjTL4upGT8a2PET2hZj3mOLD8LS98XiCkiYgEhvmfHyM0hwY1sAS\nxRVF8ho3QuYp04cKGkQ5wqnbraMkB5ZkuNhLSXj+5a5bLTmSULGucSqlhgeY\nv4lDreliZboWAjpUmtgN3fBwo7WeASRxE7SM/h3aKuz7N/JrsZaaPuO4+hV+\nA/VRVHdU4uE0cxuhODW8l1ob9ew/TQYBPGre0OwrGAUj7O1v0NtrrVrz17bT\nRtabpxZ1DeC5TM368TIClnLw8bZKHuow4JQRHjyzjFeoJwPAm+k2uS+L6LQq\nV0mhjmpMrVScc+ZcdUjmsshwV5CvNIJ6qaFrwOcmCxbL4dJIUYMeNFtApYMN\n7o5wDNzBRM2mP6vcCZWPxv7P4QM7JXG+ofUWzpYTvdeEOVVkBE1PDp7U/S+7\nqvW+\r\n=G7Wt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.2","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.2"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.2_1582415581624_0.08077886671034862","host":"s3://npm-registry-packages"}},"3.5.0-beta.3":{"name":"@aofl/drawer","version":"3.5.0-beta.3","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.3","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"a86eff241d4758cc8259295cec6e918eeb6face6","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.3.tgz","fileCount":8,"integrity":"sha512-BVpVliPGe1vqhEoPBd+gYJYgzhWi4fOnBp4kGDc/s2gliBH1rsnDTIdHOBx5KgRKsA3IxV/FuqeOv8yUvY/B6g==","signatures":[{"sig":"MEQCIGoSAaiIRiC0yIMWxwDzRsoKCVhjPi63zBkEWovl9qhhAiA2O5JlO3Tp5Xf7u3vtXnMBZ2xJGiMLdcYpIS1wZ4J/hA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUcJQCRA9TVsSAnZWagAAJr4P/3pTDJnsqXFuXzKkiNyf\n+3H1X25O0l6K/XOVPaAgcsynBVfebG2sPm08tHCOzX/itsoalsxY6iTqb5Ui\nS0Cfuk214SEziZa/pr+ht6c6QV/MF1s3y9FS/W8ybRmaNqju4Q1++nGNPqaH\nAnOHpxRQkNdLY4b+YAJ6x+X/28viNYukCM/aM1mxWw1/DyI7VwM76zRdzzdZ\ntCdP6SwLsskvYmfEWwsAUZS4iEUtNrF0Dsj9xMrU3U+3l6bYs/zuiSFmuA5/\nKu5FBGPqtqFABu5wTsTeAM+YvwKa6YWSRJq+hjbfBCEkB3IGlIlO46kLrHuw\nfR3r+Z3bITDJHkQfNnCIl8n8F2HJRwUcmDuR0R/9H0MVHvtONlTKE4JxK/kJ\n0LUlVVw7VnqgBaJZ+CiOn8zWtiRxv2JbqLhXTaM7+uC52Sf5iGdUj7t5QW71\n2UP3ZbtBFADzuD98sXjXNS7h5VXUQxI/s3t7V9iaEIBTEhFoIxm1WtqQtkXm\n1HBJPxHqKDfjvkHu4TTyzyltmnC9gRhv1b9fqn8d5I8ZOkx6L1wYMeFOO5nx\n/9HsCaJlI+zkSdjZ1NZzkgI1yM4xjlT5jHG79ojdYPkmCgQBFDnCVKOl0tAU\n5Coe4PpNSXFjU7NJTayzlHGxNa3xd01tXKHW9yBarzEG5aIbNktCmFqTHnGs\nT3/1\r\n=tU8e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.3","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.3"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.3_1582416463710_0.9797582479327915","host":"s3://npm-registry-packages"}},"3.5.0-beta.4":{"name":"@aofl/drawer","version":"3.5.0-beta.4","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.4","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"071386e72eef9b068ac63361393c4b7ef46c5145","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.4.tgz","fileCount":8,"integrity":"sha512-SpuAI5yHQiMqT/LDwhFBHzAfbvPd1TYb5ZZ1t6HxXuACx4YSB1f+sTjGoZPu+wmkd4+FKYXPrREHWcB0+lqE8Q==","signatures":[{"sig":"MEUCIDJY4fvVJxpu/0ujatdHmhaGxeL3gqrlTe22HxZOzQCwAiEA5hqIX/vBmAwG4LQYZ/KXP0UEMHZLMuxRrn/5k1+w1eg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUdwhCRA9TVsSAnZWagAA7MIQAJqww0Y47Imi8s5MC3/Z\nMR4cx9vbU74unwyQ/1TY5LCyZUi/HwbHJF6s8VeibJjs0WrGQ+RWA9bs1hvr\n+J88UcB44ewcRBCs8HHHfKC6qLddygQ1FlZ1Z6G5Xpg3+am7CDRirs2xJlXp\nCNDVcWAorSoQtaOoO26ChLXnxPmTD9T1iXLcYMboFF/+QtuYHQZk23qS6w4n\nc+b57v6dZ3xZHrKQDgSo6ml+uyp0L3hmnFPoB3VXazlPNlIQlvPRDFCM84DQ\nKxbncM5mHSnmCY2ZwH1s9owXQKhBZh4FIh6J6HBalN2ZrSu9PDbWMQhDkb9S\nVzKnsuNIu7RnzOqY5fS6pdzPYw57rVEY/gVSvc8De3u6UnXwJ63Pc4l+im+E\nwYcQpIvmCt3k9cq/Os1frzQXvFfcpcK/oDeHNeHez3CABsEAmHp/7G2SAA/u\n52o1QQHZg1wly2yOvN2GR0oLBkQP87AXwn5/lxcJhlpYU7rntgr8B8zHF4cE\nifCSqnravTI1UKoi64CBlfIRxad3uwmm3oKXg2EgIAEqFrvhO3QlD/vMNUFX\nK79ynVT9d0ePLzOlBLIoIVL00zsan6zKUGvidgyHEx5c8AmB/eY7MTqU0vXR\nmzxL/3P95gfTEwH1hCQUPZSSZq4VRRgSFVNcJthivIpJjnAJKtMQaKuh+wwc\nNmcT\r\n=nFUh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.4","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.4"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.4_1582423072680_0.6756850247348054","host":"s3://npm-registry-packages"}},"3.5.0-beta.5":{"name":"@aofl/drawer","version":"3.5.0-beta.5","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.5","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"0c97fc83b9bc804945111c73ea2ef84b5eeb9115","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.5.tgz","fileCount":8,"integrity":"sha512-/lEH+9HRkvFksUsujSdJT4AeCD0rC5Wnv/lyIuOrx4Fj8TRPu0ZXrpNG+KBiG32BUSoskfJuYckMqqEg5OM1ag==","signatures":[{"sig":"MEQCIFoQMdSIvWuAZQBT868MP9qNG5O0Mq2FQtD8bjuJ/pQbAiB7w8CSyXStEht2XFLpOjtrstgIwHKLsWoSWAnHVN1oWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUe0jCRA9TVsSAnZWagAAhYcP+weU5/QRiXunv9uH7LI8\nPQYyJNBfSlrvJBM64pPY4L66dgd1qVg7Xm2gasGYvYjJf6oVaeziJfZozLm6\nyNvlsumYJm4eutcABQqVk2dJAovl2TIZimLb6u2/capu0b19hAubGY5KiXVG\n7yUlJg0yHhtzdlrs+GXK7yEn8DzPYPj5CPyk+b+Razcgn+htDFyK0wyCKn0X\nUQK56eV01zyE89Xgzl3W3P1sGEsPKu9FvyRGFJ2VqbCGXv1tdqF5JY7uMMZD\nUZHQ0Oqy6WiXjgpR4EF+FxHfMw9B5I7dHKIdO1zcR9ngnUyu/u2QmxwIWaLt\nqwMawrt4yscjftRgEaITUOS2yIULMUC9OsWHG6c5FjnP1MbFlYug+20NUpYq\nP1LUWbtiwYjRqZLARYxCt/9peMxAJddEVTiDpbJUhWMcxxtUCZD2VD/CTK17\nvM6gBLaPRY1qSNzShcGivy4BH+7H5PKpA2dOY2pDokK84ajXwOMrg4ZAhtb2\nBRANFYg5FfIlhYVC5jlWNDS9vurisZltcQDMDEtrBJY5eH6HG44wWsMv+SVs\nSKRn88iEOpkDhDwDr1WYNyNYHL9cYlAfyoTBu/WewzTFdq0k4ZaBQFdU6PZO\n8r8pS4tOGkmR+P7CldLFtwVJiMszi9C+YYy1Sr+Y//c53wWGITMel34zztGs\nnzM0\r\n=XI6f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.5","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.5"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.5_1582427426603_0.6209259800451337","host":"s3://npm-registry-packages"}},"3.5.0-beta.6":{"name":"@aofl/drawer","version":"3.5.0-beta.6","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.6","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"005a7b0072102a27ce2f099fbdfeead5a0e289a3","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.6.tgz","fileCount":8,"integrity":"sha512-0pFwAYqxw+5PxVCxvpNMxWR2+rRL6ix4QZKlAE5/sUecO16UB5SCMB61x1JvWBq33RLY4qj2JdGC+X7drEYTTw==","signatures":[{"sig":"MEQCIBnbp8fSeOPDa/M4zBsljMcWMmkREbjN6TBPpzOgczwHAiBOfcvrKbydwwryflbeDckWYc1or5SDyqHqZ8nmkh5LfA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUe7vCRA9TVsSAnZWagAAFU8P/RRGEXkX5NgqPzhq9tkg\nA6I6FnUM1R4hmVcAKwVtSee0y+fTk7HZb7N301DWJzAAqMVt23ZaPs+HtTVy\nV0FExhMWGhN4wd2eQBrrmlgSQMr+TyMST3gAwqXKYbmjwHRfXPdBgDg0aDkt\nlxd0+m6fnWeBg+wnSaEjjbDuDCd9eE7FrpgyNgf7gh1bBUXbC2xvNr3I2R3I\nKrjEjTbBqTT0ITU4Fxes/JdJAZSfvnttLxhuBadAq2ZvqHBxhnTyHFvIAozB\n8zE9r5WWHW7qghyUJNcahGiPPlPLoPg3tPrwAgEHr6n6NgRqR9YLHWSqfvCd\nqZeFXZO8/ALMMt64cw3CYMqwQtbT1KxiC2qgOC+aivzFsPL+ewgPDXp79llm\n2prmPE87odKta4bWLnVe9fGH/Y6ZzqZDi2bci0rc8TGjRovNVrrJYfCc56i6\nitwUKpB3UBhDH3f5dYnocL2dqA/dUOmrEa9la8GTaCwLVPnUwcFNsw5snqxX\n7aa6p9aqBr6CMIHHLKp1oAWEQ+eLJmsdjx8dlGLjQhskQFKjNGQ1cJqqKDN2\nHVWk7o9BUNbX3geo68TYo+voys0TWj/BvxlBatrFrpv2OV6qHuyXzGwK8OzR\n1Vh6zMh3/bCSo/nfGJ6QEv0W81f47KD9Ns7rs7t0p/XVfNNGPP9sfbBiqvpr\nqHfQ\r\n=2f1l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.6","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.6"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.6_1582427887405_0.7538319779256597","host":"s3://npm-registry-packages"}},"3.5.0-beta.7":{"name":"@aofl/drawer","version":"3.5.0-beta.7","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.7","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"7180ca75e326edeb951d2323d895d0d1111a9239","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.7.tgz","fileCount":8,"integrity":"sha512-4EftarS55JuK1KiMe1niJnluws+iMl+WK+myWm1+etv6KB2L6l+Ot9u7CCsURkEjultjKI2sEsWXvsTqvVTT1A==","signatures":[{"sig":"MEQCIAiUsoaI4gUVHesOjQJzSnAX0CN4ozpNXxtufSwQ2dSBAiAHda6l32clf2w0DD4Hf6kLu+5mMqA/6HBUlKNU8+fPiw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUggxCRA9TVsSAnZWagAA3eIP/3YXZ+xCEo0vHVMDfZZE\nWQcM7R2oSU/bvqzaUjvmP/K/1uYh531xfn/oauERwcNb0nR22TymcEV/Vp8s\nOdEdpnTCly6FT07o0PFP2wGXwpJiXDkXTwtAiIqpUHU77HkqYpsY9mb+bf5v\noMbDuEbGwv7KreqUZYjrrVM2lNt/2UbkPq4Z52DyR9rnb5G7HKRJn2XuiHCU\nXgowEahnwgK9C0+oNVm3bxZZGULTqgCf+v64Pj9mbNDGenbWau+sPbtCUvjM\ny1N2qpg5p7ZtBTh301nEcX04zpIqJN+q4coElOYAcfSLYUe2UhHeEToLiSRu\nD5E0zIQ86j+XwkT/HsRrzczX/aX5DFThMDEoh5Z5e8A+mINPAoKjFzDyyBBx\nE3SZwkpC2QYJ2UmFVynRS/113rlc8UbHlJOpn959LxJGb86gx/yrt6aKJN3y\nQOlRnTRVHyBXqMWt/ZxzOS0ToYWffi7UYJgfmTEq6+N/MqzB+bOf828+EgmG\nTGY1EG9rAr/lWKs1IBUEqlUQCRSISORx4JMYQV53N51sCDrJAnz+b/L91how\nucRgwMUyDTmG5eaP7W6FKYZaeT0dHyAz3M4Cnwj9Sqcdtx2IKZObpDNEN6s8\nr3SyI0X6Iyk2uq01OlTKR0+bf0WWHxmZ7MN45iQcV9RzYLvT42yaEeC8rkoJ\nWo7a\r\n=7/J1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.7","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.7"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.7_1582434353054_0.5672662423192081","host":"s3://npm-registry-packages"}},"3.5.0-beta.8":{"name":"@aofl/drawer","version":"3.5.0-beta.8","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.8","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"4209e4f1397d0025c6c18f95a682f633c6ef2609","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.8.tgz","fileCount":8,"integrity":"sha512-vqLhlq+kJ0ts9cTj5LGqcxnpNKybUH8S4Z8X4xXGhrcA5v6/2QbLO/QpKYUX4Rd5R0f1D2Df3mtn/Au4Sg1TaQ==","signatures":[{"sig":"MEYCIQDku/eP2T3GcYXR90r9E7hrNi0rBdvteV9wbtAP5wIKNAIhANWLW3xudqjNRPRAJHSGc+cLyA0yQDj+y5b0mGZEdNH8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUgjwCRA9TVsSAnZWagAABTEP/i4oV7/V7KxPdcevggNt\nbOIizS4nwgZfJj8nMyxUOo0ZXa+A2gNd5yO5raG+zVGz+dNLolsR0YFrpY+d\niSZRFlZKGIp3VbHIiV8ulnPsKtFY3gkuRu6EEtBLx15SSejO00SqL5AqFjc2\ncEiZldE6v93BXHavrkygk2q+YjqF0cp0Mmfi0LPzqHVobUoN3OhVLQt+RDK2\nkorkGWQlU6MyX6k6En/3KKDPejpmLmPOsj/h9AUYZZlM0CAvoMQW2Ehiv1PH\nJOLCgfXemJDCp0hOvPVOuheo9Gcc+zaH6128QXZ8TLUqgIs0SPRPTeyfAdPf\n0IzO2oCLVgJiqHQSAATTCNQ8pTQuFyF3OyS/ISGgiNJaU3INno7fLWNPXKq6\nAszwrwU/FNkqKezvgxIsHPBD0NZkU8aSYs2LK+hT4/ghFk7o++dY05eh+uAa\nWD4K1Ju7YR6YSmIcbicIpGr6Emt86VekJKiv3gEfgQnZlQHMVXSJAMJWZ3w5\nBmBE7frcHvf4dtPgVr4MAOkVgQ6KtRKxd0ik8qJcoXYQ7/HTzG2lRErD6tAd\nNEDHoGCINLgIFppy8Ji9yLOF7SoQhcdAgl4fFkqsr2v3AJ7H8xBaxk7tgCGt\nufrjM45U96dMh1htYCL+HMlkPAxSNZE+QEppELG+UMGM6PM68cXth2787VdO\n4LRM\r\n=mrTV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.8","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.8"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.8_1582434543700_0.5252244849918211","host":"s3://npm-registry-packages"}},"3.5.0-beta.9":{"name":"@aofl/drawer","version":"3.5.0-beta.9","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.9","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"de21d97019f277255c618dfabee74c95d43b88e9","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.9.tgz","fileCount":8,"integrity":"sha512-YbuHSPaZl1Jp9rFgv7p+Xa+cBtUXqaKzQqXfqNzNtEkocoY8G4OUxHrHz5+rqWG5wcPuTlQzwXQWWaB3T48mqw==","signatures":[{"sig":"MEUCIGynmpY74p6V5lmqnkuTrLir3HLWfnGnq8KQHWuyxiSpAiEA/kLJXmQuigij/PAYL/381HyOZ8ajP8yLFzI4q64EKpI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23483,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUg6qCRA9TVsSAnZWagAARxUP/0SYJqNvdhaP9laDZRtq\n6CRKJzK5isCiVheH7ypgUGDYdDyGFQ3BkTQLDcGyagLnDEHPCYG9Dqwg+TTd\nGqABLBOnLY9jLdPwBrDGynaPkY3jO7hH44KUXOJ/ukuidKltMBwuCFSa6/QT\nHP0nLrV2A3DPBqV1/RIUmn/wlZTcq9gP98hW7ObLkh481DV4rTCE+J+H53J8\nO2JYT2xF3jljhlMF2syTTbeF5J4tCDraMskpcFryZ5yoNTVSWNN0mmNqcRgu\nKE5GZZFV14MmcYlxtjAcQox0EG6qmLZtVWs7Do1egrpOfTpiBbs27ly01NAG\nF6AjcgIiEhkUy33MvFbet3UBwKArxcVjGezG9XfTN4I2ZIRlmD0WwLGYHwek\njy51Q4CMCGLDaXjVI4FZHmfuwtP26jRr6nzor3dGdvjUdYpB9c5cQd7wfbeV\nMfedmjKbR2rDHUZxTIHIa+GZxfMjB3qA+oMLcKmSJ/75TXH8I44WppIehKDg\n/AkzmQ/hpcwVA283Avfpz7VHHlxcr1acqC3jlJh1TWcY0qb2FXr1fnxJu+6D\n6PI4xQd3IoQVpfMYJRmZL6FdVhl5di7J0W7IbXj7wu9NUv3OBJ/lqTv+KNfs\niQGnDiD2eE6wONXfqLBUWJ0HyvlXdshj0u9SJXL20JQxq7u3+BCKfc3YLoGl\n4WkG\r\n=usfy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.9","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.9"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.9_1582436009705_0.017896960917983762","host":"s3://npm-registry-packages"}},"3.5.0-beta.10":{"name":"@aofl/drawer","version":"3.5.0-beta.10","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.10","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"304c04866ca7b0765d0b0181fc575504ef0a3d84","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.10.tgz","fileCount":8,"integrity":"sha512-nIgrzN99Mu/AtGjQZdOdphNPJ5SLAiZppClEyvecWJ18zkYZ0d2TOxS86s1oMctpFkwTg0SWm8l9hL3JGpMlyw==","signatures":[{"sig":"MEQCIFCnIfaGv9hzxVI6QqzIq3jp9lkCqFqvAJyQ7yeuZmswAiAGOrsuziycQAe+9nSxhSkFCS1hiNZDmSkaJaJBkLKYbQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUhK7CRA9TVsSAnZWagAABekP/3AJ6HeKXZcko5zdLFxE\nwbsXf8bZiqKDyVivFM3sh0HIWVPAZVP4/rIil9OeiSUnHi34yTjeA6SvsFs9\nh+tCIYbdvauieK5qiDwPeGico5HCERoVpW2o09yKYoXueTrfrVb7jUA6k8Hk\nN2zvfkL79jaezRKVd5R8MByIdwYwtVNNNNKph746oVF7X1HBef97bQDO8zVw\nQZT/LwRnq51NKbyWN/bNCmDP4LKGa7kukcpwdKSsDZTR8yTzzapbRnw4/1cn\n9iHiWOaXn2m7iH27+dZRAsuWZxmpsCIJjnzCpYemfVnL0x5TTq0cvGR74ecK\nKWG0yBfZagRma3XU4g8gphP72L3gbmC2s0jAcG+yu6Lzr0bUcePUlffpNG4W\nyZW4b9SA+yYonq7cAXmbdn+ui+31K5NLBD5E1/72XqGci3TS7Fjdytt7pXEJ\n4vGosIheasieACMcLc/EV5NVp3VXroJMWgURKv1OGIu4Vhj7GDy6pBTKytLI\nFl1U6/P0qrR0hrkhlV7UxbT1OUx+ksmNtSWiI23TiXctrwLI58tryKIu9ttl\nPrzHGZkcT+RD4Lb5fVw1ioIC5eqD6gUCH3qZHl/6bKVidtxsfUY8pHINjWt2\nHasohT8FKMf1TAWXsz05UecyP0D/K9fbp+Vfa1a5qwPtkJADIOWECfFdiUDY\nvEzY\r\n=+n/z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.10","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.10"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.10_1582437050835_0.7788176124673492","host":"s3://npm-registry-packages"}},"3.5.0-beta.11":{"name":"@aofl/drawer","version":"3.5.0-beta.11","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.11","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8413a1e2642ea6dc54bbc73e562a26e767956eae","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.11.tgz","fileCount":8,"integrity":"sha512-00d/Wl+tXQrer4FHvd4fbEs3nIEgoUS7iToMY0txCtK71D012SfFPv1n57upgZZCHBj+8RJLDUNR65L+m5muGQ==","signatures":[{"sig":"MEQCHyrCrp1Z27jG4rLM6rhpRFtoqXQE14nVlysNh0qtAdkCIQC866q7/k4lOax7mST7n2f8ZzuZPhOMCd7c4G4yNitZhQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUiu+CRA9TVsSAnZWagAAqBAQAJ4Tl1JnqoG5Lc+YagQo\nnFwTreSUNw+NokeDzm57I+XdJK4LFwSrmRw0QWNrKTlW41Wzn8s8Y9bWs5Kh\n7T88z3JTHxPVRmcd5YOHH20v+XbOKp56x1e9CqmBQZ0LLVX+EUHMUigp5Dsv\npLvZy+GzOPv8lZPcR21kIpBERsISqmEqCYMuniJdopokLYvDgg1utK06OPPn\nkJ/VsgrrobU3iw2Vn947fvkZymw8dTL4F+j6RaKtu4qy1zsraBf/EjR4xIT6\nvrKqv5zKFElLnQjUhHv8YB+54Nb3Lc+cnSJVoJG33McccIkY2bbObniTTQ/Z\nhRdKpHsrQmYbYQfLHH7UUxvwdrfeqYA+5tfE9BbpUCEJL2kopXRtptPpYOEg\nNXK1UGYV6sEuWvXqRKDrf0ys1mAUZwwyg5RelvuY36xJZyuqW8R2YJia0I4t\nL/0PaWZPrKqHBL43tXvfsbNfSMUJOkP+OYRfwUB18m6qd3HXLdDYa3lhpZZO\na4Qz8iqQXhnkyZ0Iva/59WHGP27HwktjokqfTwPjBqHG6T6X63MZx5HSaudQ\nNq8NnEtLX/ochV0G/Fb3Fr7+4AbIcULBqmNmuZ+KayZsn+LoXpuuRI1VQ9Y2\nkKASiN9Ewj1nuPdFKUdj7ydJm/zD+lft6/kMDxsZQBfugrUFH/kvhU1AUndm\nZ6Zl\r\n=e70r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.11","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.11"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.11_1582443453873_0.4772966879048779","host":"s3://npm-registry-packages"}},"3.5.0-beta.12":{"name":"@aofl/drawer","version":"3.5.0-beta.12","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.12","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"df0624f18b11a07bac908fc38b6d68aaf9ff208b","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.12.tgz","fileCount":8,"integrity":"sha512-kMuOhxX9M3Rd6+ZaV+kXi086HorhKhhbqXuMqxjnKB3p0JaIH6yDLfDutRfaDL+2xY1oqqTtVzJ+rcYiWI+qEg==","signatures":[{"sig":"MEUCIQC3V5vtWNO4sinfOkEo68U9VFfRLhUs5W9jdqieZamFHwIgTEDxjSHdt138wXpX5AfBF2MjJdai5lQ+6cq1nmOAvRM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUj8vCRA9TVsSAnZWagAAXQoP/jFUxYFjHc+ojJJ7TR77\nTdo7n/jhqalYXM+diVjcJvHANoNlmZcMJu0EcE7QUz+8TbYPdAYA6UMJdC1h\npZM4QrHhp+MpkKDmAnuPzyxIiHjfm5B9N2i8NtVQd31p0sVF0ev7ZBQkFXvr\nGUpdxgpjjpuhEM5ZlLPMNJOfzHVk6TIU+fir3/m3+hRnPtCTpPu+zug/n79U\nfywdGIONoXMgfwE0iSXwBVwNtNq2KYXNOHgD2rgYKlZdNCwuiRPv5CRVhoPg\nDz7Bc96XrD6WAkZ1OeDf844zoqLG2L6qC/l/ur6wVCcDH2tJ2qBGui/s04uU\ngX2OaNcmfd+5SAY+eTPmAFIkaaIdwYTptJS7geYuNNhqtk79KE3vPP7VTN1m\nV1XnEy3w2Ygl4/FtL4wtkZEgyrphWWC0q8LEWgxQ+utw3MrMm7q56clT1ZVz\nfyyb4WixBRLjvelG2Oi9wjlSoWFmVU0zQ1fDEOMttOu7Y59NOOV46CS17RFc\nrCHvMNWYmvPhcHW/ufVfT8jIWimaQNFbodbTZ+1jR26++qsPjJprnz/zkcfM\nRz8NKJ4Ot/bx9lNN+6ajbYGzhNXJKM+mjSnzfgNvuhOgMoiwh7+gqocykuHf\nV8Y1XSx7Buu5Ra4Fhj/R7f5drZRxg/AU1e99Okuyne5cybvJ+raXzt9pRFs7\nzogJ\r\n=G1Ir\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.12","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.12"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.12_1582448430989_0.6390060262941393","host":"s3://npm-registry-packages"}},"3.5.0-beta.13":{"name":"@aofl/drawer","version":"3.5.0-beta.13","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.13","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c64544de76b5e9e033f2f7b250cbb17c55778bb9","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.13.tgz","fileCount":8,"integrity":"sha512-RpgQ3woO1Ji+LZg4ZmL8inzoOeLv/Daylfyex4KvGHFSKQqPmtTpX8CAvB7HP1W2S5Da3usYAzSLUTyFszeq4g==","signatures":[{"sig":"MEQCIA4Y1Tw2kfdceRYy2lGlo/AUHssTt0PVpBIk0z0dmO0MAiB7iFXlDlrZ3UO1KxIKO2lukzMlYgKcQaOxAefy2f8plw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUj+kCRA9TVsSAnZWagAA/9gP/1iL5Z4RfB4kt1x3XQr5\nhplVsMAmMTLEc+KTxKDeUnyJx1cs4+es53xtuGpPNlmFCScfBLJ3KoRrJfBZ\n6X7UqkDZV9vxPCULn/P+/DtHWD80NcGxcWNB2VWSM2tACeKgMjSCrbfHPOHa\nbxqIKOhsYAxdHptXiEq4hOwL6s6ccSs4b/7ouLcNx1cBQraYf/3C7Xov19wH\n+RCg9jVc3qaPR/pCVgj1V5/tifvaK3WvBDDyoZVp4BIpv5wLCmT/7I6p+rNT\nL4IueBNNnVX95V9q3m4f/zCIv8D+NyG2BS0BhjRrIRDl650IT+SrQuoE70q0\nn4AF8krjQe1hZbRiFM6XHcihTngb8pO2Psd3oXH3HKYPhpWg0d3ipo0Z7eIX\n1d/4U41vv2Bnr4TG9gO7BXCbE0lpmMckHlLcBIvKGxKipOCAaFrGSNqxkQtI\nu1GOuOzXpwhl7KyZ01vIxS6RxpnVBI/8IB7tURVmTaZdDGtQPl2z7OfVV1Hv\nYpWp573wj6yY09gMqU2uw9PghqT7go+mVvw+8VY2iBnvc4HjME5i7fiipqUS\nXQzVbMDhN3NBwKvGBoBh3lX/fAmNsJprNzFbQu6iihqXa4BaeKq9mPO0mfX8\nV8NZF09sW/UMDvqOaQNQfFcuHMBViWo9mqRg3/L3Db+fAyxcbJZlGdB6Z/v4\nazEg\r\n=m+V3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.13","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.13"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.13_1582448547913_0.8206972351313788","host":"s3://npm-registry-packages"}},"3.5.0-beta.14":{"name":"@aofl/drawer","version":"3.5.0-beta.14","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.14","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"77b7186cfd0c8341a51a46ec6d0f1d3fecc53720","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.14.tgz","fileCount":8,"integrity":"sha512-QoPtPCPOROPelCZ9znRbw4tubYloE727WvbCz15P5EU8BgYRbr1AKmIaMzUssLPDRJ2NIRm7LopGOO7iSsZWgA==","signatures":[{"sig":"MEQCIGDTVkvBq5PM1l4gW8IVU4CMS3LVfN1pCVA7rQRPjQ25AiBcIBaVVNEOCeEdUvlGmezHQgRMeVYHOAJ7FwfK5zTQ1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUk0/CRA9TVsSAnZWagAA8MIP/0ekW32OoHSgkUwWVz3+\n1ea/Kp1r1oMMDJGxPu4iX2wwTog+whT5WtkmrVzRpIj14qgcvKkbC1NIe2s6\nOeQwp/rVBVHBhHow34oaNLZhIDuwep8hbbxz3YYeQMYX2XEQCDhSF7sk/o7T\nH9n7IkmDFbnq8vEt2ijiJQEX1tCp6MtNeeiCy3lz24iFGtkt7jVx0Mqn3xxw\nA+++DRILQaEpCtmH7mLl/IeEPQ1KiQZ9WWcvkEp714O94732fSFc2MChaC39\nzMFeednQRgyqNmylyFSRFFraFg9Rh2pX9ZDcMXIH6scoVhb1XnEqOdymbkXC\nTqCewtnSyNMFIwk+bXBjIZw6Xm7YuImirkVrta1OSnZignMo9nsc6ZrygtUp\nquRtZd4GD1S6IVztOOFyJkQUth1dwpZQjIMqvEWTL15fKPnMyl3JM/nwAFzF\nKtJ4Gl7dB9Z//JWfuWDqrJBcMujrYJalBtfqyVGel9NUWMq09vTOM484T+MO\nhb/J2QIH9qnm60oOastiEUykOaxr8g/H2/IT0sx9/twBGLuXVHVMR2ixfSQk\ng+PFotlNpGLkvSbGcOvF4Xz6zMBF7t+0xBAxkgudAHBxDZGNgsRGMc4eWjAT\nOcFNMbioTrf3dba/V0Tx2IZdn0McV1nrp8914QWcqpIVPsJmTM8Nt1Z7qOgM\nfhYM\r\n=GHow\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.14","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.14"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.14_1582452031232_0.7109946622238319","host":"s3://npm-registry-packages"}},"3.5.0-beta.15":{"name":"@aofl/drawer","version":"3.5.0-beta.15","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.15","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"81e947fbbf5839d82e64adac4d338167b59a9913","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.15.tgz","fileCount":8,"integrity":"sha512-T0AhV78PRXGxXJsEpzE9r4GcNIMLWQ6rVMrhAfEdxcTCmGe+jrTuXxZGEsQfEIHvWg9PR3vicQespxSaS5cFvg==","signatures":[{"sig":"MEQCIAkN6bgisZA23uBLlH+LXQbAKRcLRlGNT8NgKLOKyXB/AiAg80VNEL5TnFBV8pZQUyo2ze27WKY+l/WgIl2puplUDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUmbSCRA9TVsSAnZWagAAV4gP/1XuRtMFSEVoHutT6ul/\n/VicjUhzj9sDe7QXOt+DREr2j5STcQJPVmBoKPLxklJapFpJRplIxxZ2co4m\nuIsy1pLUa0Ttw9lF9csEoLfAchHEQ+nQ5V1iERad2b2KdO78qgl7g9yVE5VZ\n1Mg92hnofPyegm29BIgfP0Kj4K1JHslqbn7z/nISIXlq3Xpm4uZjlRWuCO6+\n7vzmFitgJA0M0jQeev3DJc1v24s6TcODn0/m5jykgAm8mq95yIo6bO+tbdRC\nQmvR0kCuRFAUhqFwQKx/fjt5pCo2IWJlTekjqAFiVR7bLOSl49/5whwadUKh\n2ykTox+60CFaAqYZFrf45L0Q8M6DWGOnbmhrHBl7/M7Q82DK8NLDohtTZd2P\nw4LNVpIzacpAprH6w0ujwHv+ZhApdftmKtut0S9X6ltbmeAMbZKdCv8ZOVZT\nxyBw4hMfuOM5QkrVTagw8ICr5/WG62hrN77QTiz+MbLeS//FfTxJSJ2AGDYU\nBxNk+DLM4uF8NPPXoc4gLh5+mymFlvDWhba82lUq4iwirw7AVB0jt5EpDCQk\nsHuW2JwMCmQKQl2DCB3QrC62JfOZPmnxYAQpbzfRH0GrudLm7vh6Q1OQyzX/\nI83jz1+ar3GLU5veZBmwFMlw6JPW0+TI/mwsKu6kMYhCvCyYOHhsnV6gGbVC\nap0Z\r\n=4oDm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.15"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.15_1582458577639_0.34956868506336813","host":"s3://npm-registry-packages"}},"3.5.0-beta.16":{"name":"@aofl/drawer","version":"3.5.0-beta.16","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.16","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"6e78c1325b32bdc6ea39bcfb06108cdde396d1a9","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.16.tgz","fileCount":8,"integrity":"sha512-2wCYEc0wwFflrUMtLeFcIbKbjp+znOViW7biia3/dpdc9hdW7UFuHPz7NYq+qP8zRwp65c8EFW44Uheka6rLww==","signatures":[{"sig":"MEYCIQDViSfNTEjSoil3dgAX97etZrYPNV2UIzmKTw1MOxiyUgIhAMPVYBVTLM9P89I8DfYkDHaY8B9MDFaD51r/OyC/l5JK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUmkECRA9TVsSAnZWagAA9jkP/i2qvr53btzyj1oAEMNf\nIXXTHC1FmSoURg/xw7X8QlEFC8TDw0aSJzK6eEtQUYhaVN+QOyn0RR975tI/\nJcMJ+naWyKgCSrMPQqdsIhBdb1UbrVcgVYT+zmPiwUpD68ZdSO/I8DG9/7XG\nSSTL5MoPsTIgQYr9qmSUqX9wSM1vrRr8WvQgoh7sYqbnmDq09TGvmerJlL+a\n8Mopb0QJamBgiAGqAMsF+GAFDEHOhdrlXNdI3M6k7J+PilvqQIJUqoPxQlXX\nerU5FAdMqmdVZDS13OpsaKISLlTZffZlnP+4MoXL6LbYPBDeOa1XSB8gPO5l\nTOCh86R/gERgKGfCSrK8ExiwF8lPC0cTHBFl89BXA1ySNu3tHw0reMZyO78l\nPDmlD2+Q5SbSM/TtqOIUAssjAqaY8YxwyI2J1oNBrC192nDKsBUROLrhN7Xl\ng4VGDaU3kxGvHmeQvm6Udc0hEBBw0vKok0pfcdJH3Xh32Bd+Zkw16PI99Fs9\n/JQq5kDAlcAwCAV68nqvtw9CN3GgQqQdorqcJbu/CdDp0JW84J2gHDSL77R/\n+HAFP1T3tDksVBf0/daFdMrjIYnCjkBHWjPir9Qxv6qd1I3lNSuXK/UKNqFl\nokDKQi8eP4oJhXn+1Xdf0WiWJs+Mx7jux9vNY4MtJkhp/Icba3CAVCLr7+XY\nigPH\r\n=jO4Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.16","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.16"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.16_1582459140058_0.0533751220049532","host":"s3://npm-registry-packages"}},"3.5.0-beta.17":{"name":"@aofl/drawer","version":"3.5.0-beta.17","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.17","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"2660a5fe332762637d7e187195d13e9cb3476ec3","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.17.tgz","fileCount":8,"integrity":"sha512-IugMet7Dv7wZDjXWnhA2Rc4aCqaMh6bYpT3909hLyQZKurVhzlH/EoZhCrwzHQEhmxShdFAt8GTvTYu1tqSxWw==","signatures":[{"sig":"MEQCIDB7ZZVhFFCta87gqcKu2t+roPaGgdNJTaEAgNqbG+kCAiAIpwThZuVZXWClT3L/ZKUKg7nWiJXtViSlRu+iLDuEog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUmy6CRA9TVsSAnZWagAAaw4P/Rzdq7D+bXf3MLaL1Bc1\ngo9wUE0tPy9ue6eQ1Dmf+7l/UTygA8eGO1SIVqCFdnMrb71sxTl9nRDVjQEu\nLOr/8BJ3QQr4ifo3Wqn/iJHAxv06yk/5pAXoLE2HblV65Dj9RwD+LS8dcfDG\nW8WVUXFu8rBfeAgCcvn/9txdggMNdT+2Df/up5vSweOjYF9o7Df7b55Vsc+D\nn784egxpskcRg+dTA6b+eseAFN7wOwVRdyd+e/5d/BiMyFnxQP0vvXFT2lus\nOFB69pyp8KjcbH8bQmtEbOkUDVFoDmcP1hdntnZnB40JgS18LlMItOJqqLDv\nre02j0s3Af2LGeuFWpXhLrhzOnGrCqQkGRNqwAwipU0dU6K7RWSt+ydwxZE9\nW3SqCIi+9Vn3s5JKskMMHcPgGlWu6GIE9M65d1JD8UxazOYpCXCgg1WYZfs2\nTwCrCPD3e8PZiBwAMGM24EGkv50ugYgUgcmMhWsrFJUXOLpc2sAzkakFN18Z\n7kddDxuY/J9Hmd15W6ZePlwvh2dehPzqfDgpZ5KhS1WyUowdAHYEVfROX06O\n9havx7i8CunJXFw5zkxFTOGgl5VUPJWzAlEhlv1VDSJ8YhOpAJ6rGsVtNvM8\nNGrQQ3V+UoJtsbsyJChTTc0SnbnYZV8Qyw10eRGfur6dJ4malRbrkqvt2rBq\npYH7\r\n=2EN5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.17","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.17"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.17_1582460090348_0.20213199618066913","host":"s3://npm-registry-packages"}},"3.5.0-beta.18":{"name":"@aofl/drawer","version":"3.5.0-beta.18","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.18","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"58fd757d4da33a9d5b68ba58013da18a7555662b","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.18.tgz","fileCount":8,"integrity":"sha512-BmNJBsE9P8BmIWr7T15K4QYoENgiAQrPlM1D0innaUHIFhxgw7Q8UtfcEc/l828A1L9F5Q56BVt7aLye7rgeog==","signatures":[{"sig":"MEUCIQC1J4SDGFS0r7Hokr/AQzIaREzg8ZAEwA3/BQFi4l0ZSwIgf5aWdNy8i85wKM48FwQlJUSnKBgkV/etTo9ET8M963U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVJu9CRA9TVsSAnZWagAAO9IP/1EyYFEj2mWhU1b5J5HP\net6rj9VqVI+nxVdT8rN1Nl5i44CFNL+FBP7eCKrcQRmQVaqAoyZyZJaMctcN\n0bolLULaaIpQf56SMvFi0lIR30qfmZOEr4mkN1L9vd5mAW2cqjhjxBXfK/DA\n7GrZBuVCvaNpUmRhBnhK64jtTKK6LcTYpbZ9f3shmHW+ODrwTm99AL0PB3kT\nLQB50EEolTooK/CCV/zqQPIUo0G1DPTs+x6JQnacFCtsVM6kUhRTTXbAD7eF\nkvIR5RSQ925UblhgzGtBtcJbz7gY1sDlLXZsFO0lZIDP5xCtBvUY0EX4Cc5k\nBQc95NMs06BQp8/GNJ2sUIDGu+gEf0J8cLPOrKoD3EwjOOCvV6n7fju7F5Ok\nK5oaI6w4GaxAduo5oO+W2KSTT0H0S0krdzAXMNJ5ZHNn6+APKM3RQ38GZA1g\nUOTXOb7eSM0YfOXYAEemv7yvLV8PQ2isqlqtoYteY0WfYbWZr4vRCs40Eury\ns4pkslGNdQt6aDNWd0Bwq7QM1UUofezAxbreSVPzRr9inSbdXrQLzhxgxdoP\nW2qKclfreW6JTJjK5HAVUUdIN0MIMEAgtTvFO99hMvacMjv3+8x1qtOhuYA6\npkHXOP2qQ1mrBxNyuBBwGuDUbYAHaHikINvW/QmZaZRECnqDZYDsHTyDcX2G\nc9aw\r\n=hJAd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.18","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.18"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.18_1582603196980_0.8348912140966753","host":"s3://npm-registry-packages"}},"3.5.0-beta.19":{"name":"@aofl/drawer","version":"3.5.0-beta.19","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.19","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f207171763635d99d25db23ba54ce59ad03f1fe0","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.19.tgz","fileCount":8,"integrity":"sha512-eaFDLY9X6nOXvgzHQny1f6K7Djzifywl7miodnBGKgAuKWrjHVGICHORzKbZJvYhqI8p71uu7qecv9pbbFgZUg==","signatures":[{"sig":"MEUCIQCXdZBw6kr6d0P8arOynVytS0sYXSHUpou7MB2Dqm1FKQIgCN+NixyazD0SfxMjcWhY3OwnpUzGvNM5ZxIi5cTgcTw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVbRqCRA9TVsSAnZWagAA1Y8P/RJ8IANF+90pPegLTVX0\n0Wxyy6oqcELTTaphY8Hzs68n5FOOog019jHzx6STM2AACo+GjGSunGxLSH5l\nlvTrr0iMkX28NtS8IMBurXbhsF4EztjQ9FpG/DNccgF4G27c2UcOnezZ3F56\nrcX75brtHseYRQCupFJ2ToEbCH9K/PGAxlEvKUorINHFMqdICJBfSGikIl6n\nHb0bjyHhb9ZifC0WcckHE3tJEhTH0Kl6sLglLoKpdAoX6m0hQ6SJTpNUaDv9\nH9SQJmM4epJ/8kRSQ/asGYUhgqGY3JPTSGahBlvd9xUK7l/woGmB9tRb/mLE\nbnbgwVpYeg8Xw08eyL8zcLItkrMN/TNFQdhQll+bpHBPqlaQo36+oOkRnThM\neul2DUYOyPEZwpDevnpdq6FUMhFQBy0q5lJBMm9ZxdahR+ND5EUbUruy4xFD\nAW6Dw3lcnYaXKKH13tRqPdJqyEmWqIx9KcgR0sHrDPUGCq6LZkHkRw2IHjWi\nbGQSMFVpV47oo8pyrphVOByW/XDZwD8Qw16MU3LnEM3sTwPgO6Q11O8DlUZD\nrhhZepjOJPf81gsW664hoElsKtKNLgfJ895tsS4aDLs+xWMYCEgzrLi0NQNS\nV9LbaxBrRUwMTYbU0/8+cH7QVohStCI0NQSRrM7xmjtt4kq6//Qml9bXmGbZ\n9Z7X\r\n=Gy1m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.19","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.19"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.19_1582675049848_0.9749601844523232","host":"s3://npm-registry-packages"}},"3.5.0-beta.20":{"name":"@aofl/drawer","version":"3.5.0-beta.20","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.20","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"fe4c8b1edf43dbf15993b96161c8d0107eba66dc","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.20.tgz","fileCount":8,"integrity":"sha512-byWE7xZTfja1hPEuc9DB2uodEMHW1C8fOzv2Z2yy210ri1+byf9DpVYrVA7S2PwUQEqC9pUE0dWniL65k7ptTQ==","signatures":[{"sig":"MEQCIBg0C2JZR2jwpqlSdD3Q9GmwZ/IENTOkxxUaUHv4MIexAiA5hTOy+xixth1Xbmgg57BD9z5iNUKz5rBEzH4RTyhOCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZVXCRA9TVsSAnZWagAAZUMP/1uYLZdr6ugRhEPPHSV+\ne3xjRf1GMfPaBOB6KZDw3Ru8UGo0NGDmqOfosY+QLcosGlac0hT/ugQC+6uB\nXGxUDkpYrww4FcYFPdL3hp1KrKfCTcUGRms52WqaR5BHvH+Vjp8gYIaHm39s\nYN4TQiMWx+ZZty5whCvMzFt7YZL7iWofXY5Rde9231iIG+qdlzf64piKfTHo\naZOlBNM+nP4aAr4XV/fYpLc0MUZmRHNDlpMzFoWtQdWHwOP03pKmLnmo2aBF\nv0zd+meHCi+9HKKBbsPUm5yyQeyzvE9CKBvNJbcOUwEBY+zI/eD1rIRoFpo7\nOofUMaAmV3SdGv+9nJiYCXt7fRcZvDYWyUhGrQh+6uRjFfcezA7y+5u2u6D+\n8s3cc4yuxCR8DZLe9tMfiOJpU9FCANtFBaL985NoFU+9Z1hyn9qKPpBxbSth\nyuU+empkKgfK8UPcDoFzKW0gFY8AuRyXZpfsqd0GcZWF7sZitqRGuSkOA1Xz\n7gPJKN7jekrQDMaueuODxo0oKhBlsXNebrSqzilnuqiieIIj5U9/gFrTqqJG\nxXm1BweCVNtj6X07bJcbIdudeTBxS+RlanqBD0OZaX5LLDCjxmckbySIQHbs\nzrAD/sWSLVj379ZzdDXQWxQsgVma1tv3eUiirHP5orJ6UXuLmL697KbANRlE\nqNxA\r\n=WVqE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.20","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.20"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.20_1583191383444_0.10229944393451884","host":"s3://npm-registry-packages"}},"3.5.0-beta.21":{"name":"@aofl/drawer","version":"3.5.0-beta.21","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.21","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"939cc69b3bd1079bd6712d5f044f1e05b8f0d131","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.21.tgz","fileCount":8,"integrity":"sha512-8pOJupiSpG4lezVpglAm6CRb1Rq7a9nvJXfOwuXZYVamJsoF/xFg/nKI27QmV7oGjeNwgfkPfCPSnLhgwmjgSw==","signatures":[{"sig":"MEQCIGLWwlGkxLkksBYPmFvcKxQo3y1yvZ/i87LVx/AgZUWQAiBxtxyZDKEtDaN9l0g92apnUk2jA3835WyPD8RDCfqC/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZZcCRA9TVsSAnZWagAAWEAQAIfHDhzkDReM3VUTjJTh\niFdL9/NWGXxe9MMzZkHqkMJpfrvHOWueJWcu2cqFvwZRj4Fxi84zy40Jyxi5\nrHdCUdSR18f7ZHx4plHq42P6lFNEvGx1sU5HWUMJ17pVf+E7v5Bx2zNpxIk6\nffkrC+272tWBV++0ldVrHHLX0BOezBJgveP0DiJAf/quQfQrfD1bc4Ydbj+e\nSkB8Ef+Hvvt0CCNi6PBG+M2c3lsBIkQJjHBgDD/+OIpKtrTwbuygQSeh5BLB\n5Spkmz6GX2hLPuDh7g4cXknO7TdsHf4/whb5/0stoR1WzMVdG8hewpdhAnBE\nt4OHzdMPLbB/+KQkeVX5xGmpi00dw0SH+qAhXp2Y23lYJWQ3UKR3Dqql93IV\n9wmRJx1CkS4HdNzLjzzxvb4VdzBoXHXRoyZnvEvuYsMBWnXaDHZ19yAPDaG+\nSocGMneDMkc/+pEwdFb+KiVYwxQs/kfqolEaQ7aJuTmjo4BBopOKtKV5GSNk\nAmqhmQ8SkqCdJwHaAGSfM6SuwEI0p/5pAlB5kdOJDUKXbynZuOv2RNRhOmK9\naWb2umsvyOyoDn6KvdRJOD4bwpgjnT6PR4sXWZFRr1KuRfNb196YS6Nkyi+b\n2d2MLHTHd/lPRBkFm4AXq1CibUFkN9SlEkHELTfLp2CSDbNxwPF5nqGZ4mrN\nxtGl\r\n=wjUm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.21","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.21"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.21_1583191644357_0.48724364851689916","host":"s3://npm-registry-packages"}},"3.5.0-beta.22":{"name":"@aofl/drawer","version":"3.5.0-beta.22","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0-beta.22","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"9e11530459f93935d4a1220cf1e6f823901a3b0c","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0-beta.22.tgz","fileCount":8,"integrity":"sha512-GofwzNqKdDF3jKP/8NA7gR5EKsG0O9ZGTsT9JvDQE0V6tM5SV7C18UiHAWFmdlRBzywNo8D3CWe3UvZdMq2qVA==","signatures":[{"sig":"MEUCIQCwj5b0+33BZ5axgMglpBIScfd1YlID7dpHOAwd0gZ1zQIgbpVV9O9XikGtrupo/Kl1k3s7HZmpdGG/4TtUvWDLJ28=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZnrCRA9TVsSAnZWagAAkcYP+QHVNSB4wCNaRcDN+NXo\nYypSGQiSeDQqGWTYRj9Xv2p0iAZxtpBQDyjDiVBgN6eCUeF0Z/26jR2GzTwM\nSbyxXTlL3XULkGQp1Ju/rcZJvRq5Of5hn0GCpSXr/6swUjrWwBcMepJyG05Z\nlm3dl7qgYiOeShSaxCKS8ZQJXqB5jD2e+jHfkvlU0Z3OaNolDR3N/Ei4azM9\njrcfZXbgEfeGAbwyi7Tres0nwXWn5Gduu2Wpbd2hXv5XxvPziQHlL/Ifj5Cs\n7AdGWKLnbwQGdLOKnFNmnAMH0STczXXceP6Z6KVxUo4FVAPpmjv1ySC2SpwU\nhz3tkbyv4YkjAR1O7STiAa2KPOOrGPZb/p6AjWzCwyWwPQoFdSodSiWQH250\nzFJzNxm6MzfChzxDSye0yg8yztjh4wtiQ+4NMCFkGoPsoe9BKXM4ml/hGNq0\nO5epieWJlW7pe5I7ARzqrX1XHsd3T1fFd4h0aEP0FA637focQJlaGoFio2VW\nH8MOIeg9Be4YG7e7/X2swMQUGh/4FEE5hsGQEtPEh9C+4EH2cvNiCbVycLlQ\n5qwaaDA6DAL7nOnowxuDE1b64niGJt+aK4MCW4q2dcvoKlTptklvaehbV286\nJvpLxiNWYqwUiuFenzq/McviosrJ4NmN9FpunSZ4wMdCNYFLjaJ0SYIfcNs4\nriEZ\r\n=zUKE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.22","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.22"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0-beta.22_1583192555587_0.07241328454117002","host":"s3://npm-registry-packages"}},"3.5.0":{"name":"@aofl/drawer","version":"3.5.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.5.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"10ffc98449aba830a125d417c5862a6b7a419296","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.5.0.tgz","fileCount":8,"integrity":"sha512-BDrK0a2sFSQWvwAqnJaksiuudHz8kMFeo48/tkcr0pPKv2P13hHg2s+hle3octvG3PpJ1pPRDvjrjmRMYO7Nfg==","signatures":[{"sig":"MEYCIQCPKpP1h15oeM/4m6DiUKuyIUgKiPFIH5weDEDDvpZDbwIhAMyjHSZbLU8txxG/YkrlkfYhVSfSoJhMxB1ZYPfZxSIT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZ7QCRA9TVsSAnZWagAACEgP/jWlHZ1L48H6FXZT2xkW\nfo8D1f7qjarGRIFgZ8jsAElEbZVx6prJvKi2QGFN1JPqyahZ8tohD3VxG35m\n/tMdkgnnccesViIKOWkf9OhSgITfNw/CuQm95Hr3mAyVYfiVjkixLI2/WvwU\ngemzzOkjzVsFytBJynRnXAgJTsisGVg/FE3Jx25t9QDLfB+UJxn+krdSy93j\nOqmHNJpBS0V6bGz48HsGZ+BVW6iTpUQ5K5aLRgwiq1nrSXUeuL8y8nkcUQrT\nlfoltPbT7N4boVM0MCb90o2LHG7Jn1zW8SaLLPAMWGTUPhsg0hFZc/RkNqy/\nkikv7Ikfndi74yGqTWtT85rpmeWdSUbMz27AWeno8sM6UXAJ57CJDMI/Oghi\nf7fiawP+WXplS86Q+I7Uolt2Gcrpq51ZmIcaZTFOiXDmSQhVc8vERoiiI0aO\nazNHBmOEk5ghx55GcGeTwSxqoNjZDnVjbkJtAXvasjk1CCNXSDSOSfhJchjM\n/Y1uO2LMMlI8euz7dXGHMmdA/bLOz0AqkvX83g+rcuY+S0CV4lKjNtcgV6/Y\n/Y7PE129J1rCHT1EkC1ByZZF84mYaAgJkpZwwIr4rJsyiK9HmrG2opQfGZ7j\noxNlppRxY5rtbajXrkgszJpnvsyeGAXkqzJUe8gU96IfYJuLl5xerALS5l2j\nrnrB\r\n=DQYa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.5.0_1583193807851_0.8387777135095287","host":"s3://npm-registry-packages"}},"3.6.1":{"name":"@aofl/drawer","version":"3.6.1","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.6.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"06ed7d64d446c307edd4af3b40ff6fc5db53d65d","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.6.1.tgz","fileCount":8,"integrity":"sha512-s85jMQq5cklz2zTYVFTvGUd+MN++qpHBIUE64mpYlWKURRKUD6PsxyXgfTwN5AE4e2p565n2dsAmekE/PE6tHQ==","signatures":[{"sig":"MEYCIQD4ob4Z8maL95YzWYnchLzAig/ecfuNEY/Hbj2yXI5WSQIhAOCL9GurVGqrguaj3cM04eUuzykcaCgyVIunQG6X2ptw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ9/ECRA9TVsSAnZWagAA3MwP/iVtz7NRrkO0TWtSG4oQ\nFKmhEjFcMGRpUsSgErylmAu4VzFEKwh+DhZvoMcVHg6A9o3EkvWjA8txQdAh\n3RUudhh7z2xovBDnx3T+IoGIzi+7BXgzoBJsufop8f73C6XFZdLSRrQJ8pnw\nRMs4BP/83RWYndOdHhTIK7t+sFuM1yD90gM4KnAgyu5EAqiYGHPDyCcmrAHV\nEMR/AW/kKV2YrtXyqsJG7eacEoKzQs20tbSgRv9Ks9y+NUQobzJpHCehpfsN\nYKlsT63kr4XJ4u/k1uIf3M/KQBtsuUqDUGUo2/i3kDuJI17BAZx/0bZwZW5N\nK05BWYJk55w1i39twoY2wveSs/t2Akuhq4evrc4Nl2VH9tb7BuYbnFMaEVis\nhmuZinjrVb3RhR1GG52SWCOd2hMmc/iguoifhcLs1IAz6UwLIEE9DvlzI+7F\nxp1SOkB7nM5cULZHIzUCUmTt+JsYqJ88KWsK76EeOqRmK5bIGkoS+KG64JoV\nt/5zz23MyAjMJThkkX8vKIF0r1nD/2eXHGZF4wR4h6zO/c/hcgjcRZp2LTjX\nLJTK60QZHVfRdj3oZiEvvDdFhrrIW74Ddx7Gy36UDLwKbNARSK4sTHsFrQQj\nnzlRxmFK2tpx0BZ9Wdy3in/HY2pn8hjqzSXV2daIU2Qvc5aJrnvcua21e3qK\nSrwU\r\n=A/Mk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.6.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.6.1"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.6.1_1583865796162_0.31368869543222777","host":"s3://npm-registry-packages"}},"3.8.0":{"name":"@aofl/drawer","version":"3.8.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.8.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"447503ce164db02203005b5e9e6bdf9e5f760f1a","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.8.0.tgz","fileCount":8,"integrity":"sha512-EGwRVUwQtT4i0MkgNvIM7SQrU4UYaFEZ9OyqTVGn+GY3lc5NeTmGeZ1R2Lpj7geOT8LpK7cZ3BZeCXfRvYaVnQ==","signatures":[{"sig":"MEUCICbIInVO2JYyEQABVnwEC3BuZzT3X+6R9X1yR9T3aSfHAiEA/2vnAgQxFLWspbhOqdpL77zmgxKWIK4eXm2mbz0CWz8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuvbSCRA9TVsSAnZWagAANRcP+wZ965/FnPLMv6p+B1AC\n67S+6MX1fyTSnLSyqprvuzz+B1FbL0cMjxdaVElN0Qj/AeUZpHK+oo+aVSbg\nwqdD7Ua6MXfSx7YYL9yCDFu0v56lX/QY3BG9uFSmYDtZA/4s9o3Ja1qGyNAo\nxt7ge4LSj+IDlkuoblXHtjvYRvdfhbFvwYhu8/c+B+WKyEyj9X+OxL49XamY\nJK1QUPsIcjwfqZw0FJnDtAjgnRzwr5DI5Yc5mwCUzQbvKcCHlqZHf4TiCY18\nIqTAid5yuDa8UJ5pNjNimRYKVkmBURon/Jesl3tiqEHSn0TRAOxRHfkypKZO\nshB3oeZGewpkQ0mmw6X3Ae1lldxzb0/4qWs3AtLY0oW3zPx8Lxu8l5Ns/zj8\nvikSsxIVpvCcf5DMBHuuTI5XDVvAOJ2Gm8TTqhb2pfokDY9AD8bxegsc9vTk\nr47iBFxe9P2eiWIruW2thPpCp4jNskedHdwV6Hr8qAFWELPaBIX3ZisNaVyQ\nfqAfZdwzWXvaeg50CfFhCWj/V/ZWGSncCvileQaBFd4m9siiIXQnJtl82Edx\n9jbXZxa5PutiQ9Lzc//htVnaMe5w+a3PRwAIcfqYIxqCio8WtqOWCv8jNOCS\nIf467vl13BZAfDUcQfB/Eb59FB/kM3jIS+T1J2OsHDYNr46ip35wr5LdKyPf\nKP64\r\n=HOis\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.8.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.8.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.8.0_1589311186516_0.4854717717674595","host":"s3://npm-registry-packages"}},"3.9.0-alpha.0":{"name":"@aofl/drawer","version":"3.9.0-alpha.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.9.0-alpha.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"547aea4035a1e9170c3b4cfefd3500d7075f312f","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.9.0-alpha.0.tgz","fileCount":8,"integrity":"sha512-/1cGTn/UMho/TXYc5ULpCiYGaWwR4EuPNi/Ega6R228v5cfjHRDK8kgJxD3Xr3nsh3swciYRh655RTLBZzwf2w==","signatures":[{"sig":"MEYCIQDLvZRkXnqJA14LQmcApm++Ghg+dQ8w71XIAYDqteykQQIhANTy5p6jAnHnCD3rRcrrGM4uFXq2ldTob7+kdd5S6CYC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuvlPCRA9TVsSAnZWagAA/44QAI2iYyoj4hvNOOMNTNtV\nOSdzobij+sdF1RdcrOO3ppLBEpU6Xq+ecS0yyWTUUnNJB71+268Fpv89sL9P\n6E4yA2Zd+/nHZEdm0RkxPInq7nNb8Elj2P2saFcjODvi+g94UZHDZqSWQeBv\nX7AYR8GhLWJzi6hMdvvYL7xEZkxC2gykuSfaeZBSfLB3rZAXx4Njk4IcKkWA\nIyR33+BXD4To2gZm8yavbgrWReBXbNBGuw0zuiLsB8I4c/YaNx32RFFUALhb\nhvad8aZ/P/LyTSEx6tz70CKcVkPg1rDEtuvAATy6XUatgHfDqoXoRnzmjlXZ\ny4+fKpo6DXv/Ch8xSSFGRzAzMXZW1VKC2uy75BmIopnJejptQos8oa8SbShA\nfog5wl7jdw5P1tjQCl4AK+g6K6RzaGvO9j128RmjjJtL/+asWbuTR63V5JTJ\n1MBoi+vuvuXXeIKbofjSkd0Rk/kl1CSq1KIFD71vIQkhDhvCk4Q4gf3RK5pk\nNZIOK2j5cVgOW0GR0+4Ht+Gg7fnPpRioCt1HdtM2uzSKXa1bNK9d0cLrwx3u\nzBWCuVc8oHY+3dWjCb8KfcZrJtV3Xk6bPX2UCzX/7qIPQA1GdfsG6nUXrnEP\nhDljNnWpqfqdQFHysDo0XUE3aM5i8eb9RSdNbyd+cJdq2WEje8o5S/mp8f3x\no465\r\n=Ervf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.9.0-alpha.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.9.0-alpha.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.9.0-alpha.0_1589311822861_0.8294341010774302","host":"s3://npm-registry-packages"}},"3.8.1":{"name":"@aofl/drawer","version":"3.8.1","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.8.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8dc14b2a63d58cf9fa95f7b9e261cad276291184","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.8.1.tgz","fileCount":8,"integrity":"sha512-E+0F07OtzpI38QgrbbCB852+zkvm21LX3/EySde+DeJywqfePuF6kYXkuNpD3UNOspNuLLytqxMnsjP6TTnr+g==","signatures":[{"sig":"MEUCIQDeIKueOwoNz3W9pThN9NlfBNW0BtooLsklv1LS9uXLVQIgY5aFY5A2pnePYb2K9xZkxHMILxSQi5ctl2QyfSn4hpE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuvvWCRA9TVsSAnZWagAAP90QAKF4PywuW8hDFPW5kPBO\n5FERZ3tRvakSZes36mY3jkw78hn2kxE6jFCIjtd664cwRy0zyhbKG/Ug4qxJ\nvnTaktg7xTT4SCZXeIwoaaLBVRHrAX7LZZJssiGW0viM3oyjlKpPlHYsqBNw\nQNLvPi5M+RxBCOacdYPsOCqvcfOs8H8Xm9sJ84Za7QV6JpULNHXyXVMp+cJa\nm1ag0S1HLHpfOCmOPiQwsgHXS5KjLNgOD/jt8jAuNBcrYhObMc3ckPhZ3WKP\nq71cvkPJkeQ7TSLH/bEK80PJDvhxyZbTvzRSpI0T4GBWuv/zQEApp0Kr/On9\nxHv6iWIkwW8rM/RJ58ZG++YJS2PHWXRlgxkWDiqajTkuVRUeSW3CjlahU1f+\nJVMWgiIi88W7YFSGsA7nKLD8m82uj76PJb95P22eicf/vU065I3o+Yzbi3U0\nB7IX/2ZdcAPGLuULwY5DXdp0hm6uhbBh9EEgqgL2nt3W5Xv5dfQHQZkHVj51\nXiJIT5JSzQRNJwiTUyJBuwxppPtvhbciki3n8+3X5aO7UKannKWhFSrUExbW\n31b+xo5gcdkqCls20n6HaS8aZJwkDkwJI5lylq3bQUiaDxKp/LQro3HmjBL2\nyxfL4fwxApJHNHUlQUrmuLGkFgTL9pdYbeuL/AcccFOxNqcUSDXB1VQ4UBjJ\nUuJ6\r\n=Kbed\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.8.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.8.1"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.8.1_1589312469965_0.16989753446292366","host":"s3://npm-registry-packages"}},"3.9.0":{"name":"@aofl/drawer","version":"3.9.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.9.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8775e4ddeb03d4c2da6bbea7bd851b932f858eba","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.9.0.tgz","fileCount":8,"integrity":"sha512-RGwOY0f7wF43BYlzWle6Fjf1CCFi2dbWD2dLahLuSD2m45JDzAVk0jGBTc4RdvPD8U9/E/zKKqDUdXwE7+Nv+Q==","signatures":[{"sig":"MEYCIQCeMCRfftwrynlMAQRFPeFyOgG4fK+Wto0gbz10xERqTQIhAIeST6d0ub37jL2ARp4f1mj4eOh3zaWzmSN+GI2shArB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevthHCRA9TVsSAnZWagAAJMgQAKSo6f51oWsTORcHAh5Y\n7K5Y7xTRfm27lcm20nQ+TTDsvWb9J4Z2QFcDgoMW5J07wsjywOH4OK67qj+2\nN2lZh/n8UnjG9IfHTZjNcaG1CCqVW7Nj5Z6aRMyK0tjNwvAWY7y4652F+BuC\nDEk2MyCCSTyTk1ePzDyFLabnqjM4+OFVis3Fh3IHOiIRmgfvpAP9YX/4NJcu\nN/aknZrRd3h3YNARIIEKAfsCjCs4u6OSyGEFIVfpAT2YIm3W1zOO0POsewao\ns1dcWKcKvODah6kROJuw9ejiAD5dfcFRGvPo2Nb1k2dSHoL5knp/UUEoBpII\nz8QgQDzOT5ZT0L8RfjGS8gBjGIm0LRjC9VxE+qNEmae1e8aBjHN9zNzS//2H\nD267N5BPOV0e5vo153rywVHs0hQN4ZcsPRRR8XRXd4sIsgcOXhWonvDzaiQO\n8a205GhxmvtRKXRcYtJX2r9IZPJrpAlIWfdbX4BObNMhPS4qdLcmqWGv27lN\nBYLadtKLPXwubB71bMyYMzInlkUOy2jmwom3GdXxnLIDl1UtVryeFf8qGTBQ\nD8GePuyaMhfBKkuSMAKO7eTsu5wWq9M1bpnol20EFfPvPwgSdFkDWJ7lQUA2\nxnIjKEn7psInnenykGW+VRZ3+ljWQIbGlKw4tdvnFVuw2pYWSu/YgyDUuXp/\nUw7s\r\n=BtGx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.9.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.9.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.9.0_1589565511390_0.47617281912093423","host":"s3://npm-registry-packages"}},"3.10.0":{"name":"@aofl/drawer","version":"3.10.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.10.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"62be1b4ee98c45dc0966e98fe5cd6b33ea68d80f","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.10.0.tgz","fileCount":8,"integrity":"sha512-21l2QgJ6eoae/j5hUwlxXVJkNKd4csWn8L1Unb0ZJBbFZFfOjJ1Ap7FNnagc8of3BWd4yj+AWqaaqk/4pbZvvQ==","signatures":[{"sig":"MEUCIGKubaOmR+eLQyiafvUAxp6Do9oFkofFtftpRFo9XhLtAiEA/uAT/RL8UgldstUZyPAmRWTeT6D0RK9V0vPVNGbvO1Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevwaFCRA9TVsSAnZWagAAkmIP/18rxjpTA5Cm5fy4QssF\nJUrvD3DHliK++Mn6oH0nFNPTP064Y/UMxL131xguMiksAcSDGwJZ0051kjvY\nqROC9pjQoL50xOtUbUTwa/G/mNLUPfso2ev2NJmdbCUUePr+djpI/zfkc/UM\ncdyGn63Z8P0BLEaUYclomN20lOyF+lv5EUlDh3vqUSzXa5epwEmi2/H2Xt5x\nH1ww2Htf4soJ04bhTwM0lF6P8O2PJD62XIl0zzVZ6ebPm280nUPykOmI7nAS\nA0Os50T7Uh73ltRxM+GD5scHYRwwe/+UjVXC5Sgn+Vg65/gizs4zQPaPoIQD\nqLAzdlXIFsTARryE9uBa74YIYpWtHveTZ2/MPI1UqOQHdfn75BMA9DPaRyLg\nML9QZR+oos3vmtek/BFIFvpYFvFKnalOzOYpJj/iNLODH4Vx2FKDHW+AUTed\ndyKDX3BvB4FH13y2oiJCq1hbcShRnsXlyQglXkZ9nM1nxBkBSaVMoJIAxbGo\nQS2e9WAeK66lJtGOilMkzhwJs3aVmJ8E348LLc44ZrQs+NezcNUT603I4s3O\nIik5bMR9UhFgSsakHvyb5IbNlf2UINoOcN1nFkR2g9Y3v1I5VON1PwCoo834\nYMQLC0VajvX0KGWMSFZ/IrKNSnKMQq0dwOzCIrkB481Yq0JwYnQT+PYTlQGa\nLr1h\r\n=Re0K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.10.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.10.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.10.0_1589577348639_0.8483619681511789","host":"s3://npm-registry-packages"}},"3.12.0":{"name":"@aofl/drawer","version":"3.12.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.12.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"09d7eaa0d349f6536eeeb46661c6853a8be76afc","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.12.0.tgz","fileCount":8,"integrity":"sha512-/2ARd7LsScEpQLzCmv2jrm5ZhILPJOB4wdEIltMgzSjTL55VYMnDo6f11YACgzKb0VKMN9lUOv+I0FlAx/bDAg==","signatures":[{"sig":"MEYCIQDkVcjC2GyQcoIuY/fzk1nEPJ8rG82L0xegafUguByu7AIhAIQeMqXqNbeL0qR6yH9amUNLupHqlElwiuzABkRWtTrM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB3MBCRA9TVsSAnZWagAAhLcP/3EUu8NnLbgWQOwFcDX4\nFIhq+51fDrfLlUvdtKE8oJK8FBAta0i4l4EtEs3Q9L4+FtpuYtB7GmIy+yXC\nwCpgkq3Rrg1Nnpf5o84SaB41TsZg3/B8iemL+sxtQyJ1jQwO4k6JjbCjUZ63\nz/G/FSA2XnavgUh5sSALZZplwTZtWrZwohspdiPg7nmwqwq0vzUtRDPlXnyR\n5PxpxESZpvIb09B73hfWIgREPS/a2TawylyxKzL6vddQoys/3nySStUmZ7Mt\n1wTm3pgvjlm6L4a8ip3w7Xaf++PneSb9l+OWNAU5+BAoLaffm2x7FdHRHzk+\noNAJatXwL+a/7jJIsfdWH4GX3WqJRRhxP36pa+SIVxj5s0pjL6A7o7ZCQEaJ\nyWbYlWyu6UrMHeZyxfSaZGIDKczfcyvZTkP8NpmwetzIZrGGQvPDbR1Paf3w\nVwtmFlJyOoGWCc15iDs7irHyBdEMwtChy3+C8fM5GQMbac2Q3vMcGhMH6mln\nGGuMUct7ylczFGuPMAjICLYV5UFycZaCsXMx8BzCDrcON/iCHVigTt8MMpUG\nEdeX6m1mOWCGq6gTyk6cbQGcTMnWzRVqqmF2Zk3UWLyITdr1IuzQ5DArM98y\nso7zqPYVXvG3CGPlpO9uNkR8xQGYvZQqxZST/1h7bPBLH+cg8V4ES3ERSKzF\n5qIH\r\n=OWBb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.4","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.16.3","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.12.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.12.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.12.0_1611100929220_0.9234139608733478","host":"s3://npm-registry-packages"}},"3.12.1":{"name":"@aofl/drawer","version":"3.12.1","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.12.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"9242bdd1d375e85a6c294830fff25919e89e33b8","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.12.1.tgz","fileCount":8,"integrity":"sha512-O45uraQ5bxvZYquKMPnu1mLKybPBPbb8UbC3KvvLzy8/q6CGntgRFT8Qim7Ie6go7YeKYeY7OlqawydGlX/x+A==","signatures":[{"sig":"MEUCIQDKMzTkbalAm7/7Ej11yJQhO3MwXyz2ddhgej3rsEz/vQIgSUy0VKXs2TLfgA+Q4zB2XFt0JDRWQc16SDsayasaHbo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB3WSCRA9TVsSAnZWagAAV8wP/186IHlpolOsYzq3jFlM\nnj4SqOB8C+dyMiBiKZLSnzwUmD6oz4LEWBBaIIMCdQQ441v0+YDmz1IRtGpG\nb9s8WPtcGI+AxCCeSsrqA5pCL0sHvSYP5rlRDFsDE8MwLV+9m7BR8KH0rWet\nm5vrYfzDzemvQssRpBvikiiNEdooRn6u9LDiPhh3t45tI29DRIwfFl4vyS0n\n+TTJMFl89L4uNJepb/DTXeSZ3Fsy7HcDScZ2cj7sPZxw2YL2zELirVkK/jPC\n7SQ8xNzwclISRiWwFvb34cP1JpSxqqMElGnujEOtluxs5OLuFMoAWGtTJWpH\nlkMucy7YOfre8o4S2xmk+uu+uny+xaMQNoxWit++xvU/pNrC4eCeZGWn+cBS\nbOuqgT93XvJ9gWLcvmMzUmIbK8C5RwQUBEv9VKDNQXuBNRLMSDRGo9ke737x\ncD093r/A6AIpIaCAIwYFizRG2vJbpYFAVf4WcjreiPowVJWBD6ncelMwf0ra\nZyXatytxoS1a8JHXHTtk9aNAB+cPW0KZUnYWq1lsXKnngwvUgTmlw7gP5WKx\n2BSURa1TT09J99dxniRbjLTW4wff5yLCWUYevgD780TT9Kl/veUA1Zzr1Hqc\nS9K39GQeSc2kk4kNb244k9Z53Tkxj/8/G9sdcVB2esVwaGoS21mFF5mv9nd5\nzp5s\r\n=d8cd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.4","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.16.3","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.12.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.12.1"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.12.1_1611101585724_0.42301803930559156","host":"s3://npm-registry-packages"}},"4.0.0-alpha.9":{"name":"@aofl/drawer","version":"4.0.0-alpha.9","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.9","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1492bb95aef69115e4e58bb181f4b6667713694c","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.9.tgz","fileCount":10,"integrity":"sha512-iPJJVB6UxRdX1wsB7IYszq8BduKSJ88OVlWCpHJH/sxJ0aiiHdr74u2ckHkxymK3EjY5jRjQW8SRS9B/xh98ow==","signatures":[{"sig":"MEYCIQCUTxWO2JOQcuY3OxBIR/wP0P/iRUGLqVl3fkXVX3MWpwIhAKgOdqAQG8B664jbMcbyty56XaSbd2h/AhYiKJJmk2Hr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgDrCRA9TVsSAnZWagAA2cYP/RrEfxqD+HQIZq4QSu2d\nBbg/3g0B0uzo9xPkn27EeUntlygDO0GJ9a5UlP1rMI03PQRQq04rD//RQmNW\nUfgyvR4DaYVpk+O5I4gV5cJ5c8nvsY7879onzWBIB8qZxUMcBuTmGjWWUJPy\nKBBewNykM1BUi5d75NQUrRf1OK7rylGrl1tuPTjlhcWHDjSm2nXDzXUv4gH6\nG7B/CnSIPj6hzUcwy5jdj2xUkIgFs8ahNdgZSxNaFp79Q4Db09UPqww+pig9\nlFibPZXdw6uWb4zczpcSv5jbnJWzyHA5JaNB6grWKFl0Eqxppu7taF+YWNaJ\n+jsqnBhw71JSvTQ66+q/Iye6kCH2M5hTAmOxBZpMxRf6g8uIuwwRZ/nTykdv\nWs6WDvhwQ/SQHB60GRV3CZp7a0Ciu+1Gm3cWf6CCzkZvT/B/jujvdeQEA/kz\nzR1hH5NIOrVpbfU+3laOF2PDjt4RpRhTUNTRjOi/TRwEcn/I6uWGvStdZE/c\nvQ+TREl00rwe4m+fB1rDtTKc9ojIiZ/qdHc2nrlIOHjgpxc2G6wZbct/ApH5\nHQX1RMZXLoAsfJqjU2fZYD95FsiV24JjplKMGaUeYnSlcXRxIR490XLyIO43\nwCismqeIcJStzYE+0NU5gWRFKhFWbo9PIgSgi2Q1D1ACzx4mGKKlHJDcBpnf\n3xHb\r\n=7p9e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx @aofl/cli build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx @aofl/cli build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.5.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.15.4","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.9","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.9"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.9_1612316907344_0.15036929047123193","host":"s3://npm-registry-packages"}},"4.0.0-alpha.10":{"name":"@aofl/drawer","version":"4.0.0-alpha.10","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.10","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"b5211932c3d0ce98e7d87196fbba2a0ba0b7ae9e","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.10.tgz","fileCount":10,"integrity":"sha512-3xlQPxgrlp7uS332A/BhXtYoj6UvzgzGIcOG0SzCMnHIN/QJEloTHlTOEb4Fxsxq/YsnjmKeg9V37BHzgytZVw==","signatures":[{"sig":"MEUCIHxiH5GJwhDT+cTpJR3Hp9e+9HXmQmNtNQzrpgYZCOVyAiEA4+Mf++nTrvXiczSMyJSXeKHebnwph3mWFYqV4YiBXsM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgLOCRA9TVsSAnZWagAA8XMQAJyC5P7jaJU8FDUEAs+7\n4Y9kO31S0KIztV/ZKmtDdUVX+EZ2cet6Sejk9UcsnvClJt6F4wWyiQG86RF+\nFfslq/yUHLZDqAhAjYKLxcELlCnsNhDMjvchv2/Vn058OUjAB/4NGAoSVkn9\nEzbGl1zAaZbbF4EtFHBW2uKIPotqovJY+NgL+EDPPv/dsG0dICMlD8S1ejSv\n4xXNPZ1BSgb7Uo0IrcUByEzEgjtkNcGTn6LNNVsBPmtpWnoOQsJndadgTzIP\nvS3D0DZ3p5r1LAPIWymczfIE7HMK/I+kydUJxnzefY/FCWZt6rVsG3QNeeQB\nj1gISZYP3xkRiHTelDR8YBhbtBqbxD7GEDFgHJplmKWHWxhF1z5+1dAzk91y\nzwXfCHkUxYXuGQrpKyvTe/L/w9C5srTxg93acd/mDLSNwI2+sCogMTwhNTYG\n7TncncmuRNHux/GGG1RrLtOlJViYmkRDaRfIWnFVqGasYF2IMYzSn3O2ErwG\nYFDkCRKoNj4LcGhbBCNj86uwsC7Hof5ovXDtg+IZqN2p9IrFjw6rL0JJlAhC\nhwNxIbQ503pKVSFOfLaxblixyj9TIbcT0jrk8RbQvId8hpeaLjJAaCCZx4HO\nDpjtufls5qU2Sp50w2LY9qGqMnyPfrZMN/s7Dyg3dJlJY7K4zVxDpplwCrlV\nyUGo\r\n=UCHn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx @aofl/cli build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx @aofl/cli build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.5.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.15.4","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.10","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.10"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.10_1612317389954_0.8251451797472638","host":"s3://npm-registry-packages"}},"4.0.0-alpha.11":{"name":"@aofl/drawer","version":"4.0.0-alpha.11","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.11","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8a8d7b47181621e870a2c900f2eae480fab09c1d","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.11.tgz","fileCount":10,"integrity":"sha512-F350U684udMC2CPc7rLS5zT8AjwqRSHaycQjgbr0XtFoMvDxcyQnoMPfdsknUMZ1lGdy3Ydmy5z9F1G6ZBhv4Q==","signatures":[{"sig":"MEQCIFP2BkBnBZNPDNB2q+/XrNCrK+1am8cViICWzFDOpaoTAiBUyE8ZNgHLczB/445eYLE1SYHupOX8aZOgr3visOqh5g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGglmCRA9TVsSAnZWagAA3gIQAJNOVwSBGtgvhZVlXaKg\nxvhDpX4H39jhoL1eLe79G5wAZGvBQmZLE0AvZLopZ+sklThRz316OLMbm7q9\nYHLOf8Xg73MmRKGRQ4X7+sBC7LahY09c2RQw+Vwyi6GxY+TzagTfCC0pXsMS\nkWjTr7m/iUUyGiHUiIYHjjPTIZVKs++zC4ZOPl7Gas81tWGom76R38/1QyJZ\nMVZ2GEYtQIzfOkpOA0sKpr6XaFtSwrdFr6/OA4njF+yEPKlYAs621uXmGcD8\nPmp+nGJqwBfqk9Ezz6+SkPmhPHA+au1RZR3OUEd7KQ9bqwj7GvFFYhL0cz8q\nui5j2zRTgqUNZtoy4OgQx1XLoP75OcW94bvuSlJiuUAnPIlewgZNY8ALOECR\nQ3DMXahbMh8/GJEDTfSVlPka1YeoC16Ef3MjoFnw/DBkKAbZDIJM6jM5WQoa\nFNRbsZzoYSaE4L5SIMLta2UlwEhCJTg5hIp7bmLVr/HFW5rOrcho1Y4z8LG4\nEGc4yXyMWhKiebJkvJqDMNc3yowULTxTsNxur5j1BgQu8fC7m7Q5MT8IuWxQ\nHsJj1yXQhF2ECEzZ3LaEFxZM7ARw6zebO3pNTLgDP9wwWtENKwkPC+taD7P8\n89G54U4ii42EyEiQ12JtAW2WtTyqC04ThAhYC4uXrto/HNFhX3ic39fQTcQu\nqxLB\r\n=7hbq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx @aofl/cli build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx @aofl/cli build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.5.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.15.4","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.11","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.11"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.11_1612319077690_0.7853825398679724","host":"s3://npm-registry-packages"}},"3.13.0":{"name":"@aofl/drawer","version":"3.13.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.13.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"bbefe34c7c1770420f0eb4b081fe7d9e8421acbf","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.13.0.tgz","fileCount":8,"integrity":"sha512-X7D6cvwNoeliA99Q6Lt+21/GFb245+UqvGHfdBCWL1ziwm4jeICbkgLysEYDjxfjaXBxaKS8R3CmE0U/w+qhdA==","signatures":[{"sig":"MEUCIH/uKCXEvfA22jT6Nd33XPFRBsHwG3J/68ex09sNUDZFAiEAnVpKo2FONHfzFA3gIznQJcK4csB2KB6eNYqKV/KX9Ss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgODY5CRA9TVsSAnZWagAA0HgQAIZAaOmOVqP4lffSJGbY\nfTR+EMmnbwjNaJ3d+9XCkxjNqN1xlutIb+/Ngkk4HudFYPIegPltALzKq+Y1\ntFcYqjtF8xGRurChqTLGI4f8i30bsOoWZac+PNIKQA1AceimN6bFNdvPFM5c\nklKLgr1U0lv6lyPGBkA4/k5269f4SznKUlRj0bkjDFaq3k7PVQ68BeOARY+x\n95LnE1fh41VIrdYea0s/xYuig4JPpM6jo3whgtAt4j3iALqAKPVdJ4QLl8o7\nE+33dwp23pKKfUb4YQvriHmHjQtsKutlEtzGP288lLJCCBA24BdDRsUYgmAM\nMUgIGOa5dpkBT03lpTK/3FGbsOM6tjsDuvF4sYZHmteyoRXUrYIOQoIyt3tK\n7s0oUv050P+Phwxg8Shia+wOwL6TWAbVuyNQlaW6pfLf71mL7I+ZPaH1+PnW\nUDUWPKmF7adSdOlzbmWpGVaO5LtlH4heonHnGkxLAOhQxwVJfLYRpjYcWr2f\nQYFNkCiCqvvOJkntmpt86c1H/PX9jYyZJGnFkCSOZYO/hmS0VQK8lat35x2o\nJQrKCqOOfaT8u05sTL1MycHRDt+nHkO7RonvK1r4qslkT6zbN8tYJLDKTnaE\nHlc6MRmBEMdwFCcQR5w2uIBrKrWm9+2w5n3gVIx+d2aNyyc7gm58btUBu8zo\nnTIF\r\n=HVdB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.13.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.13.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.13.0_1614296632660_0.8980792800183308","host":"s3://npm-registry-packages"}},"3.13.1":{"name":"@aofl/drawer","version":"3.13.1","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.13.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"d7567886a3cc557b1eb32af2d2358b371d4d7b37","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.13.1.tgz","fileCount":8,"integrity":"sha512-q0EO8QuCxvcYsEPLlU2iBLdUADciDwTRoC7eqcZmDMOM0GLJncfSkaNxtFdSi+t6gwuUF520CO9KOBiXqIPEOQ==","signatures":[{"sig":"MEQCIDqFiS6bplYC0/e2yNngG5UFwF32KfPJhWWib1ELuB1GAiAGTGNnFeB+TYAlXe85XIoR5Ulgl+xRLBrJbjSkwElzMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh11qOCRA9TVsSAnZWagAAgpAP/14ix2oIwE6jvRWHu9XR\nGZ9C0R3JINBsx9+u+aD+54ITIviRAY2/ZpAcmrxUNN1XE1+PyWLlC0D0l9WY\nY/HD9qYqR+NzwRojDArG6hSJmdF/v0jXmyrOLKreW5L1FK9Q2AbcsQjYv68P\nLfe0jqT/6OEjFVc7E1r3qpPHqSZmCTXHDu2JmfphuxYD0j4HiN2fIFA2dNTh\naA/b3iRFbBUOinpIxwhDhV1NIQiiJUFoFLYLw6+9hbRY0L/QeyJaGvaX6Tsz\npPAS9Lea6ReiwloymyfKmr0KPU3G5pX1mzYZQev8mUvY8c/wS1Qjxjy6J52F\nmrcopet3h46/zkbBji5woRxBxciNYHF7pRat2/MizvdtjU87Ov+rZfgn0Xzy\nyzoxoSgzbmGhAdwjy43221kozNTUgsZYlt4vysA8Iy5FDHan04s0MGVsuCR8\ncfTk6p1ITEINWndH35jL6lS2C1U45figXiPV4HUBRh2J0PE9JOJ6CxANWnmW\nowEu7Ph30b3zyDaEZG973VwRU1cHZQD//s8Ef+UTCuOINjYIOdEqaxD0NC/T\nsLqac21TlYyDoAp4D8YwPe6AXedTkbhqxyAq+pRKU81Aj0MOQ24PDBpTz6Yh\ncauvhG+vNWfgk2PNCnR2ImNNpkKnPgvx4uW96t1o9S1r5SBDGfdEX26SdcMV\nRiiT\r\n=JzsM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.13.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.13.1"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.13.1_1623800942154_0.2811198554112442","host":"s3://npm-registry-packages"}},"4.0.0-alpha.13":{"name":"@aofl/drawer","version":"4.0.0-alpha.13","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.13","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"3b0c39af4ca064d84bc2a7866369c9961fff7a84","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.13.tgz","fileCount":10,"integrity":"sha512-ajYgzvh4uxmPn2xpH1CtBWnHlioRgF/KyjFiLALiURciBzVYOb/yQtATZ5o06z4buUf0uwTsKSjL+qTI3nTIgg==","signatures":[{"sig":"MEYCIQCkR4YbqRK6bYf9vOE70Ama261mBiaYKY/EYlwwxPhukQIhAJ/RSiM3AhHEU2HETRayShfUMHUWLHH+VFo9dDAAiAZd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37403},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.15","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.13","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.13"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.13_1632439944608_0.4593007127188018","host":"s3://npm-registry-packages"}},"4.0.0-alpha.15":{"name":"@aofl/drawer","version":"4.0.0-alpha.15","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.15","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"7f838f41f25540e9bc2572a73fdd9671c23abdb6","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.15.tgz","fileCount":10,"integrity":"sha512-RcYnrYzXbc50DGizW3K7DzmNrCYY9qxFxiRU/jtYypVMB/u4w15uW4KWWM/WybcPOoGOF5EtTxwSLNmORGQyPA==","signatures":[{"sig":"MEUCIDlc3ci9gifqqhrWjksorrUuWDhI9p3pE5c6JciySPcQAiEAi8wHybFbkfNdOL0vpMCQwtAd5JdmtXlg1dncPMuCuB4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37114},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"7b448cf64b30502883b3422662a9480ea25f2d60","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.15","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.15"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.15_1633539839342_0.5374504084149772","host":"s3://npm-registry-packages"}},"4.0.0-alpha.16":{"name":"@aofl/drawer","version":"4.0.0-alpha.16","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.16","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"2382f385df212d34c1689dc99341b577e51194a6","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.16.tgz","fileCount":10,"integrity":"sha512-K4/TCF7Md40LzcNT60/gnHtZ3qyf1w4MtZvg1FTdkru0iNeFtFLfy3YU82L6/l3ejI07Xfh8n9HTvI6zuOqJOQ==","signatures":[{"sig":"MEUCIQD374U/crBXcsQfd+PY2fZiL4yvKq4cY37HvINpvttXWgIgH8d8h4HGvvUqqW0qhLeWobi7QQsK5bPLa6DZjtNndAY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37114},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"7b448cf64b30502883b3422662a9480ea25f2d60","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.16","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.16"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.16_1633539914229_0.005542149721210032","host":"s3://npm-registry-packages"}},"4.0.0-alpha.17":{"name":"@aofl/drawer","version":"4.0.0-alpha.17","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.17","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"cd90fb6c2337b0e7544a645ed1db7730b36188ea","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.17.tgz","fileCount":10,"integrity":"sha512-pik2fFtDSWjvBYowQhmp0f8oR2n6IzfZzwyhc8UH24KrvC8k4rAKnZLuJmMWg2vZ92lljLQPpxOcivjOEH5cuQ==","signatures":[{"sig":"MEYCIQCOS0dOeERQbop9FQhvD7ZPd/DxZ8Zxy7U1+qfwbm+zegIhAMdRHZquPdbEh80fFl1dgjEHwUY7zeKWmknOUdyJRWz3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37114},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"c7b3ad6feb17eaf3721a5528e86a31ddfb350ef3","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.17","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.17"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.17_1633546057164_0.5684494896956431","host":"s3://npm-registry-packages"}},"4.0.0-alpha.18":{"name":"@aofl/drawer","version":"4.0.0-alpha.18","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.18","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1c1f08e1e6fbad24b3825d5f9d20f9aaee7b7b2b","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.18.tgz","fileCount":10,"integrity":"sha512-+EmjwteUQNZ/Ggb/zgrg33DkR1ArAvhCWRtI8Z/24N7T7AXwwcnosUKHtKLp/XNAiIr5QRsR19Hp2eQPA1Vn/Q==","signatures":[{"sig":"MEQCIFhD6yEtUAR0vm0lXm1tXTngE8SfzOkXKlk6xBoq4H1CAiAi+/I74R5My3ecC+BsF7HxhIVPFqv7yViLFszKXq8Yzw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37114},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"3971875a8be8fc1e4ed7f6c737cc9aa1653e049b","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.18","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.18"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.18_1633563640099_0.6350640241864378","host":"s3://npm-registry-packages"}},"4.0.0-alpha.19":{"name":"@aofl/drawer","version":"4.0.0-alpha.19","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.19","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"eabd58ec483f547d26e6ccd422838d15fbbe3562","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.19.tgz","fileCount":10,"integrity":"sha512-e7ySyPxjVtnnu6Zn+mBKQDq1tSLa0aqU2+ydWZnIRjb/fgkotcDmj0XTYZFb2iwDuKr9P5rETEomjnbkizYnEQ==","signatures":[{"sig":"MEQCIBpguyPRQKkRaY3cy7RZBhsH+qKeRO2Yz0gjkl12OPlGAiA+ImrCXE617ZOvUCuAMMZPDoVGX56f5toKbbBwAIfQPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37114},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"79369e766cd4fe78098059b93d1cbd7bb5dd8830","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.19","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.19"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.19_1633564056263_0.7065780094135379","host":"s3://npm-registry-packages"}},"4.0.0-alpha.20":{"name":"@aofl/drawer","version":"4.0.0-alpha.20","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.20","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"3530391585d60aea8f4bbf17715b606e6459b50f","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.20.tgz","fileCount":10,"integrity":"sha512-MwSLM4pRffYKcUKwaEMe/ExBeFQJlnTC2i6FhYtD0pGKJbEcEElciEcdhgdwsf0OBccG/NaR9QVnLWRRbbnWzQ==","signatures":[{"sig":"MEYCIQCm0HkxJTEw0OYt5hTJMOqsLb4g+WBFU3GhmOJOt6sI7wIhAIyE5lo0pkVg+//6EEyqZlUD8zBP+skIFxNhwAvEgIdd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37114},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"398f195bda4d61023d6d7889598f5688c276f1bf","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.20","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.20"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.20_1633564503447_0.8369888929497196","host":"s3://npm-registry-packages"}},"4.0.0-alpha.21":{"name":"@aofl/drawer","version":"4.0.0-alpha.21","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.21","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"4782430d9d636181f1999b1bc85183dd2640b4d9","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.21.tgz","fileCount":10,"integrity":"sha512-gQnMmdpUeMbaIOFRU/CM154tLvXdbroaYOpxjJdj8wK6zG6EdDwWnxUXpfcr3vNNJdlGvQwfmktsO+odBsjubw==","signatures":[{"sig":"MEQCIAOMXzuezC2RkgOKf2XN9Ou5XwXHu/Ekm2mLumhjhTbXAiB/omajdeU2vijG0K3/NwkfQ8CkoKX3BCekNTYg1Po9cQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37114},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"398f195bda4d61023d6d7889598f5688c276f1bf","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.21","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.21"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.21_1633712770099_0.5393281451276608","host":"s3://npm-registry-packages"}},"4.0.0-alpha.22":{"name":"@aofl/drawer","version":"4.0.0-alpha.22","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.22","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e0a9fbc36e1de3bd6e9b20fc38e6c3c08466cc86","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.22.tgz","fileCount":10,"integrity":"sha512-7XCqiS9vF0IMUgAPh5cupZ7AA7lIxmA8Ns/whIQtOD3c1DK6bvmAPW9HmDj0dwrLQbJI2BZ3fmGt+rMzODMh1w==","signatures":[{"sig":"MEYCIQCODCy1J3wzDNyL8/7qxnLT8R3IMTrc9w9o52hK1Uo+DgIhANKEZidfB1LyJ54doniIAufPHU/OxeUy7WCQ8VTAvSbE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"289b7f60d1cd721d68cff783afc623c3f51cc2cf","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.22"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.22_1633984771671_0.7179804372417","host":"s3://npm-registry-packages"}},"4.0.0-alpha.23":{"name":"@aofl/drawer","version":"4.0.0-alpha.23","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.23","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f411b6fcf4d58a6893b2f87bfa067d2821708c24","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.23.tgz","fileCount":10,"integrity":"sha512-rQ5N7jv2EseA4W5pbAoWS5s3HK2pTd8W1h2mmRq6q2MQO5DDP2z76Rev73yTYpiqq3WwfQBO4MxO05drgE9y3Q==","signatures":[{"sig":"MEYCIQDpnFHaXrbz56upqazSt7wmCu2iw/PJoUw77HBbqR5UjAIhAOuvhg3bX2JjSdDSW9qwJph1OH6e0Re7WZRWla+DbGGO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"a2829d023883e5cc51126ee549f70629ceae8e8d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.23"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.23_1633986449332_0.9293591172599698","host":"s3://npm-registry-packages"}},"4.0.0-alpha.24":{"name":"@aofl/drawer","version":"4.0.0-alpha.24","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.24","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"dce8d2c56c1132b9282826fa77f3442aa83f8d5f","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.24.tgz","fileCount":10,"integrity":"sha512-Y9wzHQAL9klUhJkNkwMaVJYcVO+sWR24dA/lYMl9JGKmpBZyCmm+pYgA1NZw9I07A2ba11Z/I3K29GpGnLdXzA==","signatures":[{"sig":"MEUCIQCkBG7HHo2PskZu/4fxb9PmYoTiwleMLiVkGwoh7TJKfAIgQ3RTRHuJTIn0xmU8BJG4V4Cq5OkIBUYjmjXQrY7Bcnc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"a2829d023883e5cc51126ee549f70629ceae8e8d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.24"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.24_1633988821359_0.2784121118202034","host":"s3://npm-registry-packages"}},"4.0.0-alpha.25":{"name":"@aofl/drawer","version":"4.0.0-alpha.25","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.25","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"29d913159e28cdefa181d1b57f0f718f564ce54e","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.25.tgz","fileCount":10,"integrity":"sha512-B4riVWTOmzCqt8rOkdeEJK2bs+4rM5SHefIgpxg0XBT9fGxClQ2ErQvxVNdzK+/0enBhCcSUL6kK7pFmsRYhVw==","signatures":[{"sig":"MEUCIFKYMa5vzHUYO71upBPhQMqt/6KsqUTZuC82/jU9KT2QAiEAv8GQw8Of5AXkqJMBetA7cB3LCzOPvI5gI+uOkUBVg/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"8e4d611be609be11acccb9135091aadd10134e8a","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.25"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.25_1634001650731_0.7970820988237683","host":"s3://npm-registry-packages"}},"4.0.0-alpha.26":{"name":"@aofl/drawer","version":"4.0.0-alpha.26","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.26","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"2c882853824978c9081f5f47df6ccc2b502cbe7a","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.26.tgz","fileCount":10,"integrity":"sha512-M42dcTOxFtS6tUoyPl0ADx1yxqwCWjjhJPPuTWiFfBfSNag0j4puo1Ef6/elE6POQ+MT3rMDqkqhYjX4hBBokg==","signatures":[{"sig":"MEYCIQCvh/CQJri+RSg0iNFG1dY8IS6I5AJv3o0FpJ3Yf56xQwIhANoMSfHMGjnqHqchGI0EdRTZM6Y8g9Bag624PNSSEurq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"bdd06521b3653befa1b4c07318cc120a700672b2","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.26"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.26_1634002481743_0.6749705343836445","host":"s3://npm-registry-packages"}},"4.0.0-alpha.27":{"name":"@aofl/drawer","version":"4.0.0-alpha.27","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.27","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8bc2d7fc02ce3d9af9300a4fd9ff27f309b33b71","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.27.tgz","fileCount":10,"integrity":"sha512-Cmkh0H+TH9Sp22P/bVfrBty8IRXMJsuDFgljLyGhTSPqNVrbTjaPjwxS+JmLUslTeE4+SIzXMxTGM+KZsNntkA==","signatures":[{"sig":"MEQCIHw7PE55i+DQy1/5C2GXIa3hekpNNCn//wTscnT9g5/iAiBR3STFWzQ7ZZbwEvqQYP66aAv3oU6twJiONOFaxxM6PQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"bc755f21b39459dc3a8b57ab25075a22313bc107","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.27"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.27_1634151999503_0.11335297385593046","host":"s3://npm-registry-packages"}},"4.0.0-alpha.28":{"name":"@aofl/drawer","version":"4.0.0-alpha.28","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.28","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1e1e755e4deb485f94546bb17377fcc719c67562","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.28.tgz","fileCount":10,"integrity":"sha512-1r/ExLkiNQR3e4ubWbv2rw7DhXd6/OhHa6DBWx8mYmVdiTmvBzdCCx4Z1wBF3tar4tlvPjdnYkW+qy/XXExofg==","signatures":[{"sig":"MEUCIGMDO0FbzJP1Q0k8jvvb4Sue4U6DUtWnWHwkPT77Vc3/AiEA+xzu9McubVk+hlbvjcRfEN7Z/Sc0iDB6XXmZ+mH+jjc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"7dceb248f691c3214f73ba1d048f26b2653bcac1","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.28"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.28_1634163509985_0.6132437399451676","host":"s3://npm-registry-packages"}},"4.0.0-alpha.29":{"name":"@aofl/drawer","version":"4.0.0-alpha.29","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.29","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"57ed1ffcb4206ee22ec3e0ba545cfee7288e186f","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.29.tgz","fileCount":10,"integrity":"sha512-5bA6hWpYCsBaXJ8UTaizJXjG0/TaXH8OR4aSbunSeRd5QJBUZylV5Uio+2m8aTdMvYD5MtJ1xqzmUGR9bbRytg==","signatures":[{"sig":"MEUCIC0RASBzJbdghfm+dsDntse1s7Slm/nv8mlxeMz4jxS7AiEAtM3Ucgu6SeStlxJKHFD2bZJcBVHUz69sgZbuMcaQLTA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.29"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.29_1634319361016_0.7469247762892783","host":"s3://npm-registry-packages"}},"4.0.0-alpha.30":{"name":"@aofl/drawer","version":"4.0.0-alpha.30","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.30","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f0f4a0963a2ad948c6ac4f13a0cb56f5293eceb7","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.30.tgz","fileCount":10,"integrity":"sha512-jmInFLRvfzY+dJ7yuxU/fQ8bRsKRV1FfuaW55dQvW7/UsFz8rW5cKpfE2D7yX+UZRyIChbHAhiabSUReSrr1xw==","signatures":[{"sig":"MEUCIQD6AmHMO44AaBvfj+0JgwuWemMY+A6dvq2rabGSJ5fA2QIgdzf/fBhf8Q2DfsONKRwsrN0DUUkFJY8zQN6ItXMmXFk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"13ed83fe4429533b22fd669328dd6c8829dffec0","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.30"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.30_1634323867918_0.29029360906332147","host":"s3://npm-registry-packages"}},"4.0.0-alpha.31":{"name":"@aofl/drawer","version":"4.0.0-alpha.31","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.31","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8db83ced069809d0c44db01a9cdd88ba5e9be8af","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.31.tgz","fileCount":10,"integrity":"sha512-PqhzXXdUqWZp4QSnNeIQkBb+UD4wHQ/tPm+hqkXfPlPRfOkliBOKJoceFko8muiQ2K32Mb+/oFsvbkBdwy8prQ==","signatures":[{"sig":"MEQCIDPBHrhwpwxBaYHpki059pgmFaePvGBCr3yqxVdydNhJAiBPXOh2ZniUvBexWp4nKfsRVVFVxgmxxglEBFyvzUgX3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"5bc1713dfbc60e5029713b6ad88a4a9fd46d3413","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.31"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.31_1634324131611_0.4044093744365962","host":"s3://npm-registry-packages"}},"4.0.0-alpha.32":{"name":"@aofl/drawer","version":"4.0.0-alpha.32","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.32","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1df13cb9f7fd40f162cb7371813fdad44b9e9098","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.32.tgz","fileCount":10,"integrity":"sha512-qqYC+hGwBVyKoUNsOn6/J2jtjkNM4F+n9VuK8ix/lDBtyhzi3Igu78QU22Az+cswbEVZP4JW2HOw8Wb2R4dUCA==","signatures":[{"sig":"MEYCIQD8bmzuvWJ+E7Wupw3loZI7l664ToLd/zi9yGRJJSfHfwIhANg7yVcsciSkDJj6fh9yonkpcZkZd9EJrXZBsnKJzHy2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"77786a7e5219aff408e59d051e8380ca1a63021d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.32"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.32_1634326793145_0.6617644059099634","host":"s3://npm-registry-packages"}},"4.0.0-alpha.33":{"name":"@aofl/drawer","version":"4.0.0-alpha.33","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.33","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8f3daabf9d7bb87f209ec5e838e0435b8a3123fa","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.33.tgz","fileCount":10,"integrity":"sha512-nHNjmwzBIh5YjKcEK75HKrpMldd39nazrVG+4dXlgVqkwcK37zVq6BFznPijHA06YgJUwMMgq972zHr+alfdNw==","signatures":[{"sig":"MEUCIQDUhCq0o/tbIHho92Nh9hvZVbcuN9GBNz9SxtCq3C4OEgIgfUyLuOu4Zxxbxcs5Ti/7uXg1Jnp/SKluyxgcQr6HIzw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"41b432602965620ce989f21e02748f53f69f7ea5","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.33"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.33_1634326992917_0.2820046288978795","host":"s3://npm-registry-packages"}},"4.0.0-alpha.34":{"name":"@aofl/drawer","version":"4.0.0-alpha.34","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.34","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e0d10cbd2d48f870c69370fbf101e96200d9c429","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.34.tgz","fileCount":10,"integrity":"sha512-9f0T+lgYmCAqhwBmzAzYPEkb7VOSSeah55w678fl4LNydRHfJIfspXUtZNen5B82jjxRaFsZOUKOX/BY8T4Xwg==","signatures":[{"sig":"MEQCIEa9jEDFGaD/r8fVvv8MFqul1eudSuHWl3E/HM84KzhbAiB3RzQLgXeGv4DT4Md6L9JOrAgtALEpwDe0MltSK63oEg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"1b993e65b04444692f40eaecfc3dfbb29d50d98b","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.34"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.34_1634327598506_0.46363327514727093","host":"s3://npm-registry-packages"}},"4.0.0-alpha.35":{"name":"@aofl/drawer","version":"4.0.0-alpha.35","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.35","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"9aebd7472e06704060a37c0675f4622bd8223cc5","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.35.tgz","fileCount":10,"integrity":"sha512-gFDZXbwGSoe7TmqsLgZrIy+oQvxHYV8Ib9Fqw9f9ciSYy81T8WUVG5wYitT4fJGD1swFSgCs5Rl9Cmp25H7CUQ==","signatures":[{"sig":"MEQCIEQf+ocpKGXOVOBG6Y3jflzW1I2HhJwFBxrxWO0TsqIDAiA5A742QtmqEnA5iS6YdHZOb9FFL5ovIfkuyDJjHUMR7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"5a6a7f303fc21acc73b55413f38f534ed4bfb714","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.35"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.35_1634328023022_0.20828005378806602","host":"s3://npm-registry-packages"}},"4.0.0-alpha.36":{"name":"@aofl/drawer","version":"4.0.0-alpha.36","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.36","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f49ea75bc0f66d2df88bf13017dff9d55753b3c1","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.36.tgz","fileCount":10,"integrity":"sha512-okbefcpxr8SdoJeMqkAX74czLsbC4HJyvmP8KfeNuELVXf19X2e4m2BTWVtEOYbNj4Q7FuW/k4PqPwaKA+kTLA==","signatures":[{"sig":"MEQCIFtQ6rzG2Y1OTdQ2IzWM7LpHtbVeJJBgskDtJdRKUTV3AiBBf+iZJ2YW5+a+8+a+bCgrXud7ctH+l3TSRTQTmqmL2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"24aeaf86244b6f9f352b26d04fd9976f9430bfe7","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.36"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.36_1634328233207_0.7079201548985008","host":"s3://npm-registry-packages"}},"4.0.0-alpha.37":{"name":"@aofl/drawer","version":"4.0.0-alpha.37","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.37","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"43c007d6d3f8ea8ea25ba6b7239cd3f8ea048a8f","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.37.tgz","fileCount":10,"integrity":"sha512-AKKdOO0Qr3do/Q8lduapfbL8sNqOyFmwizD1/g8+jbiIAewf43uXnVVB833YQk/9A6Qe/Gye6lmZ5e4F7zUu1A==","signatures":[{"sig":"MEUCIHCmAqSVcIiaNBILLc4q5gY9An0eJftndj7P5yKVJeNHAiEAjITI4NKVavwlXWKeXrhWCtRVIxfjxFA+tDycZlIEYuo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"d5e9c5a7ef77e315b759fb5bee226aa3bd3aaffb","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.37"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.37_1634328395666_0.5236826788473508","host":"s3://npm-registry-packages"}},"4.0.0-alpha.38":{"name":"@aofl/drawer","version":"4.0.0-alpha.38","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.38","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"6b20d6b56f9d58e6232361b454b64eca767f9207","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.38.tgz","fileCount":10,"integrity":"sha512-WRHIOwpt0kStp0zH19xlYvpRsVCM4q2LUSp8afkY4awBeaFAiTM53VUMeGDxVwCfMKfldU36j6O7yPsQZTjggQ==","signatures":[{"sig":"MEQCIGZZOLVY3cYbqNOATZuyl3PKoI3jVa55oJ6EVXphiZ9AAiAfOu8Br5fIKkwheDWmkk1jMVXNkQEVzbjxRmqV5SGXlQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"91457836070b2b300b852a461787c56ec880a85d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.38"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.38_1634330774049_0.026625759727529008","host":"s3://npm-registry-packages"}},"4.0.0-alpha.39":{"name":"@aofl/drawer","version":"4.0.0-alpha.39","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.39","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"babef6d412ff771db93cb1c74c7e165a589fb90b","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.39.tgz","fileCount":10,"integrity":"sha512-I5ElUnZiyf8yvInwdO0ywdA1BCSCnHPgWiLSEL6e2JDDl58w13PrrTbEVDkzA2pzZo9mdkBNCMUluUt+TeQnjQ==","signatures":[{"sig":"MEQCICPI4asriEG6p8ai3GYE6lAI6zIgVkIonwNVEGC9YGfXAiAVuGXW7d3OyvgnzaYHKOaWiSJYgvQUty6wJaUWc5RfRQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"f4c22e986eb7eb2e564e469dedb36c65858bf5cc","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.39"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.39_1634332211669_0.5560593766195652","host":"s3://npm-registry-packages"}},"4.0.0-alpha.40":{"name":"@aofl/drawer","version":"4.0.0-alpha.40","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.40","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"3e06b1795267bad59388729f6f8e6e2843a6bad9","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.40.tgz","fileCount":10,"integrity":"sha512-uRlguE2dkrHNQyKYapko5euHg4lk7jaw+8eDfVG6LpbZ/IrzseSdSkzMOY41LvlgzP82PtfaRT139bwh+bcccw==","signatures":[{"sig":"MEQCIADvgWV7ZrVouvLO3i6FOSLNbXyRPInHFV0E+0Fs4+dXAiAw30mNdMAchQFWIwZBfcj8/HX19oc4+bz4jZVaNvlFHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"e93b1f585c2cd94383438abd74737a856ca68a77","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.40"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.40_1634332806463_0.9208103635997824","host":"s3://npm-registry-packages"}},"4.0.0-alpha.41":{"name":"@aofl/drawer","version":"4.0.0-alpha.41","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.41","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"25ce46737047e71b8e149f0c007756c8460804ed","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.41.tgz","fileCount":10,"integrity":"sha512-0ip/U3HOkwc1DnilXa466vQ1Z/wjsrweVoKRYLfeUZ6ia2mjRuu38dogpqM/6Wpx6MfR+1GTotPqencnT0vPSg==","signatures":[{"sig":"MEQCIHHw8Pr5SL5kkM1sIzsuAPdB2a2k9B0gS0SLvkRIaSexAiBdpvn8UUvRnWm5zb6xUP82gh3eVgOKzbKbCXwGT5epXA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"cbd55bfa3cf5e87bf7b5f27b3d9b6efb34e3ad85","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.41"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.41_1634582072703_0.6319451372438802","host":"s3://npm-registry-packages"}},"4.0.0-alpha.42":{"name":"@aofl/drawer","version":"4.0.0-alpha.42","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.42","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c5a5f45405ab83aaaa69333c5a4ae5531d7f5445","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.42.tgz","fileCount":10,"integrity":"sha512-4Oo2Uslu11k8prayMvRlckXt3j84OCoNnwzoONBRFnQiz8EcWJdB8tUT8G1L/tjOonRTyGgsuMPksxmi6DWW2g==","signatures":[{"sig":"MEUCIEdbjNbTH0t5DYQD4AmqRbWE2ZlvSbjzTMT9xlSIsUmOAiEA0c5lrmaszQVDrsjBGsJFNEq72Z34QQ2BusVh0o1/VrE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"f64d10ec558694ce4c2d4e8b0562d4167f8e28d5","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.42"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.42_1634586040787_0.1909222390113483","host":"s3://npm-registry-packages"}},"4.0.0-alpha.43":{"name":"@aofl/drawer","version":"4.0.0-alpha.43","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.43","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"cc652e0067d2d194f6353ce4ecd4c0f4f00f8343","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.43.tgz","fileCount":10,"integrity":"sha512-8gxa5F0/Pme9xmZ60Iu61jekTP3y1yWHKW3h/0as8PrCX1oFIAB+4kU0qEiEKiYXaFV435FN5+Ua/OlTkhkHRw==","signatures":[{"sig":"MEUCIQCEg6JR77ORXh3uasCqaSh0xbh1vCQPE98aUBcrp4SPdQIgL/I+0WQ5mrIEcfNgbMjMGafvw3erjRANSR82WZ9svYw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","gitHead":"6763365b38cb5be764e669a3b568be9f1cc4cfed","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.43"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.43_1634586293481_0.3614210150068766","host":"s3://npm-registry-packages"}},"4.0.0-alpha.44":{"name":"@aofl/drawer","version":"4.0.0-alpha.44","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.44","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"51ccec45e751bacb04fb9de18ca2edc89ef9229e","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.44.tgz","fileCount":10,"integrity":"sha512-XX5BUHUNPcRHAD6xm/cLmokGms36/x/SYX/rdY2U4U7ERvcS5EF3NpdGuEEHLQtYsvy238m4IMA8Rf7DkXottg==","signatures":[{"sig":"MEYCIQCqfEYyFHJWpHzjL6ujGE2LvCHVYlKa4RaOU8nivGcZtgIhAIqGFsBU+zw+P0AKoWlBAYXGDyweRb3UPm1CVYud5RlY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.44"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.44_1635874779301_0.8331556838541005","host":"s3://npm-registry-packages"}},"4.0.0-alpha.45":{"name":"@aofl/drawer","version":"4.0.0-alpha.45","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@4.0.0-alpha.45","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"16c2ee5c46b41d3c86b906cd008ccb735bb771df","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-4.0.0-alpha.45.tgz","fileCount":10,"integrity":"sha512-hPA96xTeqyd5p4aa/Le50nN6wEX+yXuAtDbTjaZWdMKDcLjzEAIyBNCAbIW6L/Q1uzUyJJGjOvU8Okuf6bpFlA==","signatures":[{"sig":"MEYCIQC3JhciI1Tw0ZcfYdrj8udVyi0rcE3578JbpBWS111BtgIhAOBknq0dXpkw1HX0DooAYCWCtSbXW1O4Tbwk0MQgqaUK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37078},"main":"index.js","module":"index.js","readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","browser":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.45"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/drawer_4.0.0-alpha.45_1635876959175_0.7219895230095663","host":"s3://npm-registry-packages"}},"3.14.0":{"name":"@aofl/drawer","version":"3.14.0","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.14.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e0ddda888043ccef453cd9f9db2a2b679f66d9b5","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.14.0.tgz","fileCount":9,"integrity":"sha512-A6gIgLma2ZK0e+dBmDNdrXvNA52/YuqHIUpB0l3hWtR/RuvTx28Hir8SIT8NNwZ8yYuNCQJWMCJUIOdBi0wm4A==","signatures":[{"sig":"MEQCICC5xmje+omHSlOmtO7HM7Sj4uWjfDPlCc9W59IRGp3CAiAttHcoq42dXouBg8/cMtTqPI30aiAZsHolTIE6FJIwxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM8/eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpX0Q/7BdMDoI3iDETi8bxUxFgclPd7Hbk1V0va517VNrCSeDtu4g/v\r\nxSFra+yyB8wjxtexTv1SQTEIViuLa+CNP6+xP0X63Kd9czGiCL5Uw1dDk+Tk\r\n+Emq4/25C0NghDzeKxIjUXyzITx1lLRqEV7qF6UEt4CjzHYmlFED9cE3qpYh\r\noTuTiM/hUHgtvh2dYncSooLzNe//wf9iwChFGUe6cmBnaE05/9suXmkTJE1h\r\nfkIx0Mnvr2wxJGNXS6BgmH+TD4IGWwzsuKHCdiazd9J6wCCwXU5DkgmJqjGn\r\nsjE9WvtGcqu+oYFj7Ou62lushdQDHOLVoX6ON08w5KBGeizKcwvZMMmxFChk\r\naSvsliKw4jSomISScPMGXF8IZ2BAupOG4KB+EnU7PHlbiwiBJu8GRpRVYANh\r\nPqrDeNLNKosselJ9cpm8J/U/UUMP5T96jUkhoOSAPmJbhPIpqx5BwoPkwWr+\r\nJCUtyWpYJ/rdVsW00vnw9kDNizg3wuNn2YeAdYvZ3ocsOSpkhsjEPB33A1ks\r\njLyHIbBQiGXCFoyWTPGc3VpWR8ezYFfpthgY6oQtvv2aSW3O3qyt/9uISO6P\r\nIsfoxPxtChhQYGSRHC5HZRvf76NBHnUQltvc1BFSDuwUv75pokemqY9ol3Rf\r\nliH1w89KT67hf+LN+lpIIP4QtOYtcEqqcwE=\r\n=t/7N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"01a200342c31c108d1ab1039ee4c972f2ee63fa9","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.20.1+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.14.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.14.0"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.14.0_1647562718819_0.4808509644221577","host":"s3://npm-registry-packages"}},"3.14.1":{"name":"@aofl/drawer","version":"3.14.1","keywords":["@aofl/element","web components","web","components"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/drawer@3.14.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"homepage":"https://ageoflearning.github.io/aofl/","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1f83ead1597f198a338fa0e0c736f8138b3c0ab7","tarball":"https://registry.npmjs.org/@aofl/drawer/-/drawer-3.14.1.tgz","fileCount":9,"integrity":"sha512-RiJ9LFmwlX1EpCDCIArX24h5qI3FNGZWPq+SWiE5tgxEMRCbIsf5tjnMw3pW5E8eF+kTaU8Wy3R5EffyK1dQZg==","signatures":[{"sig":"MEYCIQCHMM4IsjgIWyAVVFQFIkGaIKwMQyl2jD9xmMHfWfYtPwIhAINZzUxWZWGGp6g+YXi5yRj8Mmiq0yJBXfk8fIQj4TVz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM9bTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonSQ/+NxvCkxbjvrQvZsSv+ZwHOmb0KrDOerwSYwR+VZcAALF9NDCO\r\nxs+gd8HeJPxZQwl2S2cLIA8Z2wdXPHh+X9JBoQpF3e0eXDp0K8pULIMBhz0i\r\nAYPujx8hgbl6Lfwzs5bTVABjvQtWCuWmmQ0bNzB/dSIMwBtzZXLModAP+mGP\r\nN0CjJBSe46MlbjbFAJtF8+0ejm0Ge8E78CoQTVKIIWGMSnf57TIaHTsZfvN3\r\ncUFfsttQ9l7lnoNIm6jUkRUyqEuZynaVW5eq8hv6gVH+ExIlbTNHSCFKBuUz\r\ncBJ+CAmfYTK7KU3j4xcMD0PnwTS62o35rM+coHrG+KgBWTkx3pLk6YtV9Ads\r\nfdZ+HOLve/zmPxtNY1RWvzXHPHdAlZb2VVoq/Yq2rU8kriKX6g+kiZAsR07f\r\n8xYN83Y3qhZfybxtStTrYvoD4bbvi1Krncqs7GYMLKq/3LmAO6QaL1k66s0v\r\nbKPzA+N7Q2Z2q5j5X6zLfXXFSR1/MUZRQ/eOZmyy5VoTsNHOacev0LGXVsW6\r\nyBM2uzYGX3bdbe5Np9GN8mKECNtEXrYOAIijS6QcyJ5JOVsVvhBodwEGG42N\r\n99Xr6jNBtotlXHiWTOnG8dsf3QR15Du93wVrPrWFLM4yHSPybU9n5HiduiGa\r\nbkbL+SgV9J5TIYtTsdNov7W4mmLWSn4o928=\r\n=6nLT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"65857163479f835ec51cc1e23ec01c45eab43008","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.20.1+x64 (darwin)","description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.14.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.14.1"},"peerDependencies":{"@aofl/element":"> 3.0.0-beta.5 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/drawer_3.14.1_1647564499624_0.31804217909705956","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-10-06T08:59:29.973Z","modified":"2025-01-18T00:20:40.307Z","3.0.0-beta.3":"2019-10-06T08:59:30.151Z","3.0.0-beta.5":"2019-10-06T10:05:13.316Z","3.0.0-beta.6":"2019-10-08T04:49:37.981Z","3.0.0-beta.7":"2019-10-08T05:21:56.986Z","3.0.0-beta.8":"2019-10-08T05:48:11.346Z","3.0.0-beta.9":"2019-10-08T06:11:37.352Z","3.0.0-beta.11":"2019-10-08T09:42:48.925Z","3.0.0-beta.12":"2019-10-08T09:53:34.619Z","3.0.0-beta.13":"2019-10-09T04:13:21.724Z","3.0.0-beta.14":"2019-10-09T04:33:03.073Z","3.0.0-beta.15":"2019-10-09T04:50:41.559Z","3.0.0-beta.16":"2019-10-09T05:05:59.175Z","3.0.0-beta.17":"2019-10-09T05:25:04.334Z","3.0.0-beta.18":"2019-10-09T08:28:40.922Z","3.0.0-beta.19":"2019-10-10T07:55:09.325Z","3.0.0-beta.20":"2019-10-10T09:07:51.830Z","3.0.0-beta.21":"2019-10-10T09:32:09.577Z","3.0.0-beta.22":"2019-10-11T04:40:47.472Z","3.0.0-beta.23":"2019-10-11T05:39:52.505Z","3.0.0-beta.24":"2019-10-11T06:34:43.225Z","3.0.0-beta.25":"2019-10-11T07:34:46.065Z","3.0.0-beta.26":"2019-10-11T07:49:05.859Z","3.0.0-beta.27":"2019-10-11T07:53:59.431Z","3.0.0-beta.28":"2019-10-11T08:01:01.295Z","3.0.0-beta.30":"2019-10-11T22:58:42.258Z","3.0.0-beta.31":"2019-10-11T23:12:56.713Z","3.0.0-beta.32":"2019-10-14T01:04:43.674Z","3.0.0-beta.33":"2019-10-14T02:02:50.128Z","3.0.0-beta.34":"2019-10-14T07:37:04.130Z","3.0.0-beta.35":"2019-10-18T06:59:11.674Z","3.0.0-beta.36":"2019-10-19T10:45:51.530Z","3.0.0-beta.37":"2019-10-24T06:07:54.504Z","3.0.0-beta.38":"2019-10-30T22:52:26.139Z","3.0.0-beta.39":"2019-10-31T01:08:03.734Z","3.0.0-beta.40":"2019-11-11T22:31:15.697Z","3.0.0-beta.41":"2019-11-12T04:55:36.342Z","3.0.0-beta.42":"2019-11-12T05:53:44.333Z","3.0.0-beta.46":"2019-11-14T21:58:15.480Z","3.0.0-beta.47":"2019-11-15T00:48:46.171Z","3.0.0-beta.48":"2019-11-16T23:36:00.566Z","3.0.0-beta.49":"2019-11-17T03:37:53.201Z","3.0.0":"2019-11-17T07:06:06.962Z","3.1.0":"2019-11-22T03:28:12.678Z","3.2.0":"2019-11-24T07:35:01.441Z","3.2.1":"2019-11-24T08:03:48.642Z","3.2.2-alpha.2":"2020-01-14T20:27:58.220Z","3.2.2-alpha.3":"2020-01-14T21:13:20.805Z","3.3.0":"2020-01-22T23:31:34.175Z","3.5.0-beta.1":"2020-02-22T23:26:54.140Z","3.5.0-beta.2":"2020-02-22T23:53:01.729Z","3.5.0-beta.3":"2020-02-23T00:07:43.832Z","3.5.0-beta.4":"2020-02-23T01:57:52.833Z","3.5.0-beta.5":"2020-02-23T03:10:26.762Z","3.5.0-beta.6":"2020-02-23T03:18:07.533Z","3.5.0-beta.7":"2020-02-23T05:05:53.200Z","3.5.0-beta.8":"2020-02-23T05:09:03.794Z","3.5.0-beta.9":"2020-02-23T05:33:29.803Z","3.5.0-beta.10":"2020-02-23T05:50:50.927Z","3.5.0-beta.11":"2020-02-23T07:37:33.980Z","3.5.0-beta.12":"2020-02-23T09:00:31.121Z","3.5.0-beta.13":"2020-02-23T09:02:28.044Z","3.5.0-beta.14":"2020-02-23T10:00:31.375Z","3.5.0-beta.15":"2020-02-23T11:49:37.819Z","3.5.0-beta.16":"2020-02-23T11:59:00.186Z","3.5.0-beta.17":"2020-02-23T12:14:50.442Z","3.5.0-beta.18":"2020-02-25T03:59:57.154Z","3.5.0-beta.19":"2020-02-25T23:57:29.985Z","3.5.0-beta.20":"2020-03-02T23:23:03.555Z","3.5.0-beta.21":"2020-03-02T23:27:24.673Z","3.5.0-beta.22":"2020-03-02T23:42:35.726Z","3.5.0":"2020-03-03T00:03:27.963Z","3.6.1":"2020-03-10T18:43:16.288Z","3.8.0":"2020-05-12T19:19:46.660Z","3.9.0-alpha.0":"2020-05-12T19:30:23.021Z","3.8.1":"2020-05-12T19:41:10.336Z","3.9.0":"2020-05-15T17:58:31.488Z","3.10.0":"2020-05-15T21:15:48.776Z","3.12.0":"2021-01-20T00:02:09.361Z","3.12.1":"2021-01-20T00:13:05.837Z","4.0.0-alpha.9":"2021-02-03T01:48:27.518Z","4.0.0-alpha.10":"2021-02-03T01:56:30.121Z","4.0.0-alpha.11":"2021-02-03T02:24:37.808Z","3.13.0":"2021-02-25T23:43:52.813Z","3.13.1":"2021-06-15T23:49:02.334Z","4.0.0-alpha.13":"2021-09-23T23:32:24.737Z","4.0.0-alpha.15":"2021-10-06T17:03:59.494Z","4.0.0-alpha.16":"2021-10-06T17:05:14.402Z","4.0.0-alpha.17":"2021-10-06T18:47:37.407Z","4.0.0-alpha.18":"2021-10-06T23:40:40.259Z","4.0.0-alpha.19":"2021-10-06T23:47:36.459Z","4.0.0-alpha.20":"2021-10-06T23:55:03.552Z","4.0.0-alpha.21":"2021-10-08T17:06:10.281Z","4.0.0-alpha.22":"2021-10-11T20:39:31.797Z","4.0.0-alpha.23":"2021-10-11T21:07:29.698Z","4.0.0-alpha.24":"2021-10-11T21:47:01.495Z","4.0.0-alpha.25":"2021-10-12T01:20:51.083Z","4.0.0-alpha.26":"2021-10-12T01:34:41.938Z","4.0.0-alpha.27":"2021-10-13T19:06:39.657Z","4.0.0-alpha.28":"2021-10-13T22:18:30.189Z","4.0.0-alpha.29":"2021-10-15T17:36:01.155Z","4.0.0-alpha.30":"2021-10-15T18:51:08.099Z","4.0.0-alpha.31":"2021-10-15T18:55:31.781Z","4.0.0-alpha.32":"2021-10-15T19:39:53.313Z","4.0.0-alpha.33":"2021-10-15T19:43:13.017Z","4.0.0-alpha.34":"2021-10-15T19:53:18.741Z","4.0.0-alpha.35":"2021-10-15T20:00:23.392Z","4.0.0-alpha.36":"2021-10-15T20:03:53.382Z","4.0.0-alpha.37":"2021-10-15T20:06:35.829Z","4.0.0-alpha.38":"2021-10-15T20:46:14.212Z","4.0.0-alpha.39":"2021-10-15T21:10:11.857Z","4.0.0-alpha.40":"2021-10-15T21:20:06.612Z","4.0.0-alpha.41":"2021-10-18T18:34:32.887Z","4.0.0-alpha.42":"2021-10-18T19:40:40.970Z","4.0.0-alpha.43":"2021-10-18T19:44:53.670Z","4.0.0-alpha.44":"2021-11-02T17:39:39.444Z","4.0.0-alpha.45":"2021-11-02T18:15:59.331Z","3.14.0":"2022-03-18T00:18:38.995Z","3.14.1":"2022-03-18T00:48:19.838Z"},"bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","homepage":"https://ageoflearning.github.io/aofl/","keywords":["@aofl/element","web components","web","components"],"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"description":"The element toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.","maintainers":[{"email":"alexdinari@me.com","name":"alexdinari"},{"email":"lorenzo.battigelli@aofl.com","name":"lorenzo.battigelli"},{"email":"alex.dinari@aofl.com","name":"alex.dinari"},{"email":"it@aofl.com","name":"ageoflearning"},{"email":"jie.zhang@aofl.com","name":"jiezhangaofl"}],"readme":"# @aofl/drawer\n\nThe **`` element** toggles content between an open and closed state. Opening and closing animations are provided as classes to allow for any possible method of toggling content.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_drawer.html)\n\n## Examples\n* [no-amination](https://stackblitz.com/edit/1-0-0-drawer-no-animation?embed=1&file=js/example-component/template.js)\n* [fade-in](https://stackblitz.com/edit/1-0-0-drawer-fade?embed=1&file=js/example-component/template.js)\n* [accordion](https://stackblitz.com/edit/1-0-0-drawer-accordion?embed=1&file=js/example-component/template.js)\n* [side-panel](https://stackblitz.com/edit/1-0-0-drawer-side-panel?embed=1&file=js/example-component/template.js)\n\n## Attributes\n\n| Attributes | Type | Default | Description |\n|------------|---------|-------------|--------------------------------------------------------------|\n| open | Boolean | `'null'` | State of content inside drawer |\n| trigger | String | `'animate'` | Classname used to trigger the opening and closing animations |\n| opening | String | | Classname of the opening animation |\n| closing | String | | Classname of the closing animation |\n\n## Events\n\n| Name | Triggered By | value |\n|----------------------|-----------------------------|--------------------------|\n| `change` | animationEnd, transitionEnd | target.open={true,false} |\n\n## Slots\n\n| Name | Fallback Content | Description |\n| ---------- | ---------------- | ---------------------------------------------------- |\n| | | The content to be displayed when toggling the drawer |\n\n\n## Defining animation classes\n\nTo animate the drawer 4 css selectors need to be added. Here is an example for a drawer with the following attributes:\n\n``\n\n```css\n.ease-in {\n opacity: 0;\n transition: opacity 1s ease-in;\n}\n\n.ease-in.animate {\n opacity: 1;\n}\n\n.ease-out {\n opacity: 1;\n transition: opacity .3s ease-out;\n}\n\n.ease-out.animate {\n opacity: 0;\n}\n```\n\n\n","readmeFilename":"README.md"}