{"_id":"@aofl/select","_rev":"125-46aa44feb310fc888a24146cee9785ff","name":"@aofl/select","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/select","version":"3.0.0-beta.3","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"8b62a8f793dc8aca08e90d3073df5ff28ffac2e1","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.3.tgz","fileCount":9,"integrity":"sha512-epNp0IJroCBRFulFyAQ/Ztpbl41tS7SIxfhWOmJZYo9+iJhvrEDu1uXthBzVDptgpcXk9NAy5TYHyT5LxV+OAg==","signatures":[{"sig":"MEUCIEPlz0iNnQ+BNoz3cqfRueTPhEwMOcNJplcPEQ8qlKQFAiEApvOSjVljuYpsXtyBEH+uKdysn+4WKWvjF6Dmewu+cMs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37063,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdma7CCRA9TVsSAnZWagAA9+AP/2CCKcKWjdx7lnv3YEjE\nHAbj/7F/rnOPB1/t35iZktR2QRLkJajU9+YBNKz8SMYA7Eh1d4fkVHBybrpN\nP6qGvqzdWEs6rFPTggcc+7bJyMkHYw+NpjAN7/EgXfAidgn3F3wftt/5KP0X\niCg/6oo1zXqFOoxB9U4A7k/NO0V5E/y3c4LlV5aE/tueTOdrY3Xl/5Gp6fcK\nYbTJgrK/bKuTK0/4w1KNPjVGcwmkDlvXoMUZKh+H3e6Sbv6HpXQ4k8e4TM9H\npfFqVaxEPMAP6ZRAyHItX8wH9Fc9X7v2Zz1bNxlFM92sx/YNE5YuptZzN2to\nHh51eFBNV3FgaHpRvQpLUut3NHq6zI7YFudWpWCfx1lF/KnxxLTzo62YXcWy\n8vGVsZBIa9jrecZ3/L+aCaqwfWkiiE5O+vU2HVx4PjYrHYs6P6lGnS+Hd/lJ\neelQ8O5/6J5I+NoC0a3L0gQMKTkJlkHtExGlkdk/RG+k67/Sqsk8bEK3UMhp\nbvW854EYPK7ix6uaiSgzsdj0U/gdiLIRMFo4cVr8ur0G8C9th6a4OID/6jOR\nJCiZWPucaimwacFx1qQW956t/eomavyHU4Bm1upcLVxYweWa95TfLm5hgzAN\nYn+NcK/WffcW+FPUzxgGaFIwCYns8fEYet+zMzzN/D/ESHFsaSdF3VjUV/sz\nBeqX\r\n=CY/8\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.1"},"peerDependencies":{"@aofl/element":"0.0.0","@aofl/component-utils":">2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.3_1570352834096_0.16697878479983674","host":"s3://npm-registry-packages"}},"3.0.0-beta.4":{"name":"@aofl/select","version":"3.0.0-beta.4","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@3.0.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":"dd1f8365b60320fb83f31b22ecb0b40c7cfed5ce","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.4.tgz","fileCount":10,"integrity":"sha512-KhHUW3H4WCz5o3o6uPol4fG6HqI+gjlfDMXvLCabBhZ45xRu8aSA64LYAcaRmfsuXRl2Qj0IgSJjjJRoxq6aEg==","signatures":[{"sig":"MEQCIFF3GnhnFjIOb5zT+vG2REqhH/QVs5WM+XUMZjxQ2ojrAiBGn2WKiuEsVTssQIiRuS3hDo68s128WP2WYQ4uJquv8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38201,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdma8wCRA9TVsSAnZWagAAwdwP/0ovjPrr9AG9s4Znkvi1\nv9VQkh2Na+HGBWYMBNXHDZtgaSaQv9NXXD5NP2T9K4Npic4D/jUoQ/FncleF\nsCQHbi2cDWYm80Q07W2KuPr2gFLv0WqeJLv/dL7REovgej4Ls2eYR0ZKPG+9\nKskcKAoWaNHb7MRJaO3AMnqBnxsJ0gMpxyydZ+vcVIjv2oO6VRDhRDZtIHra\nueZjVUGNGCiIQksPw3SlFdXaCdz7gnAORELXO5dg4+erkbvQeh7owQjNxHrX\nqKQ2vOI+OTgoAgX0et0hl7GRinO8Wnam5ybB9j1eDP4fo5JLPOfpGD4xvAKI\n9AscfqZWjjBJYnxKMsyU/LtuNjHHsd2gKcZ4OiWi99bEhYsPSHGHb9oXxG2V\nVdjJ9n6+Lcl9zzU3FCDosjKLR4dwGKwgdBfzrUGY6l3zVAdCDAiAowOS27ia\nHHNtwqkkz04BFfFQTGr9CXh+4I0SwvS0pAHEdqngUjLCpwQJ0/uqUKu1qeXF\np+1Qh1T1QiaEWztxrr5aC5zwPJC/wfvjsM6XL2YoNcEWU+LNk/RL8cn5ELJY\nTgCv7qh6CsXIOlIELLsaBsRJT8/lyCmm6OifAuFTYjpAlkXCDzIsGwnN5DbS\nomJz2CO/b3Jdlmhdv/exKq95VBwLZJq7hiFq6a+3cggTRkkWgV+XGLnmzoWl\nUDGD\r\n=diyf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","gitHead":"045696e3b33b16d5872a4538f398ae2b9067793e","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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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.3","@aofl/component-utils":"^3.0.0-beta.1"},"peerDependencies":{"@aofl/element":"0.0.0","@aofl/component-utils":">2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.4_1570352944258_0.6560868355426439","host":"s3://npm-registry-packages"}},"3.0.0-beta.5":{"name":"@aofl/select","version":"3.0.0-beta.5","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"9117a8d85274092a40f96cdbfa5da26fd3fba27f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.5.tgz","fileCount":13,"integrity":"sha512-25LZL8nM3mSyFYDF3RgX/05kxk5R3lfuFNFnK4fBV5Eijd974a0r8KVewSoHVc6YSM+8G+lrAx20uKGV5iJdAQ==","signatures":[{"sig":"MEQCICDXZNE+CxEFwPWYiBg3PpsvEqxLFA/PoXDOrQIXKNrLAiAlbsnzvxZ6gW2aFjVD/HZ22z7eSeZxokNMSbQS+NfUXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdmbxZCRA9TVsSAnZWagAA72kP+wfaYHy3fvC20XDPyov7\nivQ/fqLwAJBqkmf1hwVybLyASc9cDn9/8yhxV288Kmxqhx4y1eA08EpgeaQ1\nIP9aPPI6Rqwkz/uJ2H5dCkpGVxo+LpyHPJ7uXZbv9E1fxs5hL1Tq5eOZbmNb\nlC9cbi/CKbLzJABgRPhjakGuIMcPw6NMeSz8VOIapuQF5d2S1LASg9q02Hsa\ng5Kvz+VJopUapxkQTu51EZfAL8pd577IPqoEArNbCHxqx4+be36j80V/oVw4\neVTcq6TAmOedd7cl1Lofw7aG6L2hzcIQFgwO8JYNtj0oSvs0B2JU+V55WCgH\nuOq6oNv8VGptpPkR01r8o4o329xrAvM+nuwTq324NWH4VoKgtqx40vIsVBxT\nQxjp40CwGSz7hOwb8D0VDL+mXzEeIDne0ywZUINRw3J8vsktQzdsBwaNWyYx\nbwh/GPIltzogdbDh1ocxV3gD5A/7NNX1gp4/QyRsegHZtmmyb2OamlwLY7MR\n4AdFTix43W3TOiDkf5SqQOygSDmJSml5wIQLvVRbB7D3S5WnHFE3SP/mfN6v\nljTgu0cRSis3oGJUHZLfeBj+cnePjP0lhls9bPuGE69rr65UQ2aFyQuO7kzR\nfjMjzAcM6TbvVvpsHvriRmfDRWNJtbUKQiCI/uXVW3Pedh++2qkn2qVGBhrO\nzLnw\r\n=+kK6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.1"},"peerDependencies":{"@aofl/element":"0.0.0","@aofl/component-utils":">2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.5_1570356313217_0.5661005432162953","host":"s3://npm-registry-packages"}},"3.0.0-beta.6":{"name":"@aofl/select","version":"3.0.0-beta.6","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"f89cf99057f0ea220139b61f29b60f194578f9bc","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.6.tgz","fileCount":13,"integrity":"sha512-Ua9Yulh4Pdut56oyJqVMm2NQOl2Jkc+LHmuhTVIqB2UMWD5iX3B7+iOnu2kvNr6JIHi/Op3P4GDDR76qYNi8uQ==","signatures":[{"sig":"MEUCIQCsyVXCvh4CZDL7gucSF/EEqYZzdYtr3eJDaRMTa5k21wIgIMvNeKdK/y7fA+VR213zDIrigYk8jpDud8G2qAhKiBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnBVtCRA9TVsSAnZWagAAAMYP/2thH9IlXljt7OA1CoaT\n6NJJVBdyPNuVZ9M/gmDXFHLTVbRL1IyX3I4AW7maQZkNAOSqCncjNOo++vn3\nm9L+VJTiIfWrz8MueRJa4ntdc6evLhGlazFHecg/yeSGwq8cnu635CUUjRQC\n45PijFX2/uaEbsXxHf5lHQSA2TjgMP07iZz4n4JfavYpqosEIZCmx7GqikV2\nXl6v//up8KMavxO2XayDP/rIwaVFXkC0o+nyFNj1G5t/icUb5qIVswcYsbro\nkfTuPxqjrxD8Lr+VEKKjSPU5XaBSZTDgX15RvU2UYgrYUfSoR/NQZaEFY6Ef\nD3Cyr/NdIG0EXEB34XNXxePWrhKPh/r+cCIQwiBmgJu4Gsw0RJTFgK3RM4ca\nT0G2MttocCxByjJZdfmyPawGxjX76XkkOybi8gPzEfW1cEHKr/slgGNOiFKN\nc/cS8F7zdL7Pz5bkn7cYCupBvkLmhNR4ccOWRj24HGF0HG2P9W785sUFJX9+\ntGFCtJ45ZDguhJ6sYhn7SPpfjSeeuuLoNNpi3vbSlqV+amaQ2qNHaLaGNZxB\n6C1BTEZtzaUT9NoJVYVu/BvrRzJMSfZTkW+IMHnlmRmWVZXChZEBsfGPLBJF\nHVLAlr787CEiB5nBPgh074ESUiP6Hn8S3PWzgyGHzKTemFbEwlkQL4EzMUtq\nB5UD\r\n=/2Pf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.6"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.6_1570510188429_0.8797908795410823","host":"s3://npm-registry-packages"}},"3.0.0-beta.7":{"name":"@aofl/select","version":"3.0.0-beta.7","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"a1fcf24c8eb06f57b0ca5e21ff06a172b24ea882","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.7.tgz","fileCount":13,"integrity":"sha512-RzFoSU/zr01LdvW4DPyssseAUIBntoSJSMDRHvLTqiODDe1Jg7iC26yLHWrFtGK4kmsbVmJSvgF1yBFycRb/wQ==","signatures":[{"sig":"MEUCIDFvRumwzpWywJiMDBHFPhN6+PQIrgQFJ5evqOS9POemAiEAhrc33MktzQNspyVGeBZwy6myR7IAY6ClQCzKQSZ9KqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnBz2CRA9TVsSAnZWagAAshIQAI4wtTmbZMRuWN0fW5BS\nI3Kt5FI1xMOE2lPkLBWDqg6Dne0PYCdYzbHytMLiGLQUmJ8QDNyiU4OqFCHf\nTKKF8IRZK4nZTPMgygXKpHn3C96uiGRqbqGG3YeByd8McVtwbn5sULhK2owg\nzxWZlQh2Eh0jMn0EckJMPSkelwUOnmIJUseJNJ2zPMAzQp6oJNdfUtsL+5dq\nV34FlDTQxzFj4bOSuCosmmq9rmmkrPINSHI02NIUFc4u/8Spn1mNfnuV7wJA\n+Y+ROqyqE9A1WZVx7hbEFFzIhk+mZF+8DJp5QhqcNh/AhI7qOLMz/KXxtyyx\nerttvZuyd4xq9od5AjxZj50hWjSOwk5zQ56N6NAcCiYKVVimIY4LmQ9aaWaD\nWzucZ/yOaR9xpEFZzJtXeSfHD90iSUMxAdkKeDITcIQu3NkXKpPoPWQQe/Qb\n2MkmkrV+woy+JAzoE3yxS4DlIPwON5GzlIty1ABPFq/P+paAE/NP6ZNHuOqj\n2Nbd0GpE3ckHQoPkBJ002KKfZsyMUm7p31scm0Vr4y2aURBlj4ZzJ6MJkiYk\nxa9GXWliEBOUXugiAy4yY/u5uGPpXdphvOUuwfpo4uHWFwyExNhdMSy08iKL\nD4Jbc0qINgjoXgyR28C2QhkoPl9LOWEuHDqaWCPhpkTpaOc4T/s5ZSy5v21R\neaYQ\r\n=QolN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.6"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.7_1570512116951_0.7901010527531502","host":"s3://npm-registry-packages"}},"3.0.0-beta.8":{"name":"@aofl/select","version":"3.0.0-beta.8","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"26f1e216cc3206d0e384843eb90bca2ae25506d3","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.8.tgz","fileCount":13,"integrity":"sha512-MO9DId1cq9O0X2tqzJnaE/Ujz8Z3sziarAx9lsg8T3sSEdfGvwHhDPrEkXC6ytxtJCsH9zxEwrUqp/42JyrUVQ==","signatures":[{"sig":"MEUCIBodr+F21u1mT5AFPYhRTwbkH+w33G94As9p2YRmHfN/AiEAn9xPW+rriLROdLefTpXUkRyHL8f6XTg4KZPufeHlsyE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnCMpCRA9TVsSAnZWagAAFAAP/3bdH5Mx9/VxvM3vK+aA\nZb37BrOBkt1MmmSCJqFCQ72LJE6q+VuQPCSotFHVtJmC7CFi/vgXSAfwAcmU\nzfsPTBM95ofndmm38RzasFBHVadcAU622ZC0vASLXKWKFFxLIZiD05oB7zg/\nD3nLjx4PXgQGLXHBT+YjwnJJ+LFjVQ3Ihs4uCl1JU5mo0MZ0MQiSEUCV0bcH\nHUnLmapAkex2KS2d4pIodhXy6uqBQzZ2YMw4Zmdi8o+2dLjsziJeR90r6ExA\nlxukTHOM437/0baQdBcgtPLxQrmPxXg5/uKPDBqE9ukQSh8hcjm83KxHbGCo\nEtyU1dQ+WR9rScyF8JdCUy9wW6B0c1LF2xQnO/3GcUn//IjfHr4v+i73XZFI\ntxRIOoCrJnM8KsbsvkfhwoMoEscnaNjzSs8rJFayr7+7P/cJ8xaYnLyVYuTj\nLos9khD6yt7E1sL7UUPUhXwzIAQM8Gzg+tt6Fo4WMQAgfFyp/updGYmz7YXa\nkiWyQYMy7zSF6sdzVepwyr3YSm6+MPPzWfEWc0qFCFVvUYj/PIAawqWPdQtu\nznuAlyxv55zexrfDDfgTqWYIgtse2uzoDHJUECNCU4VJwmQj/IdfZDrgAzjE\nMQRWJjEkNwEE4fGCm0lHGjIbfFPPJClCu/akIINR9q5xB34llGdHiNGWRUNl\njG4C\r\n=hzKb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.8"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.8_1570513705101_0.4859546243518391","host":"s3://npm-registry-packages"}},"3.0.0-beta.9":{"name":"@aofl/select","version":"3.0.0-beta.9","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"7b64e3d9460513b6d7852f24523085020d8a1cc5","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.9.tgz","fileCount":13,"integrity":"sha512-teFlNZsCILMqZb9OuF0vSe1+F3EOQa5qDfwUOc4R0FCakt2rXGNC3rqToIO81RfjO6XQrvVNyBurPcclarSs6A==","signatures":[{"sig":"MEUCIEAWeTBG3can2bZBc/hLULBAS2kfxjiT5m/f3GtkvbptAiEAmujBqZvrYnL0disspUH2XSVZ3t0d83E4jOug03G0SvA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnCinCRA9TVsSAnZWagAAZLIP/1pYs6gbIe2Dhnqz8ykF\nb7Woin2qKV1s0iNWS3s/SOUZFGM1CS7wFRIlpel7ilOB7dikcieQ2N2jfW6R\n8Kp+1hY4aQPLFvxAhxP7eJbfQlL/OodBFhxd/NHcCQLCUV+My/P4jvMO4NhJ\ngQb17bodxfLWgurZmQcBMHw09ZuJ7CBZ0kC8lEUj3aFXwGEiyc0VS07JUAKk\nHY64FtCko/m1txPMBZZ1T2gTj8i0wBq0M+kE3lkGRo2CuJbAYuVzDHXzuvvU\ncLxIBo7LldJ/J0Fg+ga57THaI+OFnq/7+paJu4z0LzxgPqkr607/VtjNp46d\nOZPTk6lIyyt32eDrvbq+e/8p2Cn9KULaXEmaseayijWAWlM+8L9+tKfi7J/c\nb9kHAK7xKEs+exNnqcpBDyFroHbN+26+MmG7x/j73W5Avtj1yYGyxr2jU8vb\nUnMu4h0pmOMGy0bC4m3WgNy4nVebqAF1qVWePnVc4CyBxzc7vFnTxxoJcPzx\nzBYIq/pbgDg9Nd6vFTLfYmz3x2v8cC8MoO+z0ExoBFNou4i1VU7B7roKS5wY\nB9VgtyWXk0tw4Y9PHOwNUdcBbTmUSB/GUor+aTThZStyS7/dg6fGYiO6fHpW\nhiekDmG2gs7fAlpo18LQHt2OAG+CXUjSlQOz80LVOU6RpRHLXgGbMQgUQ8gP\nWBkh\r\n=XddW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.9"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.9_1570515110454_0.44077262996693767","host":"s3://npm-registry-packages"}},"3.0.0-beta.11":{"name":"@aofl/select","version":"3.0.0-beta.11","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"40d4320a8cc55d279bef99b902b6773a28f4ed37","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.11.tgz","fileCount":15,"integrity":"sha512-8/M+DEF0ofDFxKvPbQkX+fGUo4AzkvVFrfuHhF9wsHsuRU22qOvETW3lM9vLEafgUFY8yEnRTaLd8zkA3ldd1g==","signatures":[{"sig":"MEQCIDE6bAyp9zytvPwu8CoeWWRkClVdncyrqHHiCAMBLaSLAiAgfPrv/U2PWZyeFm3mM7y5Wq88DKh0/d3ifBDEUFVqcg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnFokCRA9TVsSAnZWagAA8TMP/0qkRkJJAu7NQ0AERlX9\nRqdLICAAFwUPUCOkkEWGCfhzxMGlD9QIxmN6SLsmpnE9IKW6v2GGulBcpMc1\nAKcdKkFZ8Qfl6QPVpGH8rtUsfs/JBlikF/yPPi1PaP8WlMmfkXBxcJUHW4fM\nPMbUKNgpCU45WKJLJgnVBSE7ZMR/kG6QFS8Z/egedEWFmzA2v2l20BUJ2Pn6\nEOCqFJBJo7zmUyPLLP7eadaN24rY8SRVoGhxxUJgncsr0q3Wo/49PTzb2ulG\n8OA1Y4JRcRSVihU30LFsxBm0evryaTflTrujiO3ZD1LyBOgIVnxNblfn6SmH\nY8r5kntjJCkkZhnylu1P1INkWMRZm7W6A0AH845VB90Lp1AneWnweWm8iNsW\nVVTsJHkL5DiMqK9ZPyScJDuYOlxTm629/q4P3tMaqibL5uZnUbSvGWxQV3gD\nkA9B5JcSNLA+PF3tLolxJ0i6GHv8xnNIiCNg6br9F7z74uKFJ0BzbgESfoue\nW4ckMEkRMj3G9GxObCAHVKIrLOtw+Up2gPtnAiLBH+iq60K5km+eXYtMmJNc\no15OC58Gb2d/D5KP3k/b49K6MUbzReMqy7BayUVFIb9yDpgmIq5BIKDbuDNt\n5LqyiyEdKwrofMG7r/IvFW3mLOyaHBWj6b+nz3cFGO17sNjajiUREZAEK2fv\nyiEJ\r\n=Nzy6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.11"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.11_1570527779590_0.7813362136028685","host":"s3://npm-registry-packages"}},"3.0.0-beta.12":{"name":"@aofl/select","version":"3.0.0-beta.12","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"7823570bdecc3cf9e1354d35c28d0a90e372fc40","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.12.tgz","fileCount":15,"integrity":"sha512-r2iUTOq6/HEqpC27t40W1orj+/GDUTHX8/19w+2RFnNrDxS/XaP0AJKq9ofGrdDMBGYZ8NV3eVg/lsvOMszcSg==","signatures":[{"sig":"MEUCIQCSgAogQlt1mLB6DwxdJVvWBYCWx0CNdN7VMUSt9UwssgIgRHoq1HSLiPzm97B46r1tsktofEVR449fpcDCI6DExLQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnFyvCRA9TVsSAnZWagAAQJgP/jXnSsNYN7wDtyOhpVQt\neZu+kuNW98L9oEbu8JcHrsHzfB6PjAsG8btc5kOvM3wKuVZYrli2qJadLI9Q\nIBRh8OvIxPp/OEHH6LB8leQZ0cGywqpn8eGwqBXFzySTNWj1vvfGrm/NLSDp\nI3tQDMvXJxjWU+MTJlUgbjkTFDoVEjuSCyHBrSvpaiCYvEWzUHG39k36NjJS\n+XcGzYnhp33vUexPSEm5t5C3lHHiREa0RDPW5df5GLpDXIMBAg9szQddSzZ7\nwXKgqKrSp6rpkRHDwpSz6Si0qVWdt3uaVgis638golR6N+L3Em6wPxeGS5sG\nSBsJXOkuOXf8okajE/NifPTGCcs+RWwUdTAXgMlX++YidxznPbIGCgOTqDGZ\nvb/iQfNRXBUFWRMqoCiI4G+YxSR5afrQzJSA2NKU0VSTGAPB2LgCOu8zzXsI\naQv1tDPDISN2Q+Yt3Eqo4Y4zlHvKQWHp2kiLnoLlHs5Az6iPJ5IrMRdm3IZo\n6ixXZj3hgClM5veTlCQIA2LdnPJP6COfyt2QK8dEiJitvEGJwoDX8tcSlO1r\nEEJvyNteBIAPl56ikH2Wu1NEQdI/AHePeRO0eZjsv83e/9cMTw2rd55K4uKe\nY2FbCKAkf1VuWrwmjiwfEJ2lTJFZUKHMgvNtDp/uOIYlWQMWPYH8YtCyAru8\nTSHX\r\n=oLIF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.12"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.12_1570528430871_0.3778950512204584","host":"s3://npm-registry-packages"}},"3.0.0-beta.13":{"name":"@aofl/select","version":"3.0.0-beta.13","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"f33c7cbd4a19e18099fbe5fa0547b7bd5de90577","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.13.tgz","fileCount":15,"integrity":"sha512-Qy8c+8gZXJ4Ew+JetaXSuRBo6stFde0gttCaRqf2BPw/o9NHucwfA7VhHNjRLN76E1s1b/jHKnEMuvYOMWEzQw==","signatures":[{"sig":"MEQCIDRxqfrRaw1Py15MagIMnurfye4g9zypJVAjx9u7Z6GFAiAcKkMNYHe8rCe2jiVSx1sEI0vEZxOm7VzdVG2uEMP/OQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60228,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnV5sCRA9TVsSAnZWagAAEr4QAImIT4ALSzGZ2byjfnMm\nMPNixojkgvKYAA2LFL1kIk3Wup7jVe8Vdyhmb/jQrIdGQZuB77X+59iXwUL+\ni0bIon8Iy0Kel6lUx3QPPIhoNzlMoRu434kRRyZ/4LF47Ux0MpCyBJKvCvEV\n6oMKWSyHKd2n6KDjFaePSqA5PtH96EQH8QsbeTT9UgAQ2hfVIHsl554ozkE/\nsKKtPG0VZK1gHK02CYbwdag7/4Llz7SHbea/Mg1rhmBn3GNs1idmFH1NiNgx\n2ZiLd0ftHiKyWMSmKtIzpscgHS9Oue413tQsReSGj7sruk3WRL53YRz7ll9+\n/oSFI9nPQEK6JTDnFmYTDBvr8k8KZ0b9C4E9SN8G0DLFXfP9NR/SxLfy7kym\n+gdkGX3Lb8jIHGJVZ83oLMnaXYr5nZBQRm4Vdhfr/sRKdRF4fr1dg5FBp9AM\nL+IzKkTa377EvO2RhDgZcQXx+Uw6z+LHoe8ofUcB5dQIJ5Oi03B48HAnfcos\nBFCIzMRScIxGGjHZ2TKe41VqS+1HBOcJ2/mC66CgD3cCgSCcorJO7juL/p7M\nN+ipnE8aOSCsPC/q6M0qhvxikYMPLpRCLHvHD3qUJSNEwApNkcSn0DCQ3Ll/\n25J7UH3UGw5DFVPh5dv+RDHb3yw4XV9r+xJfeDsORqPEW+igMzfYmF2carEa\n6KCt\r\n=bE8D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.13"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.13_1570594412023_0.26839170329313355","host":"s3://npm-registry-packages"}},"3.0.0-beta.14":{"name":"@aofl/select","version":"3.0.0-beta.14","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"4347d0fce9f5653196c70cbfa040b741319a80cb","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.14.tgz","fileCount":15,"integrity":"sha512-rVVoO5pZakXN+6qdg8I/fMEi1ULcyMbq17MH0PD0FPWM9jY4jGbyaFPA/dAL/v1vVl5gEMhxL5cojAbZvCXiZg==","signatures":[{"sig":"MEYCIQDvBywCrxq8lYABgP9kGW0dcrLHSByhsuKIeQZykCZwMQIhANg/MQ+kgYjTiLe9bQm+mBA5rTpEwaqvVND6/c+PRgyw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnWMKCRA9TVsSAnZWagAAaEUP/1ifrWS5K6HVixeyF4EN\nQG3qYqMKNR4QhmtBiPuoXZaKBUBhiOWzotoHkLVYbX0jbWHh/MLLdglWXz75\nNvYweaxbEHRZb00tVEyPdknHtbeoym1aFhcRzanRGEOYePQ+NfJoaVsca4os\nIVQk6MdlFE2kcfWxE0UOMkgpXlLG1wdltodjpdHn3+dH9iF2N9q0L7DM4sGN\n8qfdJhg+ZNoNkemWIVKxCc3hbGaWb1V4t6TRy7iIA4+za+WdOsS9SPBvs9Hu\nO6tmwwJZ3216hOAOFKM4wTrXKaZG+kCE9kDUCfgS3kbweSYcAwDZ7VmKtwvh\nhrA1zhGwcdV5D+pLRNvcMdSI0ptq1PaxMUNyj3hCdpbEogV9/K/dy+riiGNK\naU3EiLNwi1N4AXB78sRw5KyRSMd2UalCIiENaR56B7Dd9seerGwGtm/6lzzB\nzuDKW88tXpZ0EbjhTbfIqwqramTCBEbGdwfCUWm1VtiPcyfLHv9/YlWgCu25\ntKrFbXh356KXX9ieaeVteY34yA3uDaECY4mZGBSgWYuGqFGBnpRRjCKyckyW\ngPsxcStRsAH7lq6Z4JBo/O8MqdwKZk/J1EiscyShvlqOZbKaobD5e/J0W6kv\n7Ox9X/SAU/j0i49Zdr3HY2AoapgpQ3rHz9p+EoFL7KqavCnaO65svaMy5Tpa\nUynR\r\n=3EzV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.14"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.14_1570595594135_0.434563424485942","host":"s3://npm-registry-packages"}},"3.0.0-beta.15":{"name":"@aofl/select","version":"3.0.0-beta.15","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"daf4709765f9b3747b782b34c98cd0a949e45f98","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.15.tgz","fileCount":15,"integrity":"sha512-d/FWaujuPdnP4MpsCNlw/TrxxjvHhC7zS1gajztOdu5cuh+xofBehAU7VcZCwsW+5P4jxsp+3A5yxcaKV8xnsw==","signatures":[{"sig":"MEUCIElpTjL+W2RyZz1r6AsTapXkFI8JMplkLwZndy4APqS2AiEAqR3B1Y7kLwLUCsOJ81d9DxqJprPA2JO+rhHKJsmWIH4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnWcrCRA9TVsSAnZWagAAAJ0P/14Cq9IA0zOLTnmWmyax\nGc3nyaTuQbhiwcBGGYlLT+gc2g3Qz+irK05EozfAbPlZpMTFPe6+AS/0ARRL\nZjegkEv+PZfUaJtdXsIfKgqivpwzbkalnBjSxg6ZI+0svVlvL6CQR3hBt7DG\nzTGok5aYz1KcMQq368jUPNM8O+5X10eip2T8Du48dKA2nEYUwVU7r9vr6chl\nP01OQL8qEB+2LkJzTUcb1cSLm1JCoyBEhAjrlweLxHn3QejDIoNn6tY65Pm/\nPdo9RbvlsZAtlN1uWHYuR8W8QdJnTGbAx1/SmcapKl1GREBHKpCyk95xwo6n\nBePXnntLza00x1za15IW6fyzfSUdtVAy8VPwcmISw/gGltPZr0GFn/Eg0JdK\nPWX8S29CFG210d/sswv0Ptre2SVqFJh6WBzr2B8Uv0h081dy48Ad/1eT44Kc\nErC65GFM1m9wWj2yMoEl6kVZF7smnnQV6pyyd4Ps+9y1UWHtwFmhRvylUVRz\nOkTYqFuIH50uDgDMPJ31W6mYecNRNFUkeIqAbXXaMiw/qlVsznRFsOd3n4kW\ntC7HuviKuN1A/2G9tzQ91PRc9XCXCqX9UdEkW4dEQQqJKseNh9Sy4d+iZifC\nFPnJFe3QFKha9DmmpHTblEQaaZzmgp4yzoQ9EeHyKm+WbbMmht6meOH1oZuE\nU/k9\r\n=/GjR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.15"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.15_1570596651371_0.7176456602192458","host":"s3://npm-registry-packages"}},"3.0.0-beta.16":{"name":"@aofl/select","version":"3.0.0-beta.16","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"f04ea4257c75c594e68623e2fad17f4b5139d61c","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.16.tgz","fileCount":16,"integrity":"sha512-fuHNmf3AvTsOstYcceXvg1JBxdawaHsWM75CXSfezfjEhaQIaZwiM4TifxDnwRVjqE/arl8AA/iWMP/aNf82Iw==","signatures":[{"sig":"MEYCIQDwlXFXeC7tTGJoH0ooHYdXEcvFkt81RyqO6lDT8DpHIAIhALnQWmco00REvJG1k+rKchDqUpe6Y0Wi2JIQlrC//MHQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnWrDCRA9TVsSAnZWagAA5HQP/2H249M+w1qp7p8+QcjP\nr4fdHN6Y8jjLg2ERWErYru3O4Yb+dwsRWKWj69HU/WGK95M6w/Pd58EiX7yz\npRlX1QqRe/qxaX3X9gYzA/vfNbq0Yn1XT3NsUkXzwz+kyZiGD+L3tLLrSyJn\n4lDQWefIApZBnEMWNLgAFLoXtiFZ9ebAabPKQVHO0L8J3TMoCBzR8GqrZy3d\n3mXBtg9nL6VD61OK51MjRZ100ak3suK3FVzK1j4ykVNsWI2mCOaqHQ+Sr0K0\n59ZWT/V92lqgXw814OoP3tdMULOFVxGjbsAyl5zkEjyALZE6PGhhq/Ogl3hn\nWQoJ3ZGlELOoaSdUw5VPz4oAH6MteXtnlRxOfIbz7DF9nDUw/9dvU7CSu2C0\naePR0hzXEgcii2094+Aq8jmR5xdoFyN2T30uOqgUjSCdwEJvdG4jUVtDnFR3\ncv21nyOyol3jFToDnpPjL2m5EKz/TzyG3cHLLWc/3kGUl3ehMUa9IOEiDqJx\n34EssOiRXX8gGmYAB7SOmzGfRq9fdhve1AO4/Gwktkg7mjO7gNEJnYWT4N5x\nJgZZ+Pb7ymu3qStW2rVPjwRxw3FgOXZN74VIhmbl3KzErYYrxUdweKCU6D/Z\n7veYvOUMBK2115dqzcFSOH2CXcuj8UKHd9OVWNNyn1Zz4yvia65fWLVdYIpm\nY+/o\r\n=dzcz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.16"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.16_1570597571029_0.5149779874701379","host":"s3://npm-registry-packages"}},"3.0.0-beta.17":{"name":"@aofl/select","version":"3.0.0-beta.17","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"34b89924ce3a5129f7c01431d11df8ab7d44b33c","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.17.tgz","fileCount":16,"integrity":"sha512-twpiHaOM+8Ihha/5mxWuGMpY16GtMIcSAP7JkmSW65fXuyGXrYngEcIBoj04eajw4Hste908pfbtjCXblnDLFg==","signatures":[{"sig":"MEQCIGorvJSn2AHQStCsLWiWhceoeQatGX1vb8U9yONJnh5PAiAo5xgI3G5ULtr9w451fbyclhghZShM/Uk5rY/DllPy8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnW85CRA9TVsSAnZWagAA7+8QAI71sr79zf4FhvhckD3C\n4II8CrcztjG5K9rNI7K1s4UZ+wQ6/uVxWdXTwm6uOL9SMuTMC6sDNjlyJTuu\n8TfIXTYp9GcBZaG5U6huQC2VbiWGFsBg9/ZDo6T7igKJPe/8lnsOCVd7KhDX\n1QKjYjslT/nqcRelB4Qlzi54mHApc02lbfrWo31v7qKXTO/KLu1QxAgqbw7Z\nQf+ygsvAStrYB/63sgThhv9o7y6HNeWATfluNlYT4yB3ccjc2s+cXAPeWbW1\n/lij36qeelQTtPmj2ThG4NB1zb2n5P96oslggMstGNjVGk6yc6Tzg+r2N2CV\nbvZdHG6fpMZeQzO6oAtfM2yfEHrLvuI6DXPVhywBi13vVnHDwEjud9kaJukq\nOp/JXpEtgpxK1vNUKka38/ZUNPXFt+5LIy8yLFeV+Wy78K0prClWhwaWtF8+\n/6ryOXpvDoIq0UyUEzd9EVmrOHD18ahIW1Th5nkyFXS2bEfzPx/ytTPkd0sk\nPpTMjI1l3dMfNyVvsVYrGXdYp6AqpWNBRECwJRV6gfo/v1fR2cIqWJubH+Xh\ngAtLvelV/BNYTcI3DbteUdbFijwTn9AShCHU9oZO3adyzOh/SLJFNnF6YmSM\nY/pUuDPB+b/3SoTlz9LBUh8yJUV4bGIT4rgPnSVL104WJD9H6IPQ4CYTDB14\nXGK5\r\n=1FBl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.16"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.17_1570598712847_0.25284481875604725","host":"s3://npm-registry-packages"}},"3.0.0-beta.18":{"name":"@aofl/select","version":"3.0.0-beta.18","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"77f2817dd22fc88f30e93574f97e80bf5b8af468","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.18.tgz","fileCount":16,"integrity":"sha512-+vqmXHLAXQ2ksvpOSjXnzKw0QVhWaZ1g7yV27cl8oaVvAJa1RjJWF5V7rqnXt++mzPJudDGoY7rn1HJ9LTQ0mQ==","signatures":[{"sig":"MEUCIEGqDVTkOGXz9sUpCR6OdAR2QFmx0CRfrr0LzSoZMA/jAiEAgqKjcRyEGs4pbkTtJZ+EBvLruJhfVdcQhVLu+kBqBVI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnZo5CRA9TVsSAnZWagAAUPwP/3aRfX+PcZovWliE10vV\nCT1rpFQgIF/XRH1ipfWfAzNsK+8DsIA+S6oym+TB/WYiiDDEkv0edsMQt+hh\nC2ROZwkmFUm2Y8egWc0C3H01seQZQ8OAIVLsdJWaVVAvhLERPfz8FwGv5ZKu\n399TRXBg/OPTINaRaujgDf+xoTYq4J9MIoOapcSuTmB9Aahbhl/rkemhIKOx\nJb4ruTffDAAPCregx9haPWdIzV6L/HFGtFY6HMS/aJ10KxhbfXsrZ4OZFAl4\naTJybwqdOy5Wr4QweYXNnHNOOiByvaG7ilnWp4El5jKvogHpXIXwoho1kyvY\nVEoUxQpuaWgY7hdfOJoIkhWJGUrbgcOD8rVOviUwlXJjuk0vgDLuGt/Qr0DN\n5dMueXfpABD5QDXEnvvaq4DYBSaB327VFiGcL6qSvdJHNBLQt9IlbMz3DfOY\nTiB67J4aNZ0H5v8ycsE99JprGlS7ZNmPncY7geVBLBj9FvFiu/xJqEli7cys\n2QSeFA6yiZxItPbav5VOEQ8Z/uNSnK+zsO4pRNcBLyJ9w+xvPa3/0ZGf6K/U\nVQKx7VPeI9TAeN44jcv9HQMeiKJb8WIls4lw2dY3+nVaQImnWHmL2erY2QYP\nqWMQYD6F+n2S6DSrOxsPHlyFD3ZHqFdWtsOBMpbskQrXSIX4cx18HxvV/UmC\nFKoN\r\n=jwGZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.16"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.18_1570609720721_0.1633685204628701","host":"s3://npm-registry-packages"}},"3.0.0-beta.19":{"name":"@aofl/select","version":"3.0.0-beta.19","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"d3baa5e13474c4384b3a36bd80219c2fe9a7e276","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.19.tgz","fileCount":16,"integrity":"sha512-/BSRdgLk/ZxlC9sHvt0TuVMLrQz2iPEKy5mUF5hgrn4Rpz6ctLE7jGJlSa3d0JNKYyHV0Al0FwBGq31xcITuAA==","signatures":[{"sig":"MEQCIDjGJabFsLBvPEe2Vw2bfzBu4M3VFlaj+5UFA7X264b+AiAefvz8jZTbkXSyHd85vOgET9CL0OcNNKHT+mAozAB9Gg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnuPdCRA9TVsSAnZWagAA5U8P/AlbnNqQHJvn1YiAZDli\nhsBp3JS2jCDYJzvdol05JsSzBlmDRmcNBcoZUhusRlUeunptRav56mYrkSux\nJ158/ZWRqicEPC3vQvNL8+Xb+RcXYLO8WTiWHc2j+1+/cZhbXoNbnrkM080+\nPYww5ZlYxUTWXrw5dYcGcGxafJUOV+aV8eklVKuaNoq3s2xV56QkS+nM8b5m\nupVSx3K1mjPogaF2/f23QbM0tRwK+70QjjqNWZbuFDdL6DIh7YQDMU3hEmXJ\nWlPVVGQG/JooNeK+qGpoS4+x/Pf10CaQtimZuX6ixBA4RmIC971CJRbrV2Ai\nNyXQjvQV4EFgWxe6IyiCkPF2jPUxk2yjCICfuLUtVsw8cGUGsMiOwxtdqXWk\nD1XmJ4cfYGSBTn/u8HlbH36xvCnlP0eouJVQKcna5rQBb/eOd3QR/nJUWux1\na4SiIftynl7Y0oF0L0cIz3+mV2MiQ32mOk2+P6wbdRlF2HZdDUWTrhE7Fj9T\ny0IBZTrTILhGJPS2EAPlild/MNuBfdpbkU4Qy50bq1QiYYjEoCHA/ZFfyQqM\n/4gaUWnkwVpuPtcI1aBkkHgRlwqh95QosZRqn5eNrp+abjD/BDKYskZ/vcXI\n1HlqR77llDJR1pdYH5TLtX1oSivBd1RDWw4iQVyf6mFWhR/YJur2FvM7WX3i\nZetM\r\n=25nv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.16"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.19_1570694109223_0.8335630709699131","host":"s3://npm-registry-packages"}},"3.0.0-beta.20":{"name":"@aofl/select","version":"3.0.0-beta.20","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"4f7202c61478553cf101c946c18651b628600e75","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.20.tgz","fileCount":16,"integrity":"sha512-wrP1rB33Cws7yb6WC+djlmy5hm2b3k6xwDimQ9OQsHluW2HLdEQjhdJiXoV1LzbHOomGxuW4QIXjf5HlvLsuXQ==","signatures":[{"sig":"MEYCIQCdAZoHu3ii4/la4DzNTIYkPAFzFChaoHipeHlt6nrMLwIhANF2SIpVR6pTYLjqBrOJhjdq9xJ9jjF8WtHzlCvra5Zl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnvToCRA9TVsSAnZWagAAMVsP/iuhhk6tiljx7ai5McOa\nj3b43PdJcYfoDFIbEBSMPMw2ZD+UQ3BYerEFObN4Tj01pVbUFMDQ6fxAnJ/z\nE1wmSxLv5B0kmjUOhYtE9W5hmjUviFxsLXRPFpM2W4IPFgUQqio2PUQ9XeVU\n1Kka7as21tlMwWQ9/MQwEO1Zb3/ykBOJMDISpZhy9sHYF/rmKICkLB4LH7iW\nkheOp1RSGHm4YE4dkXNFhxr/Rge44Eq356uIf5R/A3PsAUyIMs+mnMyeWrVL\nz88/ZfQOFKeqO2GbO7/E38Y3/W+OrMTBYxgr0WdHEq/QURXHlxLZ0zMQSKxl\nZh+Zi0t57dlCVr5usaAI2SuROL9CykE33cdsi/GWcNWoDaSLk/iUJ/iTQr5a\nQ5b+0AqTscLQAa4sr8hJnXptnng8LDK81x2L7lqoTXjMS2s3ImPGzttm30ZH\n6GP0jWBSNtRivcQ8z4vMmS8kMdsgXXQ5XsZa8splet3d6tCZi/MQfmfl+Jfx\nACFlt8loass/Nlk7RhCQh68Igjfo18lmForFeWQWn7y0TFxf5btAh/N4azBB\nTejbGzl7ZywMbpiI+wfp2WLVM0WlqOzX3u8g39Vm33JRvJ1uIEH4vpUMDT/U\nob8L73491AVXnzlrZsrCfkEXlu8/AXudc/HglxmtYG3aTQicjWMwLW9xR6PW\nye31\r\n=dYE9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.16"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.20_1570698471747_0.45445829453104825","host":"s3://npm-registry-packages"}},"3.0.0-beta.21":{"name":"@aofl/select","version":"3.0.0-beta.21","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"2f949cc59f5fe4327402aa5f2253ba1c0eba864d","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.21.tgz","fileCount":16,"integrity":"sha512-z0Pc0ofD2bWJi3EDDd3Wpf8nTrJK0V1cBzIoLI8JXCJR8f9H9DuMEIGWpfORStrW0z0kRmVdCB+LCZ3rAhEl2A==","signatures":[{"sig":"MEUCIBVFT632zFjZiPLKJcd9n59e4Uue4CVXNkkhX6jBgiSiAiEApj2oheOl93VkVd32kbpdJOa5JcyVydJP9hKTGO3KA0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnvqaCRA9TVsSAnZWagAAoKgP/39ioGiesF/sQkfA+RtE\neEGKxDdpYNeLGI79mev+OoRjGsbdONSjE9f6/WVYCmW6PUiq4NUUCGW5hCNP\nm8wRKxjQBjRF3xp2YSga8V1uD2LiL9fP8FI5dY45RqWiOTaCgYU6SeX1a5Na\nO2pZr3mTFJ3z+soUglCPNjIJ7pLiwmMu2qgyR9R9jQCsARBqNGdOipSKh63p\n3zgkGvGinwgQAgf/7rBkuK0U1IDXNwP3pPCzp6soOIxh7Qi4glqrGUJJ9VDs\niLdijqchxP+y5ChF7RNs7Vr1F7hj6+iQ8zRllQDndKSoESguupu7TMM353aS\nHeZIWkqJlICoBo7s5oTtKkOywQti0dox3h+xXfiShldw3WUsKgml8Ttg+1D0\nMYpns4NaMPeOh3vaKdgD9zIEoOWO0ESQ4eZQC2kL5MjcpYzGVsBVnlvY/Zpt\n8D+IaGjhEZcaWT4c41/brDUeqCxz7noAwhpAwLEw7Qn9/RywSDJtm0qBLjre\nINnvI5vzXYhoh9NPDoi64XhRlr5qCOQfZDXJPU1e8tVg77q1BQmBktj4TGUt\nkwTl1s+ywrGN4gUbJMMGlptoZVoqBRnX0iRDBNVvKemqSM5MZfkABtsYw4Es\nOgq3lSaYpU9vx2tYsBtkhOU695XW+rVBLG8OEa8eGfUfi7culQo5sXjR8LcI\nj3Rb\r\n=fIYj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.16"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.21_1570699929541_0.5390398331239181","host":"s3://npm-registry-packages"}},"3.0.0-beta.22":{"name":"@aofl/select","version":"3.0.0-beta.22","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"8f6a0f9441cab7f619bc8ddb8fb12a453c3bb489","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.22.tgz","fileCount":16,"integrity":"sha512-5SRGyIHBOnFhk/qj1H2Sd2iFjUF847UeiVNVjLT5sFHnGZ2Ey3VG0o/UcJBb0Hv9pW9C4o0VdG8tAT1h6sby0w==","signatures":[{"sig":"MEQCIFrNjujwqmvDE53EFXE9q2l8j8MCb9ZwlNsxXFtpSIxIAiBJ2yYRGiRaeVDmueyTBVjFpAfkX278K0Nlrb5vwkjvnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoAfaCRA9TVsSAnZWagAAZK0P/2LAEHDqUS+McJ++X4pM\n67ZfpdgxRkIqLoAfSzhSzktWCc0GPtib/p3EwFSDNURIKuRxUPzR44fUmo7O\nn/NFpQvoERtkkzhvEyLeVabuEQJIIIFY+EWCPEEGbMFrYzNlOoiRgi6+Gr4o\nA0kNwKPzLawij9ylj+ZkmCYcHnndybBj8YPH7WMApmxhHKI8ut0oLYpfHoux\nj7EIOSjREGbV1rYaojfke8H0KZCSKWogag0HhG19/4/A74NWA+vhcynBLhsr\nRvZfwlS3QUKmlDuqdOBxfBI8PbLxlAGY0XfPInl4fxfGmbpLLWHJDbyD2MP7\nVd1tOJDAFCBFuJsCfTkyCV2uX/s/i+Uhszo5OQTqCQXpJyJTFrI4F8Vd0KtM\ngsYyv3tpBIUX0MwE+pJ10TBbKWqNEMeEsJPT6hVgPc/1/QQviNpq7KSSc/2C\nRPDi4iIefzKhJ2m98257UGZWUZTjakrsipI4XkZk1vvIi3tZLRfgwC8qhsxQ\n/MlFr2K1kQnx/IHdvFziQ507DC8rjU7I7ZS+f8NWKZ731Z84RqGOtpHKWjsE\n6b6iZtRF9RBIsiaZWLAnRMkR/IRCVc4V1zznwDvfz9yL6CQVreT4d8GXWdDo\nUev2UmO54o3G7OTaSf9YwikpLg/FIEEphieziYgf4knXd83JQ9BXbafMtJEs\nwXLt\r\n=nSgn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.22"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.22_1570768857999_0.7936847629725885","host":"s3://npm-registry-packages"}},"3.0.0-beta.23":{"name":"@aofl/select","version":"3.0.0-beta.23","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"e97620b4634f76a9754cdeea92b4d9765bbdca4a","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.23.tgz","fileCount":16,"integrity":"sha512-+glG5uwBS9QoLrT6Jp3YY79x3ePf/VfzcbuUr6Qeb/CCtdjSY8FLqTtP8nM8Tn0Ht3eUoNb3h99s5OiyIkbvoA==","signatures":[{"sig":"MEQCIG57xdvukN6EmKsF8lsxFL6OXPRsA5D34NgsyYw3uriPAiA8SBPnIJqMU4qYC/UyGiTFaE7B/YMhQQoZETHeLHJPIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoBW2CRA9TVsSAnZWagAAslkP/R1R0q1zxWvtpayrjv/S\nF7c2K1sw24smImg0I9bO2/bPYl7j7DPdXPP4gG8uQidHU9yPGSzxN9ammPlG\n917Zzg0MsW2kiVc432PmJqfU6ODCZFAqZL0Gplfzah9Kk30G0ciS2YbvitJg\nltJfz5a59kHRBzoQnf/QV7muNmpXwUrEgVqA1ZBo55Xv5rrehEJ46YbuIBux\n6bfU7t60digN3QitpNHX8F1IFxrSRxwHPf0i+g4zJgIgjF61vQbYkLaOdxmz\nzyhkQBdbzVuakKH3AKXh4cLcXh+ydibvt5HIeiD2R14VIttJC+y/dIer7nz8\n7nFNUsRbvxz5H/Qy2P22hE/iZR/J12/PKv3cNyfnh4DTsq1aGIClaez7z3b+\n7QQorlLlgmNYObbd1fUJ+GNosToBmedtDUpsYxmnafNd/YFnlllDnuvS0xyf\nY+kjyJ6NxbbRoVnv1L8DztyK3B8Xw1VlIu09dCBb+rIUJJhv90sj+Q0wZqWn\n2UIdZdFG3Ck2XuORblbP1uYIvSggg/gEr4PiAUKIHjrduTPYqwzlTfL07H+N\nyS/HzkuoXcdnxM53GiOappwG/Cfva9iowXOynwG57H76AR4dGUaILci0/rsi\n20B2NE2NIF5PecWG7lFM8JxPS5zr8l42H4zVAFc91vp4TU4W0OeXV/PxLFaX\nae/C\r\n=+pVp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.23"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.23_1570772405757_0.7587213408704729","host":"s3://npm-registry-packages"}},"3.0.0-beta.24":{"name":"@aofl/select","version":"3.0.0-beta.24","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"8d7d0647dac72b260164d37fba3e76a8ac7e9920","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.24.tgz","fileCount":16,"integrity":"sha512-qUcxdaLRlStV60h+S9eeOIcPP85Kd0vzt9I/TbrtAfdnxDcq0sIAttzJ+gUGrJ6xSrcrFUFFblZf7GbKi6uT0A==","signatures":[{"sig":"MEUCIAxkxeS+pO9GYdEg12gPnn0MqbnacqhyAgGDPPx/HBAVAiEA+Q/Xmenmghb5l1OHgXa4zunOO1uOi4v4n4VUhEScBlg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoCKSCRA9TVsSAnZWagAAksMP/1H+UluhEw4Q1chd0qAJ\nk5lGc4TuOVABNf7AjJnHg05jIsfdRxsDfXjwlE2rNxsEbHPlT79mqrI9suTt\nArBlV792DIIBXlXYKP2h1fl4i+7RaEr5rNIolmJoueefXjfnB15iQiGgaCnr\npvCbvqhP7LHIaYEn4Tf+TczIeES6a/yIh6jfLcWHOO5EDL4SfotYnHCFlF2Z\nBx48c3ysIxm4JqyzCm+lSddB26c9cO1kqmtRWHajimkQUOnr5WORFGFJ8B92\nO9FOvAnfcE9eXPPdjAwzkKJpF/FNgERdEknwhAtZCPD+tnanHFUVDtidZucD\nJxK8Enm/XoiPl5rMHqDgVI9xHVP5abuJybxaz7V6ConvGZxkYffJvRaW0pZH\nsbbPYtnu4Oi6qBynQBAashaJLRa20v3i/hZs7J5joaxH5cmbyA1OPTsrledw\nTKRlMP0R4VMTmFcQmP6iUhyV4MqPGWF2pTKMz8ye31wZLfXZQ3ZyfbiC1DmU\nQVeRaaIxnaSeKyxv8CronkXFd2Lb36qgcwWcIaJmJ/eYO4R0BETIO//BUhA7\n0z//EZOUrp6DwR+m8I0KTQVOhfIMkbs02Y+ZdFqi9bhv+rNzy/lyXyFPSJ7v\nCUAEVd/yN6FwXwluxKj6fhohrP8KESsOf+8p+butl6hN4oBtzOTsf+8V3tDX\nTePq\r\n=04xD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.24"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.24_1570775697962_0.3833933028927543","host":"s3://npm-registry-packages"}},"3.0.0-beta.25":{"name":"@aofl/select","version":"3.0.0-beta.25","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"e8ede8a98c718c1156bc645b7f56d3f593904d5f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.25.tgz","fileCount":16,"integrity":"sha512-J+f8keo0KFZ6pyYJPcYntStjlZ/MuOqvEDBUE/WZpjjt1Nvc+kel1+Rh/4WGwiCjLxLGS6rAog9U8a6vFRhAKQ==","signatures":[{"sig":"MEQCIH7kxUwiFElr9j1pjp7BSImVp7P+ZitXbw7MMmoaF5RKAiBnm/CoNyNIpKRn9Q4ol7UQSZjRz3bgdXRcxPEH7lRUfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDCeCRA9TVsSAnZWagAA+4MP/RT3/WLGUoQEvmNj+eFZ\njVJXiAKkUyuBH7Wj2hzbBjnQbwXl0a2Dxex361GbKdiowfurpNNo1XDgr/Vn\n9manaMKfiQA9EDQBQcdUtdKE298ykiBEagESET3l653fyxvr1SztVadvZRt5\nR3JC6lSfNig+K4zTxQG3DgcUVno6XsU3S10Lmjc7Dcp2PSXsLCUtrBv9hiNQ\npmyEiojzjR0kgLLJHxCAJD138z6zxygZgWP5Ts50buLEEBiWccEO2zdpzq5e\nLYv28Vs2/9nRu6oM7L3hfjZSLN45Hg8zqt7Y7pKthWDLLoAVOU5vnafhSRwF\nPheYO69J9CfhZnyUMdvMDoZ0qP0Jl4vyvXAjQWn3iS8dks7SVKKCBrvfQIwi\nx7afgIOvisaqVDKWlOWnO7Hk74mUSSjCJNaF0S+1r7LoHhkDcvwhbKUIlFj7\n8WI6K+OVSOxhJLiY48glUe684ugIHHBUh9XjtqlP6Gh1unglS3ItAVH74ya8\nZ9t064V+sgEqzU1W908o86fg801S2P3lO2xYl+ZJ+LHODP0LfGrA0Amcx36E\nrongWzyPn48ihS+FzllQztNohrKSU5bWAlK3WRetTziaGXnHT+XiBOgcETBu\nOVtqUOTPHukk6EL5v5SB+TfXq692r9DPL1y7UrDcAon2Swf6XqLHaywT6TaT\nLakO\r\n=PMot\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.25"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.25_1570779293802_0.136920151820783","host":"s3://npm-registry-packages"}},"3.0.0-beta.26":{"name":"@aofl/select","version":"3.0.0-beta.26","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"4d057c1da14c41f2d3cc2667b902129a3789b378","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.26.tgz","fileCount":16,"integrity":"sha512-bIae532Ju6FylNPdI2nnp7sQFM8mQ1+fViUW6sgfgZFMKDEmGbeuRkxkqD/RwxVQFsdi5szzAT7654kAnZZrqg==","signatures":[{"sig":"MEUCIQCosI/lqRRBGmLi7iGSPdL8gg53SLnefbCh3BQs1WpYYwIgOxa8aBDcqUUIWT+Qcuy7SjFNj334Dhv5SPZXNsqwiKY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDQBCRA9TVsSAnZWagAAc1EP/RYr4nrWKnuy/MBcYHGE\nZoxdkKWnFCMxvcVVhKYdFI5P5hmUDvM/HNkm7GPnegHV3hQMERWpYMLdgFr7\n3ctjZAUiB7Ij0g9U946WWGAYsdGI3ZYal6pL7fYT7qB40xtJy0x6LqbNjU/Q\nIVpwgVLYdAPt06otQcnLafF3n48IPuMwERBdUcNhPcFr6gAMo/u6RFpPPQqT\nAP0QzZMb5zVYajw6/wQu+tVcB23qzofPKfI1R4yz69uSdaML5HE5AWi4zVkj\nGE5ffbLXxQ6BNDDwqw7mUWZ7L4X5HTjButjhOrJ2BSGeV6uImt6FQDgKTual\nUb8VZfryFN3a+F0LSGhBB790nDN7KmZ46S4gYW/Ft/kGJkK6EejcIPCIzm4n\nOdLfMyEftYpdR4wEfgz4+zzfM54vgo+gIjpHK2eXjLD/Dc40TFsUyXVTTh4u\nYTPlPkeEfUZBi7M1TW2y/9Y2aUKzbk9ML3PLqVsxotuQRQG4MiHytbTJrSyY\n0UH6MLXXI71PwPgdReffoIZHMIlGEr/CxvTTgLk+BmAbgeMVifGBZtQ5rHd9\njXgHL0Un35dIVKQbWy3pq5uJ4lP0cWg+xejkUd54KU5759wEC3g1Oyb9frTr\nXV3eDaoy8wLRPBqlAg9K9GHHXRv60e5ciyDFJajUw9rj8EYOtBOKdtoSQUYr\n1jCy\r\n=XpHP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.26"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.26_1570780160630_0.35800891594254214","host":"s3://npm-registry-packages"}},"3.0.0-beta.27":{"name":"@aofl/select","version":"3.0.0-beta.27","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"a966e805285e24735c9861105536310d11eecc85","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.27.tgz","fileCount":16,"integrity":"sha512-hJbXdvQjB6OvI6OZ2146zXUBpl4AWjfjkKTQiLjlKaaxum4Z6tU+GBpgdTzrQJmrFviy5fw6IzrIMDan4vOHYQ==","signatures":[{"sig":"MEQCIEhWIvkobU9EyNTz5bd/tkFybjnQaHN9NJ79bZdlpoCBAiBshpy9RAe6OP6V+thLZ8DiWudR3zLnyBW8IwgDIBBwDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDUfCRA9TVsSAnZWagAAwl8QAIVUNREmTCF1lYTMET+2\ndKE5DU6/FKJBT9Yj4LKhE1gtLg33kg832CHfY6FXNnz73TCWatuxSnMSOApi\nztGjeVVfKWhl0HMO2kACUWorNRkDtX8cFSBuNZTnsKr/btqDiuC/5uxbjGtN\nL3qcpz+h9S5U81HixcoDahXW0SskRxu0zDqyf886v/Ofg0HSZ2fdLtlHutLo\nSwJt9YaRyt7YRs9AgFG/zpKkx4uIGnCN4gp06SDSidD5vwiku3SPlaFA53JU\nAIpvhoZ4gRks2fmn42KLqkVxcOuIh4KHHApXZ/YUtvzxo1TfqIdNWzJoqPPf\ntR5ursoY8mFaNbP2v2as25elHxyKmQjhKlsn2Z/bHNSu9LX3hBhEgPV4Dv8t\nvPtEwYe9cxdI+7GISbhFAUOoG52ygQAhmPdSECeiphJevmui1KJ9ZfLM56ok\nOhudzsoFUbNIpw2vxFbgF1dOcsW7ATIwoqIQKICa1bjI6y8kzH6qo2+v2e9g\nZFq9Tddo0zk0VfKKFEGwcxWiiKPwqTG1NDscJDTiQo2LaojH8wvMAiRiJH6c\n+a7g8d1cQmbkhwUV8IWo4GOLNHrcBSZJpwR/dpHAsqM2fCcGGF41yECmK6Y9\nvEzZSZ+Mb9/hhXJ+/Aja8Q1jGct8f1bWCZPJQCKeAGLSQGbgx0bwsXQgpXto\n62X+\r\n=meyS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.27"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.27_1570780447283_0.045042128464964915","host":"s3://npm-registry-packages"}},"3.0.0-beta.28":{"name":"@aofl/select","version":"3.0.0-beta.28","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"b4f4065c5bce7bafbe3283c5093bdd10d1cfc83f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.28.tgz","fileCount":16,"integrity":"sha512-mBHxy25dDNvCEqorHJf2M+8RKL5UJi1ci95dQn3E4LkvLRhLr8lWB0/Gb629s8gSQOg9pHJYDHlp2dW1AVywZA==","signatures":[{"sig":"MEYCIQD8FAvTj02ZJeth4a6vEAeodyusj+/DDGxlyVBoCKLDeAIhANnr5LQhRxmGem64dLwQH/7hiIG8Edf2MOxHKZxL4E9b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDbOCRA9TVsSAnZWagAAs0cP+wX5lch1s8wvCrjMivT/\nUhA5CT54+SXM841rk9X8BPOPxBSXTLStHk57Kwdsn0/zO07InQg1wkVloPJP\nhAJ9gXbWs3ckMimvQKg++vsxx7uiOCqQVqoB+B1D+kpbPutcuV83r5VD90IA\nik/GVc6SxePlhys3I1btQLsDvYZKLZabSypQcW//5NGgk5u1DRh6HrWlGY3J\nknLqCLET2I09xR961duCzgdTKmCiZ2NdyutgzgiMZF89cjmUyuB1jymCmzPQ\n09ooh9Ft5nQ7IRMv/quraumBXnXfTPi+tOcOVLw2bPIRB9cka4EwZE1y7K/F\n4krM8qb+nT1Zn26FSWvH9YL9+fpY0JPTqvL20+rHuaXyQhtqCfts4GtmpZtc\nBIBVRgcdRFkOWurTW9VBNy5sN+S7fB+5N+udEpPdBjWaLmaea3Jsu0LKIx2l\nMjRxpZ2pUQBF1MOblLzOY9f2K2PmB8k+kVyVYWhIeumjF+uMI+PRGVLn20r2\nGhyZfxArWHEX9wLmp95Bm3oYVO5Q/DiRUtdBsToxlTeX3ch6m5mY0qDPGEsr\nzpxsU/Qmek6FiIWiqkh+22VKoljSmmiCZSXaXPzXVmrQ3xLorM+z3WTm8yci\nngMWEbh+LBsZ3q6Ii/mwcOCYokyNCkWy2e7BGpAVa3M+Zz/tcpUF5mHEBdUW\nkdAM\r\n=/5pQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.28"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.28_1570780878002_0.7600157324886716","host":"s3://npm-registry-packages"}},"3.0.0-beta.30":{"name":"@aofl/select","version":"3.0.0-beta.30","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"fafbf74cf02aeb02e5f3133a6116b3a0669aebc9","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.30.tgz","fileCount":16,"integrity":"sha512-lLkiyVJ8hQyetOhF6Hvbwq3BUbQ0YK70Au7SPyQkkeImz/tlcYYhgljLfY3c6Du+Zj2xFPgaQ/2AgjoPPOL8JQ==","signatures":[{"sig":"MEUCIQC84y/6VdVXa+vHAoDTK6NFtB675KqIp7umqKytVDkAkgIgVjVMEDwCugYpMW93cvcV6Y/V+dxkSWfSXI9PPjJXdxQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57685,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoQkrCRA9TVsSAnZWagAAiuwP/iqDHmPBDfqUaTtaercC\n0NGHOeBkVPa4AqeGZiJlHM3m6hD6RMB5iYomzMBs+vqexukQTlHiHWtZFTDu\nv0EG1vl+WbQD/rthJwMe63Aj9T//WMfOtQ1oY6eyqRmRlXLn9B1V4qUiTL6e\n6EAlnmwxWGMNhHr+qG8FvVVb38lCw+B0xNoH3/Q25+CQOdPVU/JccM+yoO8P\n295iXVhw6TmcElqXJ6pPCIqFJCThLTQlWT7og+hWWKDpE55W+406W4v3yoxp\ngC9pHr1QArkUtyS3dcRAY+YUxWK7gA5st80j5N5TNSw/d1RbjDiCztf9/BJb\nF/ymPJlLGpB0ze2JGhCskYZBpHbbVrXfx4r/IbPj6WbZEzzY1u7cODO1bhTj\nTVd1BHIuU0HV0uOWZ7WLXeoqLH+Bk7wuVqFTuWqaZG0WEJ9TNKhQ1orkmy1C\njOCABNqylGAP9yoJGaiXzIto1WCwCVfr4b+xdg8yxV7jTlf2vkuQqCb9LVMl\nE9XKql6jKiHADsFB0x2f4hcJDAekBH3qjoAINGkVAEjGzD2RQmDZDrCXMHcs\nd0BTFQY8obNZfsHTuWlbAC36sy+roBLt5nvgCpwOyJdHi+xFupkb88pz94OV\nTh3I2PKRx8YL9HjLINlBBKK1CqxWbA6kNvOoxuxRiaUcRa+ia96wiOdYjGd8\nMcTN\r\n=S4FF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.30"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.30_1570834730646_0.4932528472730908","host":"s3://npm-registry-packages"}},"3.0.0-beta.31":{"name":"@aofl/select","version":"3.0.0-beta.31","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"878441e4f49c6224ce58591d4eae41958cd64d3f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.31.tgz","fileCount":16,"integrity":"sha512-6XCO94VtE7UZpNDHmXOACVC1ayVCVY2GjDx6/yHTFXNH+iXDVjGeEwZtlaDzaCjY2WkVADXiATwP0jlZJvsgCQ==","signatures":[{"sig":"MEYCIQDKsSbZfbhHqJmqxY4P5jhEELqx8TqY8lk/74qiyZtPygIhALCP3r+PXlUJDwnh3mk2GCeuaFlE5Aht4N7zgdySiXEI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57685,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoQx5CRA9TVsSAnZWagAAMsQQAIGssXIvAJpLGB0xYvzS\nawuXendkssF8+tgAbaLFUoVhc5Z0BY4+KuRUjfjBfL51UzpvTnMwrwI+SU9H\nOtjaSV7/4DSmKaieH/7yO5w0HCtCHJmgJ346Hl8EOEp86sSNdZxtY+r/OGZ8\n8rKFOkds8YweZspmcbMP/UgKUmwusAbKXlJqPhyBmnFlvrdJ+yCLvrJluK3L\nOghLvDdVLnfy6MLvZxt9DjUWLOEQLLxpf8/ELW5hTgZQ51bgSkyiJJzzBA73\n2CbKatSPqCs/UpDq3ISoDFJddQC484PKQ7J/hENjM9bHz+VI5oRQAPvmcwHl\nxEjK5rH6WrILE22xnHjSTTxr2XjLZ7y/Rzk9uiCMVQMI9EEWiYI0+8k1rcNi\noWUkjEtWpns6ovWZZLW6nDb/dNYzDc1a3w67ry2aiJYh45JXVo31ymRZbz/R\nvrJ+LpTUbyaO5Sp/P5N4lGQefDydA+Jy2EWISL8D8nFxl6wOoB8oEFmRZEDe\nZLIuJBvmhy3hB3YKHPzXsFpqUEFO6yxmN1lGKXjj1CN6CAXW/jyc6AcYFO+0\n3r9i03wg9zTJ/30Jx70yZT4nvk5hgSrnZ03SRM7XnB7wzS7rcGLGvFTnYWq+\n7O0RFICTVg9wpHHiQzEtbucEkU31YJjHUW410IzYPYa2HteKCYfTueZ1dPUl\npQVF\r\n=dnV8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.30"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.31_1570835576566_0.2721827115667017","host":"s3://npm-registry-packages"}},"3.0.0-beta.32":{"name":"@aofl/select","version":"3.0.0-beta.32","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"4fceb50d0cb8fc5c41d65f94aa55484ec43fd49a","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.32.tgz","fileCount":18,"integrity":"sha512-/sJ7ZxjUMRFwQnO0bwihrQouvNo8mRKaQ/+xLPM+EI8VwyNYXdav/WrEX++WoyMvyglZULYOS9Pc61MkgxtKxw==","signatures":[{"sig":"MEYCIQDyIuLsbl6ucW+8bT60V8E2bDhKIFBXOwCLwH7PlM7EmAIhAKRJSMozgwl2F35II8bRuVNDgMBug0hhgrqDNfB/2h1L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo8rqCRA9TVsSAnZWagAAhUIP/02kq4NyPiY1NvHomMNK\nWFcCG10uxESwsRAj8K+Qj5Mgpfalwrp7v9Sk7NCn/ur1kwZQwGZBJLQ7dq6l\nyYjoTVgi7AMpr6SA+Ixm8m1l9MDQqvH91vajx5UAuSO8cU2t1ry5yPXx8NUW\nK7X4RmC4bY0laHRaex7yXB755Yaa2nIxVJDaW5lOu1A5BcOv4YoWoxTnjmnH\n/GsfuqwHTQb7hyBHolAsAO8UHoQlhCX+9Ute1PBQJ+UOU/kdamgDsi+AOw4Z\nxMXUGZycKKH7McIqpiPMgk4qq9LsK6OYdXDJxznJllD7la0RXvT9KppEMTKy\njy/g3tW5dWrF26a5mMMdwCEI+TFTTW5JCQ1Dz92eJwEXZNujnCv6LdksEqeP\nTTsB8ccKmgzvDfe/eg5oEmRzNTD5UBYOHn0WT/aUNw0maLiOPfDQWwkDNniT\nKPdSQrVRDDVQqzE36aTTv54SEMmziEXFjSXPp7tz/tf4f7KrTKQiODh1q25S\nmeJRbOeJvMuTgY9Zf177YJ2N8yJRfQp3lniEyKQf4j+eSgCLkTqeJO+E6UfG\nBqN7JBGofPXlB+p2+j1qH8igh8FR+nU53HBCje7w1M5bQjrAdOaYmCWfTST5\nxaSp3IVOtcKYK5mE+HJYNOsshZAduCFlgjJRMKt3K1/mWxrENQD9w4LkpEge\nDbYP\r\n=xq58\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.32"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.32_1571015401602_0.5854151964511976","host":"s3://npm-registry-packages"}},"3.0.0-beta.33":{"name":"@aofl/select","version":"3.0.0-beta.33","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"d671cd8eeb1e85bbe7ee72a6e99902fbfba88249","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.33.tgz","fileCount":19,"integrity":"sha512-8kLwqQSH3Ai9Jmq9hBv1OwkH8gUJDM5Zom+1IJerGHowK3jlBbqWEtMZhk1pzJ7Ff9+/CDIz2/Hv4rL8+F/+Fg==","signatures":[{"sig":"MEYCIQC/Jw/BU4hX8+PTfJp/dgoLSwhwHlhEbGyTjDwX/O6X9AIhAPTVnbD0VWb+bY6O0uudmz4N+U+5rRJTqv3a70iR3bij","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60160,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo9dKCRA9TVsSAnZWagAAFtAQAIahYGjef7nDfxtsdJuJ\nryMAYqtLOewO9deRSicxe95Yt1ZQqzmoubdZD/x5+qw9Dg06Vm8YfCBrYvsb\nYG22zJmdtm3meTfWnXE7F3/wd5Sns0MWctCXQFfVjgr9w/C5NkxUsqv9tAsP\nCalLx49g4I5uUJEzv98eTnwf8ns7RIEO5eONS6BSCRKmoQcVnOMZ7/DFpFSq\nmB7cevShAln+mSmm9aDDd3VxDcRa1RSkEdADv9Fp2Un7psTpC5st+U8gfkLM\n0+AoAEuMAEGlzizfi0tqcEa/NoAutKEN0OXau/btz6IlO1R7fizph6zgketa\nHUstPYjYSmbmi6hMDYGJj3nBSdlTP9XTs5/hmrey2nhCwJbSVEsaxiC57OjZ\nE66sbS2FQ5Rf4fT62ZVT5jAyqItwD7I9p5KD32rjnv1z/eK5MbiXhWKBSOPU\nWGMJzCx6AKLo3GPHfGxx/OZ7SI3o/rtXLyOQPNLO4zEYjXc8cdBr6efTrvuR\nuaHlgK6s4stqgmFoVuOVhoRxELpzKU3BLGYyfv7T5aPG966weR7NvMeB2gZz\nkuf9rBWSloJxQDTRnE5q7npf9K00G1fU254Wvxw8qRGliofhojEibhpyCjZf\nrHJNGpGmjITb6mDQPmZM8oTHult3pffJcooOHWFbVOIp8rvqlrUaG4m4ojjr\nMJLg\r\n=JAZs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.32"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.33_1571018569981_0.06537642038347236","host":"s3://npm-registry-packages"}},"3.0.0-beta.34":{"name":"@aofl/select","version":"3.0.0-beta.34","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"d4236e2163ad152418a8ac9b797effd5ad06511e","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.34.tgz","fileCount":19,"integrity":"sha512-2nB9JzZfFmwmdjPti3OV8vJMEgviMommJ288OLgCCC2/yU3rtB32tGT1X6Ke+NRgCywmKGRu+D75kj6ge9Yscg==","signatures":[{"sig":"MEQCIGW4FQUfOhsGZ+LnOaj+2hZZ3bkGKfzhBmOI8PudqYIkAiAOj0gSGnZoF739GxiJT8YvX9wmWRnBQ0uLEmLzeTknFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpCWgCRA9TVsSAnZWagAAKHoP/AxtWNR4rXsciubD2XsG\n6bNGhuIdGTv/mWlRwk27mmGSJytR2S6Ku5cP1P22Qjc5g5pDtyfZYCIwJNsQ\nN1RzPPFV4/AXohqqVNjjqri1eIiQZ8s53eQ/VgIVQKTeZUKXp9aRBfmrjKfe\ns29XZapWwWnTAI7DInFkFEUzPdmXgdYfO/hBXvtsmgeqlj84BNDalbhxwiU3\nGEUDAtWQfINBETsdd57WI0ABq8NnqXi4peUo3d+tJP94JHksF08ZgJ7rek9R\n66t+QGVQTTyjPl7TLPLu6X+diBL0V8/Je1I5b3qT6g+ZQ+R+CNLg63MMVgUM\nL/DeSV0PmsTWJTbjSD/3Hl4WcWkWIeh5VLmxkZFXvLOIzqiOD2hWyxkPAmkL\nVyTzX2WXa0BFuCXmQB3zON+l6If96q/iNzrVBtschZM6bTgP6a3iBylsF9/B\nstd+UworUpkEosPZtp1Jx4fUffwhDmNAC4lP/WL6LFK9ADHb/vsIm5CfAsRi\nxjMMMFQYblEndSWkgnpM/cP4Uh55Z2stATLiqTlogyGxd5We/HBfi9LonZFB\n1czQRAylzgftEgMvpqapYKpmnatfjlzPqHqwZ6LZ000CerwqAGBGloX4/gaZ\nUahprTFJqqhgPaG4LqywCr4ZNCYHEsGXT0M0+ciZVHmlTbFbjkUo6LjUzYQJ\ni/6S\r\n=0HOc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.32"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.34_1571038624116_0.8865829270821433","host":"s3://npm-registry-packages"}},"3.0.0-beta.35":{"name":"@aofl/select","version":"3.0.0-beta.35","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"e3bad2800d9d36f94a583b52315883aeacea4103","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.35.tgz","fileCount":19,"integrity":"sha512-v/HRTNzfUSJbkTwk+IdZMSslfwKf6x8fazJaOCvpKTfu/AyRxvColJeX286ZbeAd7wFEVGIvJaz/nOe80B5avA==","signatures":[{"sig":"MEYCIQDTL+5ya5BfKh8N9wcxcb5XnCaH/GrPPNWg6oblt3Vm7gIhAJzE4LiLTE8mVzO9aA1G4JmUjJvm7vfRFFCno21SIBDY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqWLLCRA9TVsSAnZWagAA5kwP/RRoeLT7vd2X67O7deBf\nQytn7bWAbudfrjMh2FZBJPCNvPNuS2WgZnu3FYy/Y6Rta0GzCbGbMXRR0ppn\niEbVrd3SGPnVp+hmYYzsPCt/YAzbP3JWuBnocxAVDK7J5CoQqpAW7TsVi7kv\n62Nz8Av/UkGQh27G6lfbxqrQiZ+FWA6VKpmEFxpxgo5tvfyXPqotl0UdLx/G\nc2HV83ao/HJZveiCw1eS69WcMwUqU2QYo4M87vPPe4WrnfnP3LDVmoxfPGLc\nfElHlnxoBQjmzbHfBb+8pSb3lIBMKQGYvs5GJgS0HiGGPogfOlCDr8PgDNoh\nXMsL0FzRfFGGjcB3ei/E5LgPvRNlHZk1UIs10OBDLZxs5zbuahhSBSQqboS4\n7I8iJGl0Vii7xRtuOJrQByldOA2BUmFLQVeXIpz63BIixeLlXjSd/6kxpueG\nTRIimwRqd4Gk+MyllVYit4QeAn+ARwhholMqiGJqrEyzcUWAlUNVTTRoWuPX\nQBaZE/pg379TmMz6WRMnPJxTwmMPKnG3HPfveLTY5lmTiIQwX6H0TskEFy/N\ndlJbDQomAt7xdPi9ZkakltIqmRDQzcYE1ujodGQZq8huv3pLaG71prg0SBa7\ni2NISRTW2DuBnhYryV2HMB6anC3gE5I7ZdMvLBZ5cwwWdPh9mrzRaE1KwMvl\n4ftZ\r\n=Qw3m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.35"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.35_1571381962304_0.022392579280014147","host":"s3://npm-registry-packages"}},"3.0.0-beta.36":{"name":"@aofl/select","version":"3.0.0-beta.36","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"9637bf433b04840e6488da91c93811f9afb628eb","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.36.tgz","fileCount":19,"integrity":"sha512-OH0WAL9iyAwGb9UWlWZHCfXkBLXe27c3JkOwjeU+4Ah8J8ZMUSeynzVsb4xCht/MtmG6daNvQlX3af5usBzZHw==","signatures":[{"sig":"MEUCIQCyVX4PvUBf607fD50qIMt/Okzso3ATsVhIDTP1esq/pgIgUuSRZDQPAX9lbDuoFD8Bam0t+RasMOGk3G9vKD9CszE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqulrCRA9TVsSAnZWagAAOnkP/iIj1kYofE0oTHG/sVZG\nh2eDtL7B33CfxShzya7WBzXl5fA2LvneGzHmRiYRKAvrJ/7mX0JA/2pYgj0z\nar4uHZDuBwSjWQ/o1F2vYoi0goGWH+7qtZMSot39aW/ciVp1LcN9jH7DNKC0\nEPoHqF9Uc6URLQ9EADI2xaA6ym6+IoO/g8w2UAvgnoLY9bA96jhpKEzDHL6T\ns2MA22uVghDNrZypBF8jfVgcSF2k78yLDvHLD4JqpV9dy3Nwd3fBKIusqtJE\n7055yMj2/bdi9EoRDv9fH805o/k90HfsLUj1D8pjXwQrOCIUUl4RqP+FJGnX\nZ6gbvELbp6Yexq3s3+OJUR4jhwx7pGIQg9CUhGziOuxwFSeuWBOeO6jLQnB9\nMpJ60NKwSGVoVDQBswY2qm6p+Wr9QhgPKPXmSoIHXxsZyNYgsDZavb/PVvNA\nHzOHt+zRu/nEKy+8yDuTgIZ++ubaXngCUKaCa3Z8XR6Ezql/XbY3UgjM6ktP\neziUqtHqOvB9Eufo2neSCPslJXNozX/pYfnE6kboIK1rNgfrw0zZP6XMjDP9\nXoAKTfBOzTGeelX/nsuUX2gr6/vIEtbw7XAF8hviZ92EYtwbjbEm3h1mYDlw\nL35wPw85BWq+HB8cCWH+6JEqS9fC4FrRGlGO/ANbWJF4t2uirsTswFZuxzxm\nq1R4\r\n=m+uP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.36"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.36_1571481962946_0.5184394265978189","host":"s3://npm-registry-packages"}},"3.0.0-beta.37":{"name":"@aofl/select","version":"3.0.0-beta.37","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"368a46015daf661ac29ea3a3d6526282897d95ab","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.37.tgz","fileCount":19,"integrity":"sha512-JkoSz+np9gLuoulJwdqknO+Lc1XB/lCkqp9zrWhs0qoWLYxejO68xPcDknyP/VY1zeDRuR920UfhgyglXPYL+g==","signatures":[{"sig":"MEQCIA4icqH36iWRNvr1PSScrIpuQuvs0FdcRjU2Z13VZ69PAiBXTfKm/yLsbosFXsvMmG5/7ai9cBurdrGNucf77XS/+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsT/DCRA9TVsSAnZWagAAuegQAJwK/Hq+6eUf0TgpihTZ\nhZ0UszVtICbNwpULlQGAmfTrYPvwgg6NVUCwWssvO4QZL8sESUVWccjGJbw/\n/ENVXdodwF8h8JTndILGirW7I8vX8ZQh6AT1kuxI2hpj0XP39dQjoEqsZKYW\nLNTVApZUa55q8hNZlnlKzYaJoIoshXMl+mAqFSC3WeuwOJJZbos85aLPWJ9Y\nQA73m0Y8gKRT4E6K5nVKFTAkXXJNcHt3G7EORlc/Yq7ReRTPV5vrNPzSxgbu\n6Os6wQNMSmdYYy57rMhYnndT6rkzzKCYHBxBDbN4zLb6XNF1ar6JV/NW3DDx\nTcemS5DlyuV3LvcnfxTkfzg0fcOkIfnhNR8etI9CI9N0avvodOUhoOtwAg1p\nH7almi2xLHcSAYQW9nnD2KsDl1x1tmXzNELqyxsBEbLPKPRhqVj2FAywNlEs\n0JCATd2Ew9zKPnFbTiurq3MlIO5NuKXAYu29ZyyWSDf2Ru85DHDB2/gbktuT\nfzcPubAr8k5sNNPbEVBmWq+oaH3CyYuT2ufijqkfMQ7bEESvl3fN5zq0ebTp\n9rY9jeauUrGbuHCWqm8oXwwEkLra9xMXK/YJZueNuNmHcmZVRrgSVOlubwGK\nJYVmayKCumhjRLyn4z3a6scCe4LpSBJ8+KNms5OAF/N0e90d1YcRUGHipqNZ\n20Io\r\n=GYTb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.37"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.37_1571897283236_0.1944630440724877","host":"s3://npm-registry-packages"}},"3.0.0-beta.38":{"name":"@aofl/select","version":"3.0.0-beta.38","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"4aab81ce1860b183942bde4dce1c79d967c44ea9","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.38.tgz","fileCount":19,"integrity":"sha512-PmklIIX2uzOPngKjqcyYAtg72C4Vp77Hfuf/WHeHHjZY1Y4ZhVJi/wQdssnel+L0mGn8Zw6CpuWHCYeq5ZTl1A==","signatures":[{"sig":"MEYCIQCLUJnImGnrop74JVVvm1GUEzCvbrHFQjrod4ObPLgS4AIhALPmj5VfUkn/Sp6VWr/XIxYhbYlNh1x6p4+a+1FXtKU6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduhQzCRA9TVsSAnZWagAA4ZUP/1B7aid9ACunUIARE4Ji\nr41pM+IpGYJjCeCFqGvPgyjrcXhc8NOuXf+YEUT0L2pWGhIZB+RVloGXcR3F\nvD0PcIxI9Ha2MbVB3lhq4VoORmOoixhfoQUD0Crez0U/EGG+n+76gwh1NbvU\n6JF1tgi9/o5l/mjpzaBGI9n1mrQ0AsWR5zaX3ZxQzfmzfFsMCJIN3pSUOXKn\n3XXpRhUpEzlklkDUt3OOWSLG8ONYrg4zxrJB9uAKMkWfQl1vY+gBcqvkmBL4\niAZLS+59u2MmLMQpY34Pt+VjPn+RCoLS/VY1NyYPXbolmqtUPebiFuOzMgdo\niwIb6TuUVtYYUW1lS+Tp06WZZ+1A/nc0J6zJw/rExV80KWsItw4hZd3AfF6R\n6hOdZ/HqqHJ5Fkj5rW6S0ob5L9gBFmDoqFui0W+iu3h2AjNN0jYUN0rx+O3K\nzrtcIljWI5Vp7Mceos6BgFT52+ZuOxOfUNgSMr051SbVSiJjQjb7AtdDat+a\njO/k5KA5NXzZKrxoXetOmrJmwo2XGBkPNrR8MeVmvNtNF6tQAnHqLmtKeSxm\nX9/LGZ+YLMsuGLamgXTJ0RkcMK6xWSq5jIEAjANGq2PlQDv9vILeslygehGt\n/6u/OqhrOzIDLvPAE6UXikA7VWCiVmLQotvhkWi1toX9b+6CKHUK9/4mUvmI\nAIiq\r\n=ZNOV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.38"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.38_1572475954793_0.24033526387839133","host":"s3://npm-registry-packages"}},"3.0.0-beta.39":{"name":"@aofl/select","version":"3.0.0-beta.39","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"d9a365853a0412ec67defeec6db585a8a4638fe3","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.39.tgz","fileCount":19,"integrity":"sha512-uaUEocX9wdynU1mIQRXt7LVOrcUdKV2c2m/IA7hsOsdiqpPP9bpLpFYY9nXhoZF0zvJA/SbQyre/pMhokUTIYA==","signatures":[{"sig":"MEQCIAZTuMXDJGEpCIV3SWRiSUR3VMGBAdB0e980pP9CNQoEAiAikLTd1TBmx6HWEwo70wFFHNN5ovaNDQsahY5pD4NsAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdujP0CRA9TVsSAnZWagAAzRoP/ik1sngtVvW4FfFwm0Ef\nO9oPbe8ue+pSCac7ILVZ5uUuz7l4izGHRXS8YsvnRfIgvcQC4OxoyYKPobiN\nFpdgkYwR8JWJPirKi2wOtXDvM9YtWrFdEV2BvLEZPSTn5NbSzQmxTFoqU9HI\nnjm0i6HiQlufydOuQo+eX4VwKCuyJHDq79KGKZIiDNGKsL5s49qoYs+Bxh2z\n9wle4r7FSCLIiYxcY2T93UzExtpyWUtIbdr7xn2YquSuXJSZPyqh9VfMMkO7\ngojd3K8CRgFE0q5tQnLo9kl0G1nWj/HIVG86T6SiTSjH4ShRjBM7g8QM8rxu\ncK593NWC2CwbbLXXim2ZqHW+H8vD4R6evKLWJjgExd89dTeWGYnD0qL3E5fN\nl4Ydal3vjj9XylMwIl6N2BaAZuhYA/Xr8EJkCDSX+RwIK3eES9r0Y+JFginI\nqK9XOHpo9ZSusNYU92B5OsitMHKuD2+o3W3qrk7JHE9j+pJJZy49CDvjPOoC\ny+6gEUCycE7D3dwa7UK2aVIVxQhK/pu+RezNc3b+QFMs5XVfmQHo/AI3F24F\nClB/D2Q38v3DqSWs0URiNuP9L1nBsVaVU4aR5HLWGrDNCUJpcDJHGPH5ANMz\nop+Ie2uk1C2u1sNRCwOT84mnpw6V4lkBaB5HfiLjIs4aVlRybnUqLAw9lcSc\nVvaU\r\n=x8bb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.39"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.39_1572484083708_0.9759281704311498","host":"s3://npm-registry-packages"}},"3.0.0-beta.40":{"name":"@aofl/select","version":"3.0.0-beta.40","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"71a080dfb3a0fbfe0412119c14e430e1b96f381e","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.40.tgz","fileCount":19,"integrity":"sha512-pD1qgvB/nKXoF3ZmcmU/kkL7vQUzDJFud2MuZ2ILvnAWhbVnZqqm2bkfYhOy8MN0hKgOlf6JYpnwFJhJfF0ylQ==","signatures":[{"sig":"MEUCICqzw6k1WvojnwVPFIqqyCuiQ1unYgfHOkXlVnMoMwf4AiEAvDuYI1bMYq4GIYy4fIC3quA7I3NoluV3uoqS/f1l9J8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyeE+CRA9TVsSAnZWagAAj5wP/3WKxx3rg7uAcVLBbyuE\nnjE5CznuYlwRC2DDZPcaV8kirqHLbIuwJCMqtEXuAskqQ09LfGpt+9JdFy/p\nwd2pmrbNmeyyXogLxi/ZUVj8MGexIOqVZIs02RhYfzKeUwrlf57gV3Kes+Ry\nC0CRFnU92g0WhkbkN9u9TATa/u1Ej+6ozsytVeoCMHAJzd9cLVkay4AzUYSQ\nE+qz5hG3idSW9HwCNYhpKRFhPwuYAMlT+0QODQwA0d+TjEwkQyYVKxHOrL90\n8YQ49wVySUFbqO1QRTzYhWkHF/wpUyVEUqBGUHJuoQ6+wU87NXSxX1gYJ4Lc\nsPuie5W/RWs4Ah2IZnzLfJP/+nCIY/a/U3MqIlsm8JtLK+tGjm38DUeS9OhJ\nkwstttEI9PTI5onhYMKTwE4lX+LNKcFeZtdMlQSCV/DV1qL/lhd2Rw6sLhqs\nLoGOzMNvsgrXM7yH2DtO93zj1SYrwXzcAysk2q9DZQ8m4K1YYGDkZAovSTa0\nJ2ntLm4ngXajyxVGY8IsMZiCW07aTBYN1coHRNuRUTJ0MKyRKkfRm7JhJM72\n6akXhJZSghabh+zWgI3RkLzhVPJHJzJiPTBtzCxrxQdKCCLh8bSCSs0w+Ja/\no/lniRIjLna9OcmipIzY73uoxG/bnmia3TN8aRjJ7fPc12zFphKFHrOMnEcP\n/6oB\r\n=ljYp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.40"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.40_1573511486373_0.6420145587711381","host":"s3://npm-registry-packages"}},"3.0.0-beta.41":{"name":"@aofl/select","version":"3.0.0-beta.41","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"7e7c9d26e4af11ed16d69cb93201b58fbf054921","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.41.tgz","fileCount":19,"integrity":"sha512-D2b3v8AbBidwwYvwtYUNdAp/kKKcJGxtN7zIhjALdHYs+D2LclKso88djBb/eyw3U4R2Qbf0VAp87UCsAtAsig==","signatures":[{"sig":"MEQCIHlVvoKCeeI7LQGaNSVAgrxWh2r+EaCMZWBCcYnwvJlZAiAit3/jw9NTTGHRSmPKIRG5+kDG+j8a2BnvpChNbeXaWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60463,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyjtQCRA9TVsSAnZWagAAiTcP+wQQlgtWRzlxRrWsAQs1\nocg7sxe67ecBdHbWcClGTE/3Q4umf3QOpbYIEuHpednpR827IyVB8nLz9iyb\nk9rYSEUywvtdDHiKLeMV7NjoTJlL4smogmrkkFNUKjjp7tm2nXAsmWcZLiJJ\nl0qSyEO1LeJqDBKVMPogKII+IRezLSYOKpTdj1653VHg/t91tOlNVG1yvO+R\n65r6WV9M2cyacJnPiPFtkyKnfHIk6blHnsIGwZiETXaHgysxHXdzsLKRNcTI\nC5TKemsywOmgy/jWcvExzG4ncCgG6a3LuWRrxV0xYKhfytueQ/WwXAIsjgds\neV9QVN6xfgZI+bNqL2scGvvbyFLAXf4AvQh2ioUIPXJhly5jPTE5yikrPPkQ\nCQRaczwJqVN82wvj1beCClsXwGL85hVyRIufuxi9hTGaIKQa3Krslzuyf/2b\n2UD0PpWWrmP53Vloca9WmfW72epUX0FxSdgubhLRUqAIyPJNhXmafAWwilSd\ny0wzx1VLcoeRkfr9xyYw5S02zBNw0BEeoIeAxtpMIyA6AEGBgH2ZPuDgYRgO\nUMlpLhUNZD4cwsMG80xCu4Ck6TKBomqd5Fv0aOXW5PD6+ScENwxZmTib9tGy\nEyL17oMVJRX0fiwSDhYNT5vv5aVu68RgqBB33prq+y0FzATMeipCACkbQ5So\nIbBK\r\n=bZnH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.41"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.41_1573534544156_0.2978315655808401","host":"s3://npm-registry-packages"}},"3.0.0-beta.42":{"name":"@aofl/select","version":"3.0.0-beta.42","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"5fdc9460b0eec632b9829123fd640bfc620061e9","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.42.tgz","fileCount":19,"integrity":"sha512-+SMmcxio5K9DjfUPM1dWiN2r4qGneuTr8BHH824bb6Wy+X1WOkQXrH/EgMS/C8b9lNI3ruUxgHQEaI8jm/bWBQ==","signatures":[{"sig":"MEUCIAvCh4v1TZciYmYVLT5ou2MSX9ae5w4lHzPbadZSzusJAiEAnF0WXfZ8VDWfhZ0ucxaBR6GvbRuWyL+uF5uCl6+jxyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60463,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdykjyCRA9TVsSAnZWagAA80UP/0IVl4Ho0YNsL3yHMFdL\ndQfxdI0FeCs50IRpXLs0Cx/LHB/cmZADrV+d8wmJEAYNQm5Hlax4jhP72uJH\nscVuZHBi0RGH9Xql0r6Z/K/1cUTYPXBs9pd1b+mU5WUNAvkbTA96u7llYn2N\nJU94sGfYzQU5Zwg+VsUrUYDnU2hyYLyma1eSGrZXBoKzd/qCRh+ohRPFrJi8\nOFZ66R1fPzZgXomg4fnZxPiFshJOTVnHjYv94q/QT8vQsUdHP5UEmbPoCEMq\n+dA8pFOJiKXD3tkLU97LtD4hbta6eNcV4hDIoFSrDe9Xucpdu2Rf0ILBFzni\n7Mnf+mGStrn73wJVohSK75KBVhK0J6OZe7z5GQx6E/BHzWDtV/ZGbGQbUXgM\nuiLrNuCoyoFniDKvn1ZrLclBv2bq90gLxuBj5g3sj02cSGOHaVX9Xn+nyOpJ\nI2tkc5y6T35iByQvNp5XyzgldInEV0FYu1h6knJC6UZvTDUd9k3IfXJ6G+bC\nbXlOpjZOomDKoX603ycTl7JMn2alGuaNFAHtuhuQCy7akgXQxn5ro+91rtfk\nXFcwKTOw8BFJDrDFhu2oiSMLe1axnV7wNy4wwUauG7QroyYkHmtJlYhkguZh\ntjzSM1Hgab4tNDMUIcNTccTetoVLwA3Vpprg330N+Wqrw4NiJTSMkB51gq2V\nQTw3\r\n=RXOR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.42"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.42_1573538033860_0.363586432599347","host":"s3://npm-registry-packages"}},"3.0.0-beta.46":{"name":"@aofl/select","version":"3.0.0-beta.46","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"d42eb643c998f802dd4fd349eef06b8ad9bd41e3","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.46.tgz","fileCount":19,"integrity":"sha512-vsRaqZI0rRg5TpdXHn3muGaA8n1ny/Ln5OawToHcRLpKWXPhkj3/lVS2iMg4fD/80PXyFU8ygYCKHaZll2VHqg==","signatures":[{"sig":"MEQCIHBNl7vCO3NcZcz0cE3Yb4t+H17Os5bGH1fC64JOcZNlAiBN4MV2Y4LzDQ2kWbnPcjaZ2fNquiVVmGx7kVarkvKddA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60463,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzc4CCRA9TVsSAnZWagAAZOoP/RFreMrSZRBBI1j4Euno\nEjuUy1B4ByQ931G9zJQ3wJMzQ6uf4JnXq0gfZd1P7+zJ61e66L9YpN211z6l\nSknopsNOajOFiT0hmq0p3rrh99UK3/Yh+BOUzacTgVUk9heSemwwlF0m8fXv\ncuzSnpbjMCfDjcZHEvEi3H7ZgsdeshsRZWusL6g6mhLVS+qeTnYS5FDyLmYq\nM6GEuH1ihugxQAt5q01DTbu5iCTNBAOB+HlTa2KU5jIm9BKWo7/UBiAwYM2u\n2Xdu0sXp0neWqLWkOwldfD4YcJuPCIFIZh2625cNZ1U+Nb3RLNqyFAqOZIED\nA4x9+GONh2SMgidgm6Sa13rTKuda85RiwVU2j8hE7jQMDO2p9GW0dA0npEiU\nVeeLSdqvvoy5GqhgPsNUhe781e33esWqav8L6VB+78DHN9mCZGCQI1CGZbBq\nAkAWiFEXmdPCjOeUyYNTDCWpz/7rJR9XtR+NSEsk3mDXIOYnrdv7S2OeRKjg\nUjxLSFycOTfTM84Ahfsyo5LJO5f0nlxEEpqdW2r5WzDjtELq4UtAvlhDwjgq\nrpKB46XXB2tjWc/72fK9XIwxuVCf23ab/YJyiF1T/dhKRyHv5MPVD9BejKgv\nhAZ0VbAZ5wsnM+a1EAW3Ug7b1NE4hwhx08bXgPy0tZIZDSNgHDRKu7esT4CT\n0P4Y\r\n=A6Zi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.46"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.46_1573768706257_0.9145398236137809","host":"s3://npm-registry-packages"}},"3.0.0-beta.47":{"name":"@aofl/select","version":"3.0.0-beta.47","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"c29e958d3d68ff305879bf581b9a994ea0e18884","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.47.tgz","fileCount":16,"integrity":"sha512-thv15hHeY+uSUSd7Y+ZKIYvZ+6wU59zrtK/IYZ8RCYY3SoYLX2gE/sGPNoZCbaQPyh1FtAu2u244vhtRjHOkOw==","signatures":[{"sig":"MEUCIQCq448I4VmVdlkBTy/T1OPDO1fgc68/fJgfpx9cCDsWuQIgIHf4Hd9fl/fqr1PShFavAy1v8Ijjbm+6VDoi5pnOMwA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45265,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzfX6CRA9TVsSAnZWagAAQYYP/1982zqqLUJ4CCbyokMQ\necklKCXdNEQ9H3WkOTQqjed5suiVgwwU4QwgFmTzsKkUaVux+8ufs3tWCizP\n2DzW3z2UClaxj2E2hvFub9cnsGls3uen7lMGSK2UgVvlAjFPPw27SZUcjsLn\nCrKm37Znb0lzaDLyo1aDQFqAe7C0OouiiPz9BxYu+pNWj0VpMQ4BPIuG9LOI\nGvuTb9t8NyjxAMjyPSCi743TG4SSpdJ+sRJ0PTbyYq6Qsiefh6gL5IPdAYrM\nc76ldAi1APTPzkt0lrcjjBmqQu/b/8OPNKaFW0Zq1yOG9fPSghS8EorWeZfD\n3HFGJ/QItb6ag01m/TfegvS7y4bLMkaXpUzFX1lXj96RhbPVZpCIcT6DtjIT\njSUUIsnxFOK5L/9oNyZ48xpQg4kHyx4s5THtsDFtCcq7Z8C7m4ThbsmeGCFm\nVTt3MtMtTMs8PTYSzmPCORhdIAahg6U0hnejRPLLIGOmp3R/oH7oB4ZDfTeJ\nJ2PwN9/xGJWCd1xH0q3p6WQsUfuAgiKmpufleZuluC5dPUJOqUCvR5jxBv69\n4HV0B5upfFDEyXXqBrHAdxNCjrhZ1XUdnzJf+pXYA6TU8CBI41KOVbJWcg9O\nSus7nZjqt0+bWSDrf6IVFj6YcuyClWPxB5KnGQP+lLgZcu2QCD+tNlaD4PP+\nM9gv\r\n=AU9k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.47"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.47_1573778938258_0.12883614725136994","host":"s3://npm-registry-packages"}},"3.0.0-beta.48":{"name":"@aofl/select","version":"3.0.0-beta.48","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"ec203b49a48fbba8deb95904b448f3f179f1a517","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.48.tgz","fileCount":16,"integrity":"sha512-CbDzLVbyhrCcK0SxLw7Q6plq2KKJ+1TTsYKPEeNLLLfkZvqQG2hQDZQsgwYNkoQMC6ucxQ9rwLcH9p4b+a/S5A==","signatures":[{"sig":"MEUCIQCofUUsZJKbK7IdTTA0MRiUJnj56d6nwIK6eLCT1+2McgIgFcpOd63IdPId4nl2jPvBWD0or1vxdu+4WoJ3lJEEiIM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0IfqCRA9TVsSAnZWagAArRYP/0hrjpY+tdoPLYl7ndnA\nYA1SQTsHilu43wlxCG+v5KmrVO2Kw+4uFozFcjU8NI+AABFCgC5SkMI+t+TG\nqx7Wb5KeRC2H4AZrSOmc3YPTRBIAOi/tWa6E+5eMM5l97wcNIXCcho84nhKt\nSrvSWBlSXLfkiRNHjFzFfEtz4+rq/vMDsaveaWQF51c5X5hPxG6Fj/g7iOWs\nsA6tcPNreu4BJv1OItRBzM5Mb2S3vHj1jcbezeEXzGit0HjM9SdjRBWyxKn3\ne6Oj6DGXxVFF+ZATL7p+k7vOmtY7ZzA3b5ztD9VoIfNVBAv+GXqdIRDLXJOZ\nx6JmkeoJTD3LVqITuiVea6/+FObrRDCx4RMJu+vq03kMZc5yY3xIGp3vKPBX\nfomsuWDvc0ehSHBdzIg/Adi6mwDIHOR0Wz+jjsfvEbyEUQs7gU/C8ZecMMt9\nABDF3bMruopr+wWikqFWdKBhlVneIffMTDdsM/fEI+xTPahXRdtpzDNjvmmb\nVTlUK3Smnyqvwiu5g55e4M/ncRPOUH8BwrL5tDUcNeELdqM1rd9uD4DVd/BP\ngEvoJGsFiHLvobBLrZRKyIBa3xB16Cch9gSNcviPMAgdUss5jUJsxONUrMgZ\nVZ8onhcnagXJTgfwiCClTS7Zb2Cr1l0RO3VpPqRjOHkEwdDC54orxDPgPqnc\nVY+i\r\n=3rpo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.48"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.48_1573947370108_0.3462725684136079","host":"s3://npm-registry-packages"}},"3.0.0-beta.49":{"name":"@aofl/select","version":"3.0.0-beta.49","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"a211de25dee2340e896b121dbbf94ca3700b6bad","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0-beta.49.tgz","fileCount":16,"integrity":"sha512-600VpDW/OSXFJzFd5o9iqVXLxsmO2QsK+zxiIuluD3SscPpm5St8iRmf1E6X7bgurEZ6biHRyOff4cNoouOFvw==","signatures":[{"sig":"MEQCIHHJvej5ANhiotTD2dfz6j6G0eZ4bF++ovgRjQigkjxmAiAYM6it8BOkfXSXmAkkvhRY/AetrmVp5AUa+PfJBq9dVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45227,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0MCbCRA9TVsSAnZWagAARvwP/A5/diTtvywiPJqyKj8E\n87S4gR24vOvi06LT1gphM6bIVVaTnbkHQ0t3q2uRjMXGx+5l+RuMBVmhyG3w\nzegUQ3ICJJ6Zl10FFglVargHuhP1sFYzOyTYS+eGTQpZ3hGRO+Rm+5P/CMxA\nH/d0e04oArvuOxfGz+kuCHPmE0aObTWtv+lE+3c8EC2iQrfdzXY3KgXGCv0p\n+Yt2wjrvCbhN6TiOGdSqxHPLZTK47qRBFE6pslW7MlS9Dci/kMNLo3sOapgn\nk1yx+e3+VeYlNrv1NBhaNu9UEn70P5ustBrGWVGgYtCEwa60b/twM1w5/dQc\nMG1R+xoZ3sGnEzhIUx8zyYKmBuctFJJfT2GprT1dopFZ84fOFTRaaGIl2fxX\nyP2AXhsB4GTBlOlhKfhZnJtTS98QdtiHJ4V/wxeerJ7e+R5dgKZmDWn3PCcv\nh/NJHvURt5QZ4s6X6FhvsiZE8RSG/2U5AksDCLGChNanFyvvV2xit+Pkra6J\nkC1skSqTnhL7sK/fgJiWgba9ddptuNxInrR5f6nKrfYUK5JGJVXu9BAFW6Vl\nZoYRbu5uam9oCo/hxuphipmcl+tAn1MIPbHt9kzGoodMa/rN1RTO/ryk/X4m\nrCPoY7TtYUVPLU9gKJ7Q/MSxm7NBn9yFmYEsnPY31xVrNxKdlp8RE4Pik8Wo\n8lb0\r\n=uP1C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0-beta.49"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0-beta.49_1573961882683_0.7916711253737037","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@aofl/select","version":"3.0.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"60666f14f122cfbd9cbbbc45ed67f836417e6a30","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.0.0.tgz","fileCount":16,"integrity":"sha512-oq1miSTjkXWYy2ZJpOeZDKfiBjv3nZJ2WXmS3SuWYid1zFMvk56ym0PpstOIYCPyS+ml3ytOWFmkmpDM1Oapuw==","signatures":[{"sig":"MEQCIDGRt9XkhYAAalrKHWKbnffXQgQyyb3TK664MSX/hs7aAiAlycfHMmgTbtEm6/TxTiLsRCwXknZAKBemNDSQS2raWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45195,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0PFoCRA9TVsSAnZWagAAwqYP/2yPpano0f+89HYTEODe\nkxWDTr51mPLiiXVmM9V9vGMY9Lvq4jilUC2DFDwomF/NxEmW8n/WEloMm6Mi\nuX29mYcVq5Kyk6kslbrbejf7kwkug5q5YtnIEmEdHZNQhFzTw2Tb6fSDXKID\nbeYvW/7CyBY7yws8JNsAcqbcOR89Akfn0LAueTt7sAk+ty3kQ+N3W+23V7n8\nQpiCAj1xbz3A8nJXVtvzThQB6PYP7/Lcgm0wtS/e78Ziv9mbNboGhXZboTx2\ndyRygIstgCcbXwOM2S9gipBwjQwv3+/obVWuYzTPRDkEfAZhnPAhQocqsFKa\nVl20AFJEY30KkBZ7aCZ3NwsSZC55hsEFkkGPGjNwC+3icgvkBjff9cucD2kR\nDB2WIx83Lr5c+z2pQmGROxpwpoZMnqu/GXh8GI0GcJhuWf5uXuNSCPHmbji2\n0DjaMf/dyjbkhhLuNGmgbb9/YqjG0pDVJVqGOGuzjCZ8GBTVJhjDj7k+c6bz\nMB7MhM6Pwvx0+fGCm4DXI26II7482RmHbaPyio4H82CW/jDfA21DogaNagpW\nIvQe7X/r2fYwFYIjI2z5lR3g3rntxu7t5uSI4WuWCK7dxWi8Cf33KZqi10yd\naSWjAkgL6/qT0R1TMvFYjicNVE/qbwHPwnG0gqv747KhtWSeW9TjvxkKv8Zr\n60xv\r\n=Fisw\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.0.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.0.0_1573974376280_0.7430163278206394","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@aofl/select","version":"3.1.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"3fabf06b5c8c2f74808886e3031221ad26175e58","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.1.0.tgz","fileCount":16,"integrity":"sha512-t9+xg03+Cnf00b80tHFIhzOTkkbQakEbk8VfJxoUt74g3U6Z1qzgC4O+OaJdNv/SFCDd0JHbqN5P9R/n5W5XJQ==","signatures":[{"sig":"MEQCIA4rxCC8k8DkWTvTodc4vpEKwVi1wZ1eWBBmzU+bySzZAiAQTYDscF/WgUfZeU9Xrajl0PiXEzuRUEDyG2zh72oZHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45166,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd11XaCRA9TVsSAnZWagAAYeIP/AiTe8Zsx4fhkYffL4p5\nvGusxIvjPMX2mOpxFJx3BHf0l/HnG7aaofd4O/b9kr1gryMG2eFAPS3iD6zv\n+nNuWw+wdynCHJMn7dqaix/sicJpkQkBdTfFjHLt+OmbX81H3bhf8IdAQzU9\nj2mHBgVzb/RlbIHbUtq5SS8n8qsWEXMEbQYSosv+kGZ+d9WTbRdC2aqIF1Wb\ntYmN96NUbcd9oudx29jcXJFqpmoGbgAwt1vdpbnvdmIxF6blrC9Bn+i0NOij\n++BOhmPr52hoU1i8UN8mDmRzk897dk12aJWtANF4Ny009aZhGK4V/zk/e/2q\nMuBNcCdUo8PkaZGkcaeAZFtdk5t1toJf5l9x0o1oTwnfxBedZP6yHQosI+1P\nWJN+peUMMuzKnh6PkvmcSdMmvAw367NoUZb1mmYVVDfNEukeSZe2EmHdwa89\naHkCE+yXPSN3P8gjCj9EuC86xNjihSk/Z2QsTjqpvstdVq33F2G5GNMCHgJ4\nbB6QUIjtNDIkqJitklo4SqSX5jWLccDM/iVrRuWTIxjqFVPMswk1FnY+S5op\nG7ogXiy40klAO5qUZTGqGQtPW29L9bdGcGo9EKPZsA/MGnaL5OioMtX5S8VT\n13Tfos5+GXKQ78J4HMpny+dIcidJzMN4NyIJU/4Qpd238FKfdSLBo0PpqQXj\nXxeV\r\n=MDdk\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.1.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.1.0_1574393306556_0.38337569748480504","host":"s3://npm-registry-packages"}},"3.2.0":{"name":"@aofl/select","version":"3.2.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"95d035d6b8aacf484d5e791dce331fb07050e62c","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.2.0.tgz","fileCount":16,"integrity":"sha512-0f2PHhU5bizNTTpOo2Z0pfaFBM4pK3mwunklJytkYFwx//RC1MnumDlPGsKekbjibn9ySnUftUjLciSfYv/v/w==","signatures":[{"sig":"MEYCIQDQmN4D2LQcEzJm0xRrmds/1on47ffiKBDbOXuSaJ/TswIhAMs0qKVo1SK9p9VFjLgYkHPEfak01MH+SZbT/RpdGUzq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45166,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2jKoCRA9TVsSAnZWagAA9b0P/jgd1F1Mb/kw7WPiduXA\n2D6jOewKOwIv6pky5KiAIyFGbU4CE3eUVIxV+ZT2MmXIf0D9QFv+rTBr8L8X\n305Ys3743AMopoNe35f1jmLYpzwHWn3XeR9cPSxP0ajLLn3M36+MGsSGzfUP\nusakDj/kemHKGeNR4EZ8Zoupx3/ehgxGQ0Zqht31DTNeLEcq6lYEWeV3RT0B\nYAzzQ2YQkwSFqxlUgxfp4nB5aeZZ+T+M3Q+5j0gvFZHmntIAHCslf5MFtYpQ\nwvX30VlbM8zgP6Kk6XoeVdZxPujwA8MwCvTJ0+T9YQlx6MiyRPZSgzFCDASU\n2U6HfB4JDqXv9/zY8Bfi0Z3e3MN18zit1vobVcNw4ijlXilUbUaY8ZQRFbsa\n+XjreizWe8DTAGaFksep6IXdT205LjhK/Ngk3seRWRJZq0gVgilNRVyQ1Soe\n2if9E//tsLEnswDwdT2cTlrpRor6UJhVqHcyN4FGLyu1kc2eBsXdJnOrpJvO\nDGSZYTPEGSoDOjgUbxB9KPyMXnT8P+DbyBkODQ/9/IR+RF2oj8yTNDOrfnds\nF9wQrafA0pseC2LAIqrEPjNbBcqc57Hr5wwlpp050Jkt8HIG/22lNHUhwpsa\nmrlNhc6+rU7BdREyJCNAySfKUyco9nUyiwxzWlkluahnoz2urYZJkLM3Uhjo\nRwKS\r\n=r3Tw\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.2.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.2.0_1574580903868_0.10501508457685782","host":"s3://npm-registry-packages"}},"3.2.1":{"name":"@aofl/select","version":"3.2.1","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"d76c8fd2713ce8cdde4b93e44eb4bf0b88d2492f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.2.1.tgz","fileCount":16,"integrity":"sha512-DXVjUph1qBhUXplHqD4E+zgifxlMD2C2+JTotIz4rS9IgzmmACuvMCHGnYIhXe+mcYpcKwhaa/fbKypd8m1t2Q==","signatures":[{"sig":"MEUCIAOHkxkk8RExkA/JUILv5Or6HH45qlk/O792NpnhQhOJAiEAgzNsLjM2lQzTdw+rcuyhC48yGgANqPSAi8gi7Yy250Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45166,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2jluCRA9TVsSAnZWagAAkOgQAJK5I3sR12bK4sd3Qd08\nzXRjvgEtzRRp3kQH3cYV9AsrgnpNsRUvRuIFJ9ORH06gQBBpO2x1wIqgbBXZ\nx4pZkx/AIX4Y3RrQndKjeRfqlJfEWOwEm4Ic2NOyrw/6zNL7S40cGEXxL3Rc\nTZ4rVBbw7CMarbX0EoN70Ijwc5YzcLIFHvenyhESO9J80BW1fMUe7uGRGBRq\nUzbAM7xV4z2OquIg5Xt8o3Bn7UvS+yvSPh/y+bu/j8RKDVKC1JR3cUQLXoHJ\n0EEa83I8vadIFKf/TphCqQTv8bVmB7qCLr0/ITYIAPKjPOYJVi/CfkXUXDig\n5uuoYhW5DU0iFnLG6Epsy7qvbyxCiC2Qdotu/OBRMcg/k6oIyFmXdfyGymTg\nvUxDY3wztm++dLMBIqyMXUO8P1rrjJnnf8uaiGV4d6M1L2QCspWrde8UEBqn\nsiKWcW+mbfB96IasFGcgpjmdfC7oxRP6C+VwIoIBLHBI3qAydWBsqRLyS6jl\nC81z1r4NphkDFlQ26bvrUOuYa+iDMIjU5jtuPyRmMOFeLNjHxXQBYEzwnao9\nQScehlgx2aF+0IL/ZJE/x8oLWSBrOoIVJZIwH46DNN0hxJe7O4NLyLlLmDbH\nY2S5GZuXaSQc2ZC2HiINeDz0DJ4MeyHrH19R2aLCu59oq3gp9ZwiOYNYw3SF\nOF9W\r\n=98kE\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.2.1"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.2.1_1574582637674_0.25573806428752044","host":"s3://npm-registry-packages"}},"3.2.2-alpha.2":{"name":"@aofl/select","version":"3.2.2-alpha.2","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"cfd2fe6fa0d2cabc3b5d84d10a9c059d0f1f76ad","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.2.2-alpha.2.tgz","fileCount":15,"integrity":"sha512-5OeNOH8jU0jobR2MB8QrXMkq4+LaNSMOEOcEKi7lWycprmMjzrXfOmCTkwbR7gIDM/NY/RdKNSA4n1hADw5Q8Q==","signatures":[{"sig":"MEYCIQCO94Yc2T4Rjmw+T82yR64DxDi7qfwfnrtORYKHD9sttwIhAIrGGBXeOz752D/j1+CB6iiACWvOkQzzpNBzV0aS/yvV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHiRVCRA9TVsSAnZWagAAy1oP+gIP/KkA4SG5tgl+gbIy\nHKiBST1EZnX80Olm/pJZKPZUYGRGUwP48RWdqbKkkOB3XCTJmMjFakEkJkmf\nK3FwG1BWTiZuEJW5e7dgbBE1xadh1xokylOH19aqUnDLtbIqXVxxRbnTRzY1\nVpLbYMj+MuTPztd7w/nkmYFOBWIrOH36PDEAbCz5FAALzOXw751kGlPH+pGm\ntM49r0OQ0PnOrZpbpnf8+N176ayp8xrkmNxx3HoUePoTnWy1DNy+0AoRuJ58\nsbW/eXuvjnOes4OOc9liMp4xXLsT6GFM9RwBl7O1MV6Z/IgR0LFd5hU7adD5\nn05UEWB40bmvylMOiyQzmxELZr8UJtGKX93uC7IdaAAzr/ey9NKWZSHPO1XF\n4cgVK0ykxSs+DJCHoXb8KP2w+WAQ7kK8bmoBEagsrCWbDKOdoJAcer5nzfae\ndpnsOEjX06rBcZYgp4ncvLQJymOaIgFEKSOswdbdjDd1ZhWuikO4LLHF7Dy9\n6FYylWRQIQXmt/q+SNSi4y6NysLb+cBXPD2dnN30wIg3Qm6z0WuFZW1gbJM7\nV0apauEqQrU2eI5Qhlvk5vFPB0oXnXpwSeNp+KFOlkVofrYjwZDrROM9O8q8\n+k02kFoqWhLDKRZ/F0a9bAAOllmMH9+a1NyEZpS6rCWiVSLUZqw9lYrLkYBn\nZ6wV\r\n=ERjt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.2.2-alpha.2"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.2.2-alpha.2_1579033685163_0.04471078529047423","host":"s3://npm-registry-packages"}},"3.2.2-alpha.3":{"name":"@aofl/select","version":"3.2.2-alpha.3","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"38d3e37be4e1985faace32f6abaa2f97b96203d4","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.2.2-alpha.3.tgz","fileCount":15,"integrity":"sha512-+064qqTYujUDGQ1HTuYKI1i6/brSm1QLDy9+hWKp6vZIf3Ch73Qu5ZOFLq4AOhTp9bWLHWik0eKUfJsYIZhiCQ==","signatures":[{"sig":"MEUCIBsa2b3VU0d+x/Ckbgks6/cSjhINVoo7Txdc+ifbax+eAiEA+PVRRBdb0pHRrvmWuj9C4QvY4PmBX7CN2HbkU1lhOoE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHi75CRA9TVsSAnZWagAAte4P/2QmAyq97n9VzwxahKMG\n/LlQVjTMRARnJIa1WyhLleAJ0i4G1Yua1k3pQ3HdrRwleUuvPDuUBGaUQXji\nr7AgFx0yN2rdaeqJBvVfRj0rN1QLm6Am5CPhgay3dOrReCpVCsd281/sJ7lC\nzRUWsA9+nFCux1SiOJYg2fvqPrl4g0jBTz3Zx5HyM6wVRVJ4MGWF0gpeLuK3\n6JyKnLc8LY947ow9BPC1BMjaIWpn/ORxmebUfeqzl00lgXOWZc8tyEs5cXr7\nqN62rfwf4I0D5Irz6V8M2+UKfKl3F2hVU5QuFlinXrTgJ9WAlXNyEgggxKP1\nMSk2bQ0ATJ45FpqLVh0bht4ceXf+QLlqglDhFJ6SOROAGMWoEtDp1zego0eU\n1wmgZW2eQLKcZhYEQgZGhBmFuhsdhis2ciXqOMDYQu6864UaNSq2nhts0WjW\nriem8pyTub2706N3IQ7pJnb1guugVV8h41bt0GHhYNEh/xi5q8WFybYAyima\nugoNgcGjYuOQacBlwbbad3NTdFQh3j+6TRejM633f2/0O/DJkiHfnv+ls1xg\nmlVgIt0EgGyBI0K7ClUL3t7hywEkjFM6ywngRO1wP03b81uVdbgSq8QLQjxj\nP4IWptuFzedHo4ELNnVF86fVmKSXAIFcwxbQ6BGnsTHnAIH0fOttp8jPAoWq\nlf00\r\n=NfmI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.2.2-alpha.3"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.2.2-alpha.3_1579036409103_0.5363748269695343","host":"s3://npm-registry-packages"}},"3.3.0":{"name":"@aofl/select","version":"3.3.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"8cdd2da301117dc8fc9b7b1171ebc3e09eae81a6","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.3.0.tgz","fileCount":15,"integrity":"sha512-gwLGpCxI2qyxQuTVb0RDcyV9PvQczszmxolQGvbvXI6rVpW+GbvYiFc9qq+gl4qD8M0eFTLV20xocR00QV+gxw==","signatures":[{"sig":"MEUCIC184TgsrcFYchkcK2qCpQwpCv523mfvWiUTft+MnvWrAiEAzxRBbujOEhY74zAX2Ntkvgo3Afr/+CCvK+X8TD8Ycgw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKNteCRA9TVsSAnZWagAA7FMP/ApBbbIM52RDwGm3u4U1\nklsRHS9ydQc5Y2aSatDYFXku6SqZwRhWgqqQkyPlBDoSVY4D6PVRc6scfiGs\nNJI7oxAKXXGdi/SaJHxh/O9LomPJP/Zg6/3dJQsMtf5gSArpMsmXDdcC7XZz\nn0Qs+LA8TWyvHCO/JT5183q5aqXj861oONgu1B30s1+1xyVr6IO5ukrCsM0o\nwBl7/yNk0/ti2pSVZwbfxIq1+6uVGISCNZfOMDUNgyIOr7+AJHXfYIym1vAB\nAkoqCyY6KjvQmIP1FtSkTb+dU7MxGOMDT1QIe19TO0LVd/JOyN3Cs1s3j9eP\nk10N7mmEDdF8Hea5HegvOdpK0HLtWm6ZksJsF6St4loR4oo90V/Vs+ktsfTj\nE4cdqnvY5yp5D4tPi3yflb2F3WaIPyikM/hNnw5jpzY6LExk4ZtRbv8lrU1M\n89WqYtLwHHOojx2DDBp/1G28rau5j+n+P7sEJ7r2BC6sY3uqXqk6JSC1U9nM\nrzWJB8A6+ypg9NI6wvaOW/tZoMEvvoquHSF//irdX9inVTY6/TmWFs1Q9QYM\nq6I9p/BoljkiMaAdXXSuqRMJPeZ3pgcumwYzF+DnMx1Evq1X9nvSL//dK6Js\nwfRj9ZQd0/7B0xbphHipxANhSZfjOEg75c6g5VNrNtc/jt2E5sbxw4eIPkBr\nOepQ\r\n=Caeo\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.3.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.3.0_1579735902468_0.2555436440862733","host":"s3://npm-registry-packages"}},"3.5.0-beta.1":{"name":"@aofl/select","version":"3.5.0-beta.1","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"4f230e3c70b861ac34ab15a5b814dda121604d42","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.1.tgz","fileCount":12,"integrity":"sha512-D6jU8QE7TNGidKffh6gY5IOtPjBcr/c4a3nexzPOJ3fu7YEhJM/AyE/HYYXAxv6O9Hqq+7kXN2jAZHLTCcH5qQ==","signatures":[{"sig":"MEUCIB3/j5faaOCpcmIP7/tZ1e7uTAFRqBlvsnkcNQeKnQ4QAiEAgfRRlGO6gOPghIuPW7IaDVrYDktS/FJ2umutVr4a8gs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUbjICRA9TVsSAnZWagAAZggP/0vY+yhbVGBkXexreUVq\nkupQhwWWwk+iIB8R7SrF5sHCQm9A0dOSBPFGwSXUT5QNirG+umVON82yDaIk\niv3J5pp2Ibk6jsMt88izSm/C758J3FX8rHxhd6xIpx12/3pSNn5AQrAdSy2W\nS8PvSaO2+7mxoUAM5o69rOFOdFGrf1uBrXurz5Yh8LbkWUY+b65PnsdClnDT\nsYa34FyZpcSaycmptc7/mAfA53ygMr6aa0R4MABPSed456Ll2ApnPDDtlyr6\nniWpDOCZNJsV0YYfiDGt2SnQJgstlETrH1ibOH6vmquk2eVX5IjVMa1efHvF\nIHwtnjzkf+1OLu9iycK10OVQg+YNY2YDxHtuoX6+nkkOAThPxItaVw+mTc7B\nN4J58nk0kQNiwc1zvuxD0gqyD2vG8EJRQ0R05rXBDMGyTp8hPU6OdKsH+Wr2\nHDtJySILowFWsFPU0gEYrM4I2/IoKTOj1yIUOItIYnIoRvnU9+Id22A2zAoy\niZv68jQz1ePUo3nVbXqITCixUyKJTrEK3l/IadjCXmi7GYuhJTtkkynnJYii\nz52iF8AcrfJ3XfgoWBfc7rwMwDUZnOB6TE+YL9ELs9ucK/h7w/YfCyTWsX0L\nIJiUqYnWlNq3yWXHKtPeX3wBzMeCpgKHOfy2D9PsbwwY+L2Gi+olFNYWnG16\nB4J7\r\n=JYm8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.1"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.1_1582414024136_0.4582714802334169","host":"s3://npm-registry-packages"}},"3.5.0-beta.2":{"name":"@aofl/select","version":"3.5.0-beta.2","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"849ff51891de6812dd0b9c6a38525b51fe3a9e50","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.2.tgz","fileCount":12,"integrity":"sha512-HDCU0JUi8N8eTf4Fpen5JDLp89fKrnRDWw74mBw93/TgL0gq/weY+srDCcuP8rCPUo9p6eVBtpGS0aNSVVVtew==","signatures":[{"sig":"MEUCIQC53IAemROKHFFJ8t185pG42i7I1TYZbZjiLur6ZzoxIQIgD3bYZNmL90UMZ6ShSqttr8SFh2U56DhY9l/PzUq7SrI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUb7mCRA9TVsSAnZWagAA9bYP/A0K/4ii5lG2ynh04CWs\nVYcDW0SyqTUzGXBHQvTFi9xJkjGp27AB9vXe2ysXiRXsx5eZspnI4UqO7+M2\n+eY8jcuD73akkRqcPGyJMzt2e8+OSBUufEGFb98OR1/n8FMW3JMng7Ho1ZYQ\nNWzoZtvz1iLVU5MEHfSE5uilvBIJEtz+RSuwVjKMO7IsvnYQXqMnsnyXG5gu\nNIHUe20r8wu9d2uqTEmpg6T4zA1ZlXTayYcAP3ItNlZeEEkISg15gnAeBvz5\nCAWUlEOzohp7a/4K1IiQK6sA+1UTlzXyv2iMyn8tRIqbHByXNl5MpdJREPkM\neQ9kR6di2Alw8qX4Nomfg5So3cO608Xws5L6FjHmbYygPPZZxg+t221QrOcK\nGsskk77InbxnahfTs0hR3bW4ld6Mh83CxXuiFqXE/CpPoOzm2wYyCPHcynRL\nuEDAguUe2hgW5xuyRTzzDolLXx65gSiOYs2Wb0f8tg9BKOlOMUvznhOETmOQ\nHRORuaKjYYAyj+tDuha2c4YkAwmsvCWoZqshM6s7RF2r3AKlWPk1rt3rWmw3\nU/TT8h+Ub8Ma7TY9oFQC0ymjcovpRDMiKEs5sygGvxwCh1k/WZB5oK7lDiH3\n1KqZMZW6I/NrZrjuHpzBXWEjfshreWJi+Lul77NMAVIqx6INx7Ntm+RemkVV\nsEYM\r\n=GPJi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.2"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.2_1582415590459_0.1597515468257349","host":"s3://npm-registry-packages"}},"3.5.0-beta.3":{"name":"@aofl/select","version":"3.5.0-beta.3","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"7a9bc2ce42669f47a0a14ff2e507d33c6ed68272","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.3.tgz","fileCount":12,"integrity":"sha512-+wZUmLFraZbaSpVevT/vohP0PwnIcZf/EFGnbwffTs0skpzPfJm1uCgxVhGdk2/H8DwMmfy6Gs11HVLzcvUApg==","signatures":[{"sig":"MEYCIQCpLxwD/kzenjcyIp7z+gM5L+UT2S5B4OmxtSJDdHx8CQIhAIE/tofY4UzZIWktj+Qy4/L8qYuRQbf5D0Zv9h2PK98G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUcJaCRA9TVsSAnZWagAA5/MQAKTc0qB7hOddt+LJxzhx\nh23xYOES2cKvCcbPOI7oMUaBsbL95bZ8Mxh0qw1xIBPixvGg6xHVqugTBB3j\nxMJ0G+06kwulgYj5vV2syvKLm+UvI5X7wvSNZuKgl51zy/vFS1X5ZEcOYpjO\nsEiyewiORUQzKlioEUFwCCXRC6Drx+mvUGmrgsZ5lO+HgSB3qcY46uft3v6+\n1b2jvt5zG+lSOHOSne4bC8HpMDP6VvBV9cuCoTL0cYgRCrTkxUv3CmQXyASC\no/bA0hQJYt54vSB40Qksno6tTRKU+srTip1GkHpCX3p1p0e5/atqf8ZouaXG\nuHkrgCn31s9kgTu7WdkZdaqu3JkY4o5EHPOszDHwMh9GCoYwa3rZUNI+5v3V\n+rqwmkSq40sVuWc+kj+HdDYkhK7mszFpZOpM0vsmlitBz2OJXLEXw99nfzdl\nHQH4edGliXN3ZGz/2zTiFCXYPj1RUaVqhG3vTOel5ZGPSQbiLaDBL9Dj+uh4\nbGEhCcGYwgzJTcS/Y01xOLEEvwwng4s4TXRMwRfysfcAykF05ZM3bl3v/7M9\nvrFG06g3fMH/5QVfi0JIn2TECPJGy9i1ybHhO/VmMqNK8QY24U91XQ+UpokQ\ns/5cU2DAAGYzZcwwTBTKDtm8U0vxV0KfA/3vxlxPfwNKl64ruKSTHCs7Z5PR\np8Sg\r\n=1uUh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.3"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.3_1582416474302_0.6967000924986348","host":"s3://npm-registry-packages"}},"3.5.0-beta.4":{"name":"@aofl/select","version":"3.5.0-beta.4","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"9ff5c97c6d60228e832025ec5ffde32263e56e09","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.4.tgz","fileCount":12,"integrity":"sha512-YLuDMC4T8GDJxZNVC00pyttA/RaS229dASIgBCHC+RvBVk9rbumwSS2Bo+kNnWFCsLbeNviZwdBlZPo7QDGklw==","signatures":[{"sig":"MEUCICyUnMI0LphFg2qyTDfbt4AGDEVb2SfLoIcS2LfXmdMdAiEAuIqrau0H28yRU6KcNpyydkqfpSfv7VUomzRmfAZocOQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUdwqCRA9TVsSAnZWagAAaGEP/2YEGxPSQ6yqopE56CaF\nal8U9UyXqC0eYg43N6oefJUE+o3UZw81okqIOK+QqpmpjvRwe6jGd4RoHDr5\n0X58ty8ftYVgwkIjNH6b7RbyOsZp5942u8IPTfmW4OxKdkBzLrc5oaY1MYKb\nCF5HTWl+WVCns7irosboY+A7oLgTifBIOYy2+as+0r8rRgT/RZAKHNVzj4Jz\ncscopujKcfV0pJLmSJ16OlMWNzbyzF4TVLOe++tq4YRjBBfbASYdDzMytbkr\ngzjeYqHqhHe4sWbfzO8Qr6zzj3Tx7E+C0oblsRn4D85vGJ81Sqh+sfGPB/5X\nTroV8zzCrnO+P/7x2qIc59jp27dPSNJg1EnfYwAqxDjda3QuwI0NRstsO1an\n7uFbb3wgJ5yzVPCVvjLVO2F319VhH1ZoCUsaORITVaoq2iuiDMGAMvoPwfi/\nU8SPIuT4XyjnRbfKQrNZfaCnnX0Posh6ZEEW3wW5feWF5UhHcJqLZ9kJqi08\nrkBTH5nVSfKR/AGLGpWqhh+QWzKX29mMWBuAwY+jNgA8S3CzYj1dPyZoPWMA\npbliv5JAsb+KYAcW5wOTaFdY0Ka/qRNxYmNxTqP5prME4h+bOl8c8MKFZU8E\n+FvgguXjsYrxHajC4PMba+qplZh7fOVPH62otjFCOIYQtLuS07ypcRYADr+l\nf+on\r\n=nZOs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.4"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.4_1582423081676_0.5188065182168704","host":"s3://npm-registry-packages"}},"3.5.0-beta.5":{"name":"@aofl/select","version":"3.5.0-beta.5","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"b576eddbe93325dc0a9afec7006bbab301596a8c","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.5.tgz","fileCount":12,"integrity":"sha512-bVd1WVQGWqAHjIxxbTAJ6LCbFqAu1NvNxLLVTOjnEojnNls2rZTXjOV7koDK5i/RW/3lcSIG66R4H7+i9uQwMA==","signatures":[{"sig":"MEQCIGYecq/0T9OirNGNSTi0b4SPDY7/APlo0Kr9eAxBwXqLAiA4rPTGzn4CGQykSJzitQlpfqly86HKLGdAGK+gyDmcPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUe0rCRA9TVsSAnZWagAAiZAQAJ2mDvoJYcXPMXDIUoNi\nzER+OGPMSdAWWIxzDpB/lMeNq5rqyPzhgsC7THU6236SNipBiEpYKt9iqEub\nI2VfWlsqHik+OgpivsteLQE4Cbc2v+cwMrjIY26Oa8FmfCegQoGl8DGoSOKp\niAPuQBR+TE0xSIoaqfFi/dAwOF5aVuz48eT9ym611HNzxoKhCF+yc2rSvzat\n1v9LrKW3Z8Pj/nuaIzWbfARMikHAsxNn8xiok5hCT9t7bheoL2syh/JzzcP0\n6ajshnS3eLDjICIbI+7LgzdibkkxhLjtGdX7IHqJZk7HdplxlVtGN/SKQZxl\nbnRSlVF373SyO/PAwWP+HyU+AzP2cq8q5hw0zPyYiANY1OX1dv++0JLvFGlM\nJqxOtkb8hn/Nhkc/FaXGVvrqLBZWcj5T7bY4/dmU2fM6vi2lqSDKirAl23Dj\nrxXTRhy60VKrRYjZZqFPXgSXWpmlaV+ZUKaxHL9XC7I/hM194xnLXDnqK/Ue\nV+fjCTTr8rjGXXmIN7adcMUaZkHrgLhplFHbNnTpeK+9ccwxpfT20xplEUTY\nnX8Iv8qjdLGezsh56UkmES4vFk8DkKQLEAQzlrOGquYxkIV7SJtYATh9gsw3\niFKjUvbNz/T/3eOLzAVanPxMtI56EhVo8w1QreirTZcQXSRyV6WeexwrVled\nNike\r\n=8E9r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.5"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.5_1582427434586_0.9028983717894579","host":"s3://npm-registry-packages"}},"3.5.0-beta.6":{"name":"@aofl/select","version":"3.5.0-beta.6","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"9afa0ac9cbf0b795a1ce1aacb1afc88c36dcbd16","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.6.tgz","fileCount":12,"integrity":"sha512-0J1+66fi0b6ggkF+rZDfPXHhEBgYH8YtIUMPtDUj1y9EQfTIlCplb8Mwxl3u88ntK83xODaM9eLjqVXpwYPe/A==","signatures":[{"sig":"MEUCIQCOVBg+bBOBL7zi0K8W+HYZte3LBUExld7VX2xAyLJNZQIgRSY8Z9a5MTwX+DL7kGNYc+DH5O10RaNAmLJZVtPsFzE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUe75CRA9TVsSAnZWagAAEPcP/jpGI87ugkLpiZQydLgF\nAVS8Vsoo3csG60yyVluAMJ5BRrLr4fIfKTzbZV7FFHZdRfH0XKm/FNb6/Nni\nIH4z74h5mJxf+rudnrpE+3hPkrXdwuidT8eJHUwZCVxqo114PnIhC240t85u\nRyYq9ZisY2yrRGJSFSqwyy88XkCK8Fg6dfysu+bXGi3ZyO2byEsGiNoBuDHa\nZ/B8F1vDg4fwxfCPeJY7vkXEGtx7VJWocvHSf7iXNSHqMZvJ9IHqANnkExSc\n80G2fd4RsWf9+LhUgY8eW7HnkHJCfVUQNJqDPFMP7jKjLH7ojDxEf6+0gOo1\nxzS65bpVP3v9ftdnpayotr2fdBPSyhe4zKvpMIdMF0BF5U8ZNA1duCloPJaE\nahQ3SnalayjMsMDc3KiAh/ORZZUcrL0TP5BdeCzzxHMNgRFN47WUuH4nsbB/\nI3LlqpsGvH9fSCts6RsiLkLJUGFVzSXsblv8gAP8QaxDWD9XrJiQjIBKvqAh\n/R7EFmCi2RyKRfOp+m4dmaaP5drOV/vlrgpM1ucWx6R0pBduI4qud+cScSLZ\nW1cLP4xLpyRiGna6RjKhTmoboP4P4tGgXoTr2uOQXtFR+8kGXoHgAPV27gyJ\ntglfpBNi697kf46LOkV76Ny/9sNjOkcBNh7m+Srcbp3CH4YZDVlOFpo+D27U\noza8\r\n=0vcy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.6"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.6_1582427897481_0.9510876270219377","host":"s3://npm-registry-packages"}},"3.5.0-beta.7":{"name":"@aofl/select","version":"3.5.0-beta.7","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"a1bb1f2c98bd7f34069fa65df20ca62575b14cf1","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.7.tgz","fileCount":12,"integrity":"sha512-e6/RA5ZPiFEbdVFWgnCLuhoNqe2m2HRB9fSF2g/931k7/9yRBfhFpyJxxy9q2yVK/FBGIvnu9Lem9QaNc0/yqA==","signatures":[{"sig":"MEYCIQD45PC1yxvrTxhO29fay6IIuYxRjS7BUUF/3kjrprHoSwIhALMUh66+oVD5s+5WIrfca9e6aLtdWTMidvIleMSfjDxh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUgg5CRA9TVsSAnZWagAAjxcQAKUcRnO0OdKMxvntbCVv\n9Mw9BhIojatXzeBfFa0coq2DPxpa4yipqVpH+kLoNVwJwS1IuexxaYSPM4n4\nVcmiUXxxhB9EWxb06izGkQbVu3JY5Vfv2viIbUHq7icRN+8eOR2Gj+2LcYzA\n+p8e64e732XLC8eKkK1sYjU0p0jXZcyCFyzTUvN+5JdzMooRQOkKoWgsCgaA\nW7uPzrq7+UB8QwRFcD+A/JTb2uE48F4QChhye6XQ7Pxulmx40mYkMdWRS1wv\nisE/RTNf/5Ia8kJ1jsETxrebMwFuAzF6+jhDMBYO3dxp0VLfT/mCMJepgijt\nnniKyCO5ZmBvPPOZEvf+/ka6dEsUzriJe92BVMO9nQXbUTq59xzQieAFEKzy\nvDqxlyMfl3CCuU88b4x70Hrw8DIqLIGh+4KulYU5z9VKVJ0e82HUFfxkw5pk\nMI4TJcZv1t2jqC19tNaGuMt24LM2juUlfJc/6RZmxUaLBtEojbYGRgI/Sp5T\nwchdSxduTTYvgc8e1oZQLlm7Y7klyZVeh4pdwR8Balzy2+beYR/B4Xco1oyr\nMX6mT7Qjn3+52hU6h565bOCLkObQJ+HPAsLYKByUun/TaxbqlHxThbpwXuup\nM1PgiuFTGGl1Ef52wq/yeQQ43K1oDqVDOeIqit0wSz+0RqHXg/IkW6QKI+a5\nKJTl\r\n=JOnK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.7"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.7_1582434360822_0.9986301533296094","host":"s3://npm-registry-packages"}},"3.5.0-beta.8":{"name":"@aofl/select","version":"3.5.0-beta.8","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"681f6f10f5fe3a5c0f9632d16ec3d946c8ca927e","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.8.tgz","fileCount":12,"integrity":"sha512-UFKG3YxrxoTMS1luwjQR+wUi4XkFSR/iMzfvrZO+dOtXTmC/Q0JIKi5lp/fmPGMNOUlt4jxXMh1Rx5zaAwDQDQ==","signatures":[{"sig":"MEYCIQCQAn9bHVSIa19vWffudpSHkhoVQHPUWbIi20d+BNLwVgIhAN8KzK6eHYoTxPZgxssEcym+/JCLtFA8OsvAfwgFw59w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUgj5CRA9TVsSAnZWagAA7ycP/1IFtS4KjDZGyUDoLP6o\nU5ZXuIHPIf5h2XUzEYAtzCWs/KDP1w0/N8ZOtfGflnlinEQ8OtnW//dHzO92\nfSxRef5CtXKdrN1GPTYAj3KMFes0mfTQH/EJmPyX5ayyxU/dkGINK2t1sTLr\nekgqw0gL32cuLkv6WIePWGz8di5M/7QxQhrsOP3ssQY+ZUOLEooG7bbGg+qj\nJ+E0JZv8RPw/ieyvegaux4xypIiHCO4tMdrG9EbC9wBln2UXVUV0CDN2T5CK\niC0N/agfHuecu70vI5RHOiM2he0Al/ogy/IB15BTEVqIkdCdZe4hdTpELe3C\nvIvt+kFCLIprfgNeBZwYjyEGc8uuQwoTekFhzOji0ODTQma68CGsGbSID4df\nWb9jhLqmUbrbfz/bUSiHGSr+dzk+rUxU8jCP4U4xxoUwa5Es1FJqfc/d2V+z\nVIOTx5Aq6WL/p1AZu072GXbdujtJb1hkpmqcSr45bcLzbu+Zm/CPb6Q9++tx\n+i0T7DoSy5yXuzLlRckfj/1uUyPRmehuezY6aXzvikd2PB4PLMCHwiP5MuLM\nP3NGR6RX+KUk2DbfHFSsuIMWahhuhaqJFyBgGTjyG4ywrpecS9GT06w5VzNK\nsy0r9tGgWNl4F8Cck/jrDKQ/sF33Nnq6jKQd/iwHwy3b22/Cr1brd1fvIrha\naKGD\r\n=AvzM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.8"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.8_1582434553053_0.7666956752225413","host":"s3://npm-registry-packages"}},"3.5.0-beta.9":{"name":"@aofl/select","version":"3.5.0-beta.9","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"7de2231c8c214be3ee15081f92feffa84f77c89d","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.9.tgz","fileCount":12,"integrity":"sha512-zx5gPktIKo8rFc1qGcGt+qV5AHiWHW7UmPFYYLNmd0e1rZ2wM1tt/It2D7heeMz0qt+rcWm31T8/hFqhmKBbEg==","signatures":[{"sig":"MEYCIQCCTjcLkMOqO3GO5azlCsxCAXW+/89R+8hnwasBrBZKvAIhAPAJ738/x2sGsP80HvcDZn/o82X++A8mBVPYvgJYw2hN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUg6xCRA9TVsSAnZWagAA/Y8P/R3ST+lhMB1CqLt73+RB\n84tM1Xed8UZ+p6Wq8muudLvtUTh9bbWII/v+N0CRIeX3BfCZOPr3AhdPGec4\nPUU2Qj7OHTFPC88HKLNQll3wWWk68FNxrhQWj87tteYIGO063/OVEXyQYkv7\ns2ZD22zHH5p7YLbuFraTFyZ8tz9Txp1XmtHMJSCeYVUMoxzAD5kbzxZBBDJH\nIA7IrXiQvjZN4jMIwgrIN+VSzcwp7HrmDhemagmnAEFDFYxe3lT74Xx4crnT\ntC9z8JlWvMRJ0dy3vWiTS6ngiwvRbsIQtqq0T3gCrTk6fDyfvfx+9mwcbray\ngWoteXZ0An+6h1zd+1s5SOg1HIRjc+UdQ8QAR/sf5ZbhfQNzA108ecVewl0B\n8oN/gyvrcNQh6U28d5uBUm6R4mIz/tb9GXknOSDh6rmCN+3Gb/uTYRm/hqLO\nS4sj7ffGwVGUy8D5LkQrcoBA4bL9zQVZ5FUA1ILRQoIFdc/mctohw7EnoLlZ\n6YMvAPJC4nceYasTysBK2hi7uHsb02ce1yE9IAu28wS7807YiALiZvU7AMjD\nkfua4Y16XBDMUVmguQkp/71D+vkFA2XdhGOhoW+HdPwcGWrY6nh1+Uifrn1O\n27ntVFEOe/Tau3W188LCdmW7szH7w3y6ZniVXea/B+yE1L90ow7b0O4ZNj2R\nwwUo\r\n=kyMg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.9"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.9_1582436017333_0.3624196086339553","host":"s3://npm-registry-packages"}},"3.5.0-beta.10":{"name":"@aofl/select","version":"3.5.0-beta.10","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"dbe970f3496cc6b8ebfd3388e699293eab6ab387","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.10.tgz","fileCount":12,"integrity":"sha512-mFOpURO0R1SM5/i296RnLEiraIgfTJb2h/6fiPwJVheF/lTByi+PQ89j6j63qGUhqpPTHWgp7IuWduXIrAxOxA==","signatures":[{"sig":"MEUCICaQ3ziyIAEwcm3x7nu1xbtkT3sOz1XK9yRWs6yaREBnAiEArfmNblxekaNPZyRuIp+gTjFXua3B3OTDU8uwdnB139s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUhLECRA9TVsSAnZWagAARLcP+gJk1P4kISIOjyGuUAJa\niWTu5YkKAIiprAW1my1qguFcWXOP99IEJwUnkUL+IdKscIYLtGOqmvV2d0o0\nXokoQs62N3z0m3jVH4cHRXLtsuA8APRZc8YWjk6J7Tqhi1L02STw/WKg39bh\nA2PWPY8ezV0f89flidhlAeJiVf6Kw7jGT9qpW77SmUy8xAAb1hp3AeenZmch\ngE6xEzDZaIsKe1VwZHcVsJrQjv2jdhmioHSH32OVaxwk/v8cEPmYKMKr7CrG\nCCC98PyF/nR7zyXKPC/9KH6c0gJgzMRS7YdfWj+8S58+A8hPAOLaguwTdzPC\n9gN/xh29+Mp5K7Gg2pjWYsKWKkI8XMuSOwNBmztMTpOuhcjwifkBDadLicO0\ne/ofY7JYMeFlmX+OZA3hxem0+UF5jEsR4pTbAW+cdD2FXNkrylcY5nHFsDvV\n1feZYQDqLaLhSnMbh66L/rIqGeIM2L/541H/3CjbsZNh0f4zZJl05Fs/vQpD\n3AWDvlmjSHuC91ORniM5BsbgkAEvfTIjidUWjFgTo8L8jmsVpgB+o+EO8FAl\nhsIIKOKd8cBABFkhk1s1zPJEHHIvVfILogayN9G8g3rUgwkJ4ffjoEFZCv11\nC8tV4FmMgpx6LqPeu4k4l/INASgq4CV2WjfDB7dvNDXnurDr5RHMEFqgBktr\nJUGL\r\n=c+Ke\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.10"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.10_1582437059902_0.781906476412245","host":"s3://npm-registry-packages"}},"3.5.0-beta.11":{"name":"@aofl/select","version":"3.5.0-beta.11","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"34d62b0e4b5ba8122a670e5bb1480cf9cc67ff04","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.11.tgz","fileCount":12,"integrity":"sha512-PMuKKCDJNhaFmARpQLdcuzMmTGBtE7OKj7HyK3cLRMEcioMwh0eZ2mj9QOAYJNj4xmf8krtkbsFy67kOuyl2vA==","signatures":[{"sig":"MEUCIQCaQ9k//6kY5Y8JHIbZG8ps0FdBwyktIGica8eYloQANwIgH5hypUu2oOw24DJv0ltKGRbmm17TifS8FXvxgJsZoNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUivHCRA9TVsSAnZWagAAwNQP/j/lZ+Qz+6grsIF1WQPZ\n0JUF/IF5PbNNSkOf8Sy179w3y47roNCMnUu2HpXLB5yX98YpvbP2VxLB1yHZ\nWxgfyPw3kw0snAcaonbekW7UiwfuEvJqwM2NtR2JJ/NWicE7H5htuJJJDl4S\n6HdeA+YT18ywNKPPqF+7h19sFrLA+oAS68e3xdA7pT8EQbBQXI2jZUGXFHBD\nHXfes9zlmaV17o8N7Qo+InMctCiGzk8AIDNDtcCVZdkNbdkyIZX5F2nyM1Cj\nZZYkNHlIna7LuTc8Efs5RPaCLOBMKJeNKsClo+fHqVPbRKL4vRcrmqX2XMKE\nbjG6xM81PReeckN6unj+n2hraASWJPyc3zdB6tIvdY0OHD083rfq4WzwUbHb\n3tJzDNTRPcWMa4yAG9RL9Jdhx+iIxwSfrjoJKF31mv18vtDroQiPjDcR3THI\nCgauOnR+xIl86sa1icFQWccrwBV2qRJVqRVoMF5JS/suUKNoA4JfJoPlwcHG\njZxyeH+tCOZW2nJEXmUJXaF797+CE4iJ1LRBGyOskGgRnQBaqY/eHcWnVq7t\ntZcmCLDpqELjLfl3kvw5+/Zjl5ZM4CJ+c9jLLekO/Q416L565m42gunyY6Lq\nQsPa19FJa+Sry/vpKcIWpg3b6mI46tXatacKLYMrs8+nhF/iliUvcEezVzA1\nyoSa\r\n=HZ55\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.11"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.11_1582443462919_0.72295953634513","host":"s3://npm-registry-packages"}},"3.5.0-beta.12":{"name":"@aofl/select","version":"3.5.0-beta.12","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"0d8e8f9866500515c175a7e590d3f54b1cd545f2","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.12.tgz","fileCount":12,"integrity":"sha512-PYS1xFE/BYA0SZGq9Gh1CL5QMjgu/o9ZZoX6BHUACwJ3fInTGfy5lq5Knq0WO08WwmU7G8g0X/lL+0rgZ0pxRw==","signatures":[{"sig":"MEYCIQCSYUxtm/FKbTz0nW60G3wW4J7InqSBSc0UdoyfiZ0/tQIhANhs3QssnLUJzB2rnUDmFv9jABT40sX8UY9UUblmdzxE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUj84CRA9TVsSAnZWagAAbRgP/jy05cUDkuaj9Aep8T7n\nrTO1YWETHG+otbf87d6dxW6q1tSKcti6MauI8UtKZXB7+DUHNio6fh2O8UU9\nmw1VGcyOrLg+vgwCbwa7WVYU8bZs5aB7sAx9W/T3QDxeS8r4Ey4etUx0QtqF\n7TMyJlrNhpuiufOudiktn+c1TpRdIqxAHX4VXIYDV35jXY+JDoImppJlUlqX\nw/Xbk0gfIws5RA+1Tx158L2AMGKdf6SbcXUUKmNksnBzWotr3j8DRlB54VfK\nnF7+puocKSzLRMFIUtqP1Q3DEiigaohFRmMY00PcJ3KhF8z13UhrTo24H8wG\nMsyVeusDSD+TIG6hUxEnw8u0OHvodVGUn0dtAvtT/TcNF7JiyyylSl0bcFm9\nYhV8uS4R8f4oAFk8HEMlOgSVjGDWj0pBAKdS9XQ9ohQq/zWsnkz7dt2WciqL\noNsBPVwgRTgsTlm7tnQBJzVtfwqu/nb0W5jrqkH/uh2v2bhcYRoZ4ZmlmVyf\nTiQEDlnL7HNp5lUioeeIAlEVu8mcahOURN4d4Ra6J6ZE6YdfZpFjKNpm6x99\n0dt6TCqOfYgymslWgsScSUq9dpG4mVNJiE4UfiZ1WrdzAAq6Ab21x1sfmSGK\nqgz/w/l6mHZT0dXbWk4hnSqMdCVQSx5kdr0aSjQl3VjFAvpwXiD0pm1yOdLt\nSfSG\r\n=SV50\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.12"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.12_1582448439921_0.9428349173876305","host":"s3://npm-registry-packages"}},"3.5.0-beta.13":{"name":"@aofl/select","version":"3.5.0-beta.13","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"0feea4e625b4149ebb424fa14cd020fe5bf69a44","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.13.tgz","fileCount":12,"integrity":"sha512-d34yS77ppehee8SgYY+AuVcsLvlB2q5rpyZkXzIPOUmVjFOZr9ES+vZEu5hNPA6ONOCw/W68JNbYFj7vbna8zg==","signatures":[{"sig":"MEUCIFqPBFSkZ2y7N6Jso4YT1jElBdBidnklUAYXzU9Zbb1aAiEA5WwLMYROUqwq6z7LjV90jQr0bFSCNTUUQxe8NxCMG1w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUj+sCRA9TVsSAnZWagAAvtAQAJtYkKIEmsv9g9ccVLTF\nj+7XuSCsNr4FHxRyzuJ0Q7/KSwEC2/rxjaKacWXhpQtQrraadh6z29ygGMT+\n27gaqMeIHFNaxEjHqqsZDTQZ5SDsPDFRI6qM80xLhN9dRUA4hJT39scU2vLr\nTBhVJEIqEGStfg5en6YYGhTQz3tQzLOy3lAe4YHxXoeBqkIdNTJ518PRYyD4\nCwEajtATIJN5QyxuMQmqG38a7cXHRYJIcTA6SdKHhb/sjs6ss/gnSM8w/Fj/\n5gne3ORSo89eGE94gwF2cAN8Rox//2TIxoz2DegPYMKNsacPXfGItrce6BmW\nqCwV4hqP7i5hj6iQvsr3ejPOb0FsDzArBfvf62rw0aAskCgUFBugimqjukne\nA9UCBVaBT2wbQNdhjj8VPYeuLrRLKcP3pN0RA4OeiHMDo92fDV8tFXGwhWqB\n6l9CvaE2wTbBkbE6BzdRQvcXNIQN52k1sK48B/9gR3gjSzdlNAw1IdkSBgpP\n2WcSKOJfagm0GSYPNDNCvp7aP1WNQsSbJdz3yaIhuXHJk5nBR385xltOgXwG\nWyEwXlXUCdWLqhIYsAw3o/ZwB/8zYu9FbXfh8rXYISRGS7SgBKzJb5nvZYvM\n2gHgcMdk4BrDiT6xgS+Eklb+q4eZpplx0dcULOmueDlSnmIml9CTHdPu+OMI\nuP2G\r\n=V+lt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.13"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.13_1582448555635_0.8879811474618686","host":"s3://npm-registry-packages"}},"3.5.0-beta.14":{"name":"@aofl/select","version":"3.5.0-beta.14","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"22734d48f5bfca8313e7155cba59e0e8e0c8e842","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.14.tgz","fileCount":12,"integrity":"sha512-VYWQyCxF7F7lCE46HKoAT8zH/3Eh+erFu8779rnp3x4YiiU/UfHaJ8gn0oa0z7MpFZb+K74VqVoIFcRHuuMakg==","signatures":[{"sig":"MEQCIGYFS8sCAnlX+31hzBnpHUrcHNzpL/vLotV9C6BAcjavAiA7YfCHnHiUjXAP1u7Wsaf8Ls9R3weAg1pgix6ahP2OYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUk1HCRA9TVsSAnZWagAAc8YQAKSFPWspCVYHcxmxP2RO\nIcHeTVrnMJjyeToEYaO0eYr3IPCkTadSYICFPiybqDz10YG71Dx8zdDgR2kx\nUMND0kWw4AtpGIGDnwgBXBcORsi5R9+vHr0P0NUCmkCo4dhmAEX4aZllxErI\n6pQcsYdKmcsjBpi5jSfS6ZpaURwzJfy/cVQrqxqeRKdlU/rnhzzlMT2frkJz\nLII5szzBX7UprREsNtiVvVll0vorfqaNSrxYdgjvLzteNCeVo/gyV/gpD7N3\nGwID0zu3AhzZXp/pEJGL46jCehlJ2QVpRlKTEt6t58RYR9OeFszdBaD7lilV\n1/CGs4Z8ppOQwtCId/NkDfhnFTRCxr/4KT6H/lfvJQ9hgMnuEYrc6I7KgWlH\njxPp4dm13I1vGqmSoGxcYnWenXlWMM/DbDrllvSj17Ka9+MdAsYMj5PQ2ORM\nf8KpK6X45Df43pS49+Cx0ScDNoMXvB8APYRw8uSRl+z/I09vq1Gc1EFtM/cu\neOHjDKstXBBdNL0NsUeQTQ5h3Q7fwEqx+GiOVS1kuJGVGRjeAa3NGXqUsnXc\nyzn1hSAiCW9ixHzsrj7q60RykkiQtIn3qmaJzSy5Mr+MAb80WTB+ONuZrjqQ\ny7yJ6JhhPBCtlu9eBHWVypvCr+AYJtN4XAvxkZeYtw95Ul3d9BnAASJ7q2nw\nB425\r\n=4IQh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.14"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.14_1582452039022_0.2391975812335443","host":"s3://npm-registry-packages"}},"3.5.0-beta.15":{"name":"@aofl/select","version":"3.5.0-beta.15","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"7fd06314df3902a67078768d9f9b5aa9cc05b01f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.15.tgz","fileCount":12,"integrity":"sha512-S04gSThmmppByhi+fBiFjd6D9cbDd735+cleJQyutgMlYIbhCeLVTKLTmQBiE/S7WuvYLJ2szalyiSt+cKlgkg==","signatures":[{"sig":"MEUCIHbvMR+RuqXlwRG6+KZeaLqaqHlHm1ngl40+lBUlA9CIAiEAq322wir5tuoEVulg40tgF+iNBLnCf//FBEtfrdGKVE0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUmbbCRA9TVsSAnZWagAAT0EP/3yg/eP4ZGhIOn7sy6O1\nro1xHRxyz4kals03wplJprZDM7La3OHQkrknwvf9OmaQ1kY4HEIjkniij+Qd\nw/V1fKW1fmhS8/Kg7BQgVDVthT5g4wtFjE665ZCLvEyWlVUPVdPumZMAocaB\nzvfPlEZu0jUCHlJOxCTNVq7TVLlN2lo89L8CJdYaDJrrlrDyCTyG2bIaXOu1\nvzkuu8PcJu/6A61ILkXsGoHwMfLZLGEURv0BsNwuyvJteHfq1NoX85U+yPD9\n7k4xA5A8Md/sv/3lpcUAxoSZMrk47aYBcErNUw/EVO20Ylp6P3U/jp4R9xyZ\nDG9SgP+Dv+/3FB0L4Q7hXJcdub8Mbg+GsK+kUkzGWQX6Vu3u5aGxLc3GCl5p\n5zhvZKLoOuqUOEuAzJgx/6hj4sSob0b1kscOjGCMDJ3zFaUfMrChCdeZ/Mns\nuUBpytuR7YpL09TqS6MuhQKZsIu1EHGRBvTFbOQFWtR1sRtpT7Tpf1IUVopV\n8SS50rrUSrmUTO+wLP8LRTUjs1IPlMEhlUIzvx7Cxpef6VfA14g0U3vyIRv3\nB2jAy7thd5Ggp/3AutUxOaR/dO1qMq6b3PkayrIC9KzuxOHD2KpJ/Qw5I5K3\napj1/vZUjsR9pByLkVORYLkD08IQbkHabTuYCN4B4Vvhv2wp9TXpWUJWF/pJ\nV357\r\n=woCo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.15"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.15_1582458587044_0.6790719869457793","host":"s3://npm-registry-packages"}},"3.5.0-beta.16":{"name":"@aofl/select","version":"3.5.0-beta.16","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"e5b144c7e30eb451170d5572ca52d5df6c2fcf90","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.16.tgz","fileCount":12,"integrity":"sha512-bISEuhsi7Q6ok8P4C762Mn8vokgTCA/r/Jg0NHhpbhZOWk3VzuuUK6nDq5AML/xgAms1+lsuVs8lCZuUmsd+rA==","signatures":[{"sig":"MEQCIFKWRmbGaSqpUtdWqHA3ki9apD7KblLR+Cgd+rd7+U99AiA8o1pkDGB8hKzbTILezBMbhJDK9QUnTbQwxIDsPWU77w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUmkcCRA9TVsSAnZWagAAbBsP/2WSI62ENTvd++SqPg/S\nVfD2C69gULhfP2HWV9MSjDKug2eWmBb15UTlecfN5oVR3UKHWQqAVAh/Eb84\nUSk3sOfA1KcUEMLgi5BBu61EqslVxPP2wSj0bPIcFLOPufGWkfE1e1qR3P6O\nTWLQMMrbczHAFaJFFxOSZ7Fu/InzoY9bo+PCtW3/9pkoeAO57PNRoxDVwMUo\nmZ4PkI+EkoQoZtrabpraXJ+XqmHUA+ZXWdlldFIaNzH5kCTpQzN9WIiAxzCh\nDlfLTDp33P9V8mkFe+gnjVpDLGbnEZs03V3WoPAWdmep6sH6sVRw9S8qEdtQ\nw8nu+yFB5YZZ16CtiZxYndRYosT9KIXb8DC7GN6tm6Bp4EDo7yUhWDYZL3bX\nSV8gJlcS+id3nT3GoeeEREQGJB56WCHXpR2VsYHcVjKRScRdtDl6VsjDQN3B\nLCzcIEn/eqGWlNdQBveSNJEaEIRp0CvrYPZxFYrf17zGmFSjgxH7tyu7hVi+\nOaoXJJp0+xsI+vOCOzaG9YnUt4lfFhNo1huUklNBgK4Bb8zl1Ja9lp8CNQGm\n8R2gbHvPlv9ku4wr1EmLLsqdrigOa+ZsF+mlB8KG6yizrO0EFrNU3h3X1mUG\nPVfzEh4gi2yMmAOMr+KyDFD5glvEhShI/8JkMnhMjsNCxjfk0rV0VPz+mw1r\nBMJa\r\n=0zRk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.16"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.16_1582459164118_0.18716772137348014","host":"s3://npm-registry-packages"}},"3.5.0-beta.17":{"name":"@aofl/select","version":"3.5.0-beta.17","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"e895b0668eca0e677353d9383dc191dec330dea0","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.17.tgz","fileCount":12,"integrity":"sha512-M3pC2XJwwruDCZHlXa85XMVw7cE+U0NxoimH9qosoFGAc5q6Mx8xpsew8+qTyoNw9Nsj2yok+HPmORdPF83x4Q==","signatures":[{"sig":"MEYCIQDLGKpHQKHOvdGNi4tWvb+5BiTImAGOAM0tWDICvYeAvgIhAL2HIWZFOtH3e9pn1KcspAer/KWiigt83OAyaqQAmYk+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUmzDCRA9TVsSAnZWagAABmwP/3NWFXyGbyDQ3N71YLjI\nBqzhzQhwc022Wnq2GZcwXyF+JM39Tu2Zbqsat8XrS0P5lnNn2yUO58mywVl+\nUmvzR+xH0yX9pk7jC/Cco3Ocrj1gjZ8zNkG2822gx2qcmqun1PWIUurQqv3I\njIwfWEweN6x4HgKSLqLfvdO5RoKe4xDZ7c+w06hn7zYDQ7MC8oSZz26nhw1A\nahKghj5+ONHKN2MEbjCNTXOVKbj98ne3IB/6d7rmxZ9Y2X9y9zRsDNj55ORN\n0DdhpippfCsCbiAJgwQLddVu/PLKjdjkP3MdztxKONrf7lBJlz8kt5Q8FAsW\nMTjowmyXsMG5AryYA1pogSUMyK26Pp2lv/YCryEmQXsytymYlB/YV9FpKZQF\nIixTbVWmHdN58HEz1zITYvpXRS9Yrn9py3QSA9ACYD/jcYYjyIY0eQa0iU9Z\nNz3GHtkF/DAZnfs+/yFkhy4XOR21PjTf6G+dF69s2QXzI3c421oyqwHdCaTw\nypsCGz8VKKg9lR1AfL9n6T58vbSma9nvMkshc93sox3QBJNMpGScU5pDhvpA\nInMR5RZQTfc0mMaNYQhRnd6+i6nmeSDvZKpfRUHCRNdLd/8HwC6jqbgOUJP+\nlaHUBJLUXNZC7XOnX6EKIX9Tl+KFX8L7Bs5aBWfgfrPcXOGu41GONMR+YXiE\n6wLl\r\n=j4gl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.17"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.17_1582460098854_0.8739136343839178","host":"s3://npm-registry-packages"}},"3.5.0-beta.18":{"name":"@aofl/select","version":"3.5.0-beta.18","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"7a6481cada1818bfa3b8a2d5763e78fa372014d4","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.18.tgz","fileCount":12,"integrity":"sha512-78X7sM5/7B+4km28af28b1gdXFdlF4QCbgvL27e5dUYiDitl+bG4MlsQNiNOojbHiDbGyMGNtnjrWJI350cTeA==","signatures":[{"sig":"MEYCIQDKK02Ah/BgYRLpveMzwk01rCaucXf+sEFIzEQAsx+YswIhAM6SkBmaNcxhXZUcWilgqEKw1TNGr086QAddaQXth2Fb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVJvFCRA9TVsSAnZWagAACEUP/i5xA2DPSrr009Ngc7vP\n7hH43qW5IWi2vkmWZ2I8jOiyFIF9NE8dcp2I4If3THA3xb0iw/3aTj2H/6dc\n7Tp1EtcbgjVrK350I8lXuu6ZjjSYgykUPlMYgdtoAqOlqibZbY6lwFcsqkow\nXPw/nvvzCZqV3b5csnsGSj0cxNX5xmdoWCUi6Xj58zLpn6wvT6pMsB1fnJW5\nvrrTqJcENvQZFLcGB2Z4yj3s2fCxuDE3oniUGa+D17ss5cs/tWQypsc9Ruj7\n0huTOwAX8ka/V6ChMvfVTWn1aNg25gr+6Vux3hOnjO5BMFMbAtDwVOr4sm86\nSA9ImjnJZcFTy+dP5srF6CZVHhj6rHXeMmQMWPmw9s/lGLs31QgsAW0qO8TT\nyrJXjVNf31NVKYtlH3vfB3Ee6//wc08w9DX5IWrxbmV+lsHP4gHnm/4jeGkL\nULo3adPAA5WI2eUBqBg+ofWc2oYLcsN2SLPg6O38P5i6vTjbEmjQUPdbMg3w\n8lo2dE5ub73jgUd9clYme4AZRMEP/7YUVBP4HtL5/ehB/xhsz/cBBeHyyLmu\n1niGSWYU80mM4v+Svpikx8sWJUoTVcyNF4+fUtov4FGydwQzl00EmihrhXML\nzQiRX47sDQtKUPJHEIUNxRTeA0HMdWSvJKWoyccwu7zJlsPrjurxudb3a/7m\n9bym\r\n=SSJE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.18"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.18_1582603204865_0.9946274274421256","host":"s3://npm-registry-packages"}},"3.5.0-beta.19":{"name":"@aofl/select","version":"3.5.0-beta.19","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"a645392a7be5aeef530c42bb22dbec349e13e4fe","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.19.tgz","fileCount":12,"integrity":"sha512-G7UhhjgfD9C1o+pF42BFulRGsraM5YM1AuJ009Y0gnCCkkiAlEXWIo4WjrBHsXK1vKBcUk4FYEy1Ksj+jiY/mw==","signatures":[{"sig":"MEUCIFwTTK3V7HUCG6rAckyvUwFteLAbvcuCPxmK9cCUkR7GAiEAs8K/6Jmxade/CFJa3zaSkJ4tjK/1fu4rswaP+Ym1FWA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVbRyCRA9TVsSAnZWagAAVBsP/i9h6n9Huqz3gBOdWu7T\nbsryl4woi9Yt656s9Yo5tANcznUzCScZmzi0ngnHGBiAAcaSvQ58GsocwuHC\nAOpDWcrtnJXVZRQBeQJlcyBcLZIQT5n8QVVylhPmLQy4TTtk653qyAWUdOXP\nzcu40Fmq71w7lATih+omKXuLpSrtSUJNhgGkSnhHZs91hmA7VDiAuZWs8Ii8\nX3hFWriwojO5+1UtUoR/L4FjRXIqr51me7U4t+xLMt2dULNXiiu2PUw7xIVr\nNoPzXFU0D0+0uvoXShtwA5ZYbOAJ0tMpY4VF0+65Aun2uNgYvP+3/4yeeDb7\naX/0GDJ3hhCwi294J54/GdjgJp6Yu7FbgljBvG0n6iUmP4kybcHuFZIlFR/l\nj84f+iJkaSvN2yW+jKhukmhRVVLxOaWe5LEVWqmViivUlsmXVWK6Jv7/2YpT\nVlcFxHWBLL0/uvx5psfja/nDku8vsns7clDILC/WMVF0jlCeqtNO69XdwBmN\nWRkvJ1AJZOXhjt1B7HdZG3AgY/l3DebonINV6qagvohRfhReoVmUUKlb7YXd\nepp4jDN6M501eXUAmcEyG9vUhfCRVUX01fsdaoOWDY16xQlmFIYkKQS5CMzA\nLhm+y4a6Hy7Sd2EXSM3xY3aFE1ogj644lvtQpNo8RRa7h4J97fLdLPvPPet/\n3K5T\r\n=VbmX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.19"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.19_1582675058497_0.7760604459690372","host":"s3://npm-registry-packages"}},"3.5.0-beta.20":{"name":"@aofl/select","version":"3.5.0-beta.20","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"4df296cb0f4a987b9ea22637a169e1ebfe746eb5","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.20.tgz","fileCount":12,"integrity":"sha512-VXd3YbUMXB2hJ9LZUPKiHmow7N2ik2gbbjwtqexyLCOiwPKr2LEfIr7NVhceobykgTJmnW4XRm3C80nC9WcimQ==","signatures":[{"sig":"MEYCIQCeESq3k5cyptwBdyVNYxyk0MRxueY4yL/UEorealLfCgIhAPRCcgarez/rY0gEl/fxHuzdF3fRToVxiTounroM0ZU3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZVhCRA9TVsSAnZWagAAX6kP/jtVK7ogn4Sdp3NPNz52\n+zyoBYgSV0kKp0KqGNjxpFYibyKGRPpKoqQJc4Nloo4oa01oE1W5HFn6m6U2\n/bu4VzunzQJplhKqKtIcInnF8/+1d2HDyEihYsgFDwtkDz1sLSoanmgyH3OV\nF1KUheIj50G+GdybnKixhLGS90xanvJDQXhXab+OApIw0qkTys3DTqqy6KYX\nrqDP//JC0JZFbsotfoJX0091q34TNjvLPVwi1aVZDVmVoCLVdXF4S/Z4s2Ca\nZuD29RJv4e4W6NJsnJWVEvvI2mv0JIU7EDFTRPtmAheHG2T0cIHPxNtP5Nqg\nfehgSSdxVcu+h7l+PAmhN4fh7Vv5Hqmn9DPoikvJrA00H9Lljmw0cEf10YCk\nm9NRImaVi1CoRvReF2sNgugaNyrMaH6S9S4dbR/lWGSxzQSVNQTeQkCbqNDB\n5ZCFCLXgIikDMs7DCVmW5iGC2KnYcDaHAubdOPGQG7SzB5BH2w1EtyTqamtu\nwdk2itVbe3vkztWRdgzD/3rCjw8FIWV//o1AqvUtKh/49YbRoRKqn2Ytn8NP\ntISrE5vhN4e7UGZralnXjVPr21zidHu+MFMyIcGBU50nVi/SEgzhtCi1cdDa\nBIfneWuALB6CcwgF9GawGjQRkQlQrc0Nzm0O4+F7O4nN6sU0mYicmEHEvAau\no24B\r\n=s1Mu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.20"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.20_1583191392873_0.7549195950480561","host":"s3://npm-registry-packages"}},"3.5.0-beta.21":{"name":"@aofl/select","version":"3.5.0-beta.21","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"9d73be82e5cc4913bdf3d5be8f7e33dc91ee9d35","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.21.tgz","fileCount":12,"integrity":"sha512-+FyFFhTR8yblUnIaX5lRzZLp6lSO8IwkUaFY8kab79V1r/xqAza3FkyMVnIMJyYpRzuPq3SPERTOii7Q89EjLA==","signatures":[{"sig":"MEYCIQDJ5OblKssngmd0AX/2R5PhLdRjiEq2/fFXEFRxYqdnQgIhAJZXAcMmhHbKSIVvgxF3E3g6eod/45M8eXsy+VKWQQ6F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZZjCRA9TVsSAnZWagAAj6YP/3pywbIR8rpgQ5vbY84v\n8FPY2gyW7PJgH7tD4mgTNP9SctxW5w265EIBVXU/eICX2tOC5s3bFEHqp/P+\ngy9bAmnHsVgd8CRucwusxsCpUPqLMdU1Y5BCPh5KUdsfnPhEKmOMHsRw8fuY\nRDg5YBLlB101HfSCzdw/8QkcJQZsADBy0atTp7ak6Qk8Ucde8F/LvorTQsd4\ntpCCJfUK2LkkFYsGrBROHPzXYSaobMTGZvF1PakqQBArk8KZ6gAnoT7/ZNR2\nzwpkER0fVly4vMU/oA4OVbINqhytxai+X/G59KSE6eR5mVZH/ivOVeWoOy4j\noRB/UpqnLfX8/Ru1a2R2HZZ5ylkNIztXNRQt0ujkjsCisM3cLZQHvXROrK5r\nI9agbT4jHQI/W/XEZ+9HgWHbmQw/a1DWR4L/rqVCYlUOX8c2gSTXQSqjz+aH\nDojV1KAYkRj6tkkvduSe6m+a+iYFuegmyHyeG+DOz/yB0ksMj/Uq3FLJFCle\nqiT0bgM7amxMUIfo18JMzrS5/dgVSE7RjHDBP8UeDR7AcV8GBKRaaNwRqZSr\nj4jQ8Gn21vxjXJh8fcJW1y1sa/FFZJgT9O7ipGfFzpOhUAeSgbHzNhJd0xHE\nVw8gYq3KXlegGFZp5S+VEf3F11AkMsILK8MjaoRNO33GWgagUCP/22HK6G8G\nmzWM\r\n=xYIQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.21"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.21_1583191651541_0.07256544545398258","host":"s3://npm-registry-packages"}},"3.5.0-beta.22":{"name":"@aofl/select","version":"3.5.0-beta.22","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"8b60dffc9891b2dc1691c937975cab14a67024aa","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0-beta.22.tgz","fileCount":12,"integrity":"sha512-eSpGivki6JLV3JEk/r1aHR34DvrQd062GMonrQ73z/nH0OnKGxsMd2WohcePfutfMxMs4Iw1bK0W5mH5tY65Xw==","signatures":[{"sig":"MEYCIQDbq5JwnVDP3816nE2M1CZ1kYKzZPRf/SY9OGiOQaWzSQIhAJ509H6cjS0HVXfNe+29s4E/q312qccRyJJBzqCwkBSP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZnzCRA9TVsSAnZWagAAwGIQAJwMFixjh3lTgLQbIxe5\nBYhdEihakw06y+QTnD+QpEEgLrEKvNPHph6/v+w63fYVSN96cn7slxSEa9tC\nG8DotCC7k2lOJA0sysGmZmlAT0cPkGLK5TbRwdA5lJOiuqvxK15tY79GSeX5\neOlBsPl/ILIbx342kTVx3a98IO94Q60m6Scu4qEmtxyCa798wry/g6WCdufi\nzRPAn9/Vs3QQ6hLOY03Lqu/7Nm8U58rdnJ3b/+PalzmNxXPzgWJmum34+Ui5\nbE7htQkoDvClJVKX2iFR6PCsQ1w6ixoJalifzZ4WQTg0XghPakei/fI1RC6n\nSZDCBz/fH2knnDBaFWDDJLxosh5qvSzYR733pvuTzuXZ5Q6sGZRx3pW+Z36/\n6jyoKjUaJxwzVfaX9+dOLMxsmdNphU+2cXkAnhJtJ7/7PSfT14Qbj2y5+l7b\n9AeIqp2fZ5I/llge2Ocp3TPhm3tCHkdjfySFbF4bAANzVLfz5AWyI7sbdRYD\n6lYoStZKXK6CT1qy6XJU3qe2Ki3XYfYG+enkTWsq2p1qtirubZ6q1dJr5XPv\ny0oZ9m3pIUJYH0tByJLF5wEyknkIB1qlffIz5GbKXdji0gSDGnTGE9RvWgkj\n46+YQLY9oSqejXuuL9qllFpTvH6/tYwAfmue1s4vkizAE+MZEcv1hUGP8gIy\nSlaK\r\n=gXed\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0-beta.22"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0-beta.22_1583192563448_0.877667529188509","host":"s3://npm-registry-packages"}},"3.5.0":{"name":"@aofl/select","version":"3.5.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"744d54b5964f515ca38bf8fc69c258da783c4254","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.5.0.tgz","fileCount":12,"integrity":"sha512-Xncr2/Jos8JkX7ImIudRdpjDm1spCk02qvZTprlOmr3QjolfSPT3AEshciRNq3emviqYMcqQI5TOgPpgrwhoWw==","signatures":[{"sig":"MEQCIFwqAdf/O/Gsv00DgFlcaEqA+IDdQfg3KzUZcc7obESpAiB5qQAGNqdci8EEWhsJSIyAJ9ZXSrPANkXSrEVKyJR9IA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZ7ZCRA9TVsSAnZWagAA1McP/0RieIaGy01SXTKbs5+d\n/AY4Jo+lkjagNMqkPyJtjHBYE/iYCLW1LEvHeWen7c+wcLazbCC6mQWLFIw2\n0V/2b25laRE+ZXTjc7thHSNrB4j/tScaSHzPZx5RAHsxUyHyMosGM+/e5YK7\nSclJK0asC4vLQJT3qSjK3YmEQPbeRGY2n5i0oq3LH/OXqnWwsHM1Bbrq2mg4\nOZoY6QNpQOP1dgypzjgTddM1dayDmXoDNCp2tc2L7EaFFYAJdar5UXkXQoNt\n037pZkQH9b4dJwohGhLU+vUb1LDb8rnWMK6A2AUe5c8G3XnPVoV/WrWphyDA\nF/c2dY8B0OacPhsmpfgCBiTKI6YcBnQaFf2pp9BExJplR9tmhrSWqNT7u2VM\nW3+yUVJZ4/nFYKAvozZZgsz8FIFX0vE5JBtNf4opIz2sPNdglnd7dz21mJiA\nlTYfol9nDF2m4rQL4C0pqG9jOI4NQFTmjRioutvPqGtLSwxybb/R94/WKZGX\nl+2L9Ciao6orl+mDrRApUPlOVxo3JoFdzregxpYA1oNaD6Nuf9nfYSmx2eXU\nfMyTeJ748+qFUgzlatEeHAR9jbqnOkH17mrc0tZXByanBwR9m6pGskqkpHT8\njbNT99lGBAJbbeptNJuCBpPRWQUtamTZHl9Bjvq4ouzFOmwsuxNSCgsOsZ8j\n+mV7\r\n=V4WA\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.5.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.5.0_1583193816587_0.0609352792227269","host":"s3://npm-registry-packages"}},"3.6.1":{"name":"@aofl/select","version":"3.6.1","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"4b4a2b63bee01506ad98e315e240dc50da818fc5","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.6.1.tgz","fileCount":12,"integrity":"sha512-RxEW8Jo5hexv86+7IOh2Od2iWIp3J+R97iEebxTmbywM0LJhsoyIllKjqKTugfVuEehyvu5YkPR0+xlNpTjKNA==","signatures":[{"sig":"MEYCIQDtbaxbb/6QUpcW1o1jo64hhz4zqbq5H/QcoFG2jCLn+QIhAJ5IHJcklR6IdH5gCSUbvo3XFnzHWFPZB1RVimGcFM42","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ9/MCRA9TVsSAnZWagAAaCEP/2sb/9PqUYCWgXN2nEIf\nK/xm+xNPBgbNk64tbfa0n2CD+2+rxBzV3RQkbkyvnjdIfq5l5zXB/s2gAdFJ\nozBaF312Q625U96DMJp6CsdQj3DB54nC1inM0u7a/s920IM4umIGC9edP7Nt\ncREPuzrSM5NOm7sJWNVR+o/RakWfmpehQoaKz3E1dzTZI1j8F2MMZJk/s2yC\n/rvF3Zln3nx4rZjsIsdNVik2dUl6nSgTZ+XsLI2y0nP4zNy7mg78zZi1TYcW\nP3FpqVw/1CKGTcHz2Sqvw0vYPjkg3QOKiMR094Kw6apWUyNfo0XVfnzClWxa\nFUUeX0unYctLguMXo7WN/1do/FfdzEDY32mcYUWpMtxpTrjrZRPVJsK//N1E\nbUJUdNJBB2424I00OdN7lmyzi/GP3SSSOnxsKJlmH/RRXFTsOHnb251OI1aM\nLspp6vRykTds77nIsy4oDadUuyax0Lz61sdKJA0OZxf4JfEzgxIU3hKTKdte\nsOvvrEx+Mb5zHG/FWJ58HtieGbqzDwEOvYt0sRrICjL+UqTROnTBj1KTgLOS\nUWUjxqW54ZlKyGffbJbCNu2RENKjeA0Dj84TTLhjtNHagxclYh9NGi+D7B5s\n8re+JATdpvalRfzq93JJsJsXfB5hlJfw3Ra3sQmzx/0z/hLgHvrJ6zqhLsGx\nwvgX\r\n=uTBr\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.6.1"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.6.1_1583865804383_0.3305300623722367","host":"s3://npm-registry-packages"}},"3.8.0":{"name":"@aofl/select","version":"3.8.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"d94cb54bef38c91445d98aadb8eed6d3faab4f86","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.8.0.tgz","fileCount":12,"integrity":"sha512-a/riRVYv4x1z9XcUf8dgPqyQtBt9aUA9T3IPjPTwd/tiMvr0FxCTigFkdW8AR+3kbHWOkGypNPCLswG6GKIPdA==","signatures":[{"sig":"MEUCICxiImF3kk4LmnxeHfIFe+A8zXw/tQr278mLRc73UgtqAiEA95k9YpqPGKff62HVEPAItlMknIEz2XHtFZ5dZtn32VM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuvbcCRA9TVsSAnZWagAA1L4P/0Z41LZwW0UXv3cXR8bU\nBGaRCvu8HSz1gb8cbd/xQ0WEUg7ZQllyBceEKAsLlt5eKJime12ZSKdnNgFK\nMig8TGcdYQz94zbnx9OqhpZDWQp+ik30hdMETSy7fup2tyxtV5utfDgK6MFG\nvreFKuZz+cznZBCizE2FHq75+TiStBP27z4Jv4v9+P6DLfTGGVtJrHWzc0no\nj6N6y2Iv332YPXHnziPkUtG2uNlZpIt2O84RbaKS/9PC3l6JzV0snriSwhYr\ni0iw8BPGS8BUNZ/9+Mfr9FclYzsTSr/w7WK8sZhKux3Mt1tCuNLtudeU/Am0\nKQ5ervV8oG5Gv++Fri6Hli0IkhDNax3OWjPSV7pERSS26Q4noeJFaM8+m455\nxr46VzwOTVR2NcagpHm03MJJjuGwLdOI05pcPCUj1RQ7jQkVX2v+dcgmn8q8\nelxD9577y/SIJ06+PXLoOteJAvy+idE+E93c91ekworymqPmbi3W5Q8L1GhR\niyl2H7+wrEz1ePrDNhKOFA8k/WOz1CH6WvOKlBSDRH2ZarmMf4+cHe1nPEKB\nCyio7IhyHR1qlBJKqcQjiqujdFew1O0Ov99ifptycpropsOVQInJewddrm5b\nrsBGAejb8m9mY8amjUiyOTYMBnLmzUqp+eVYg9yP+vdYcJLYPS5cw+XccxuP\nW2ZX\r\n=NBRf\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.8.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.8.0_1589311195797_0.5082993620902414","host":"s3://npm-registry-packages"}},"3.9.0-alpha.0":{"name":"@aofl/select","version":"3.9.0-alpha.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"8978c47b64193299feadd3fea047e3627257b14a","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.9.0-alpha.0.tgz","fileCount":12,"integrity":"sha512-fBK0DksMMwlXdg49bmcXBp906dcBFJekUvPMAaPVk3lFEznH+EVFqxiHvtKVvLRU/rdux4tA2q96ByzobuRLFQ==","signatures":[{"sig":"MEQCIDuATZycCqDsN37+eRqC29ZurDOHUq2PP4X+07CWaNjaAiB08JtRL3DaXZSS6tJUyjKz4GINvu/Heg4rw5/Kgy3/QA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54763,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuvlYCRA9TVsSAnZWagAAVjoQAKFdBFHEOoB/Kc+19SDp\nX9lBP8hqDCp6wwhStESPh+NI27C8nSqLoAdnmdYyfDIKfYkBYcaEA8dSqWFx\nyKNU7wpA5CJRElQKu7MB1X8HZSQOQPWeO1rJwCILsG4FnipN4gKg4uixGpb+\n5dM8+cButEhtBE/YpgMJOLOrUhlI14QxPHmXeHtOlIm6D+CD9urXwIcKf0Fi\nCKrL5FBrl0s073Q61vRUhZsbOiETAxx86rk0ohcLa+gG7qjRstwbJe/vjZq3\noEi+CeBshtTvU8Eghe//ac+Se+j4C/w1ubAFNYjlay5mYZniYaB2XImbxnOg\nDmFdx/dUA61iOMTZ1ngWKgkhpk6Jmg2g2kYsqwDHxqmjlAdAsHDtDg5IRSua\nzU++Bpv/ZdOAmAYhVftljilalDFMlLQNTtLFOg+pZXmDjae03EwMCvZybrq5\nzTduaHgtdf26CzOmAZOuJhqPcIVSd1eygKAL9FbNWoTLPkw32lEDqPEXwDMM\nbW6eJN4bYjlXcfMNAF8d8dlu6Ku6+Th88AO8HWDpz7n1+YZt89jXaW4M6x/G\nggPIuAMZVoIA6gxt6nPtLAW4J1SoVGaRPDArGbTawVt/sS2kmIwxWWrxE1zC\nuWl0vY8fUjztVIhkkQtl/+J5X9IpuwV1W0BKshLpCVHBXUJnmtIjYjo3gbNN\nxLlb\r\n=k3qn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.9.0-alpha.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.9.0-alpha.0_1589311831556_0.648822051571607","host":"s3://npm-registry-packages"}},"3.8.1":{"name":"@aofl/select","version":"3.8.1","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"13e35ca8e78a20070ff58cea6dddff8790f3aea1","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.8.1.tgz","fileCount":12,"integrity":"sha512-HEmcvNwMbMZHc8nabzSS4+78Ae5XEz4F/1omFRI0y3rYHVnVKVb0bM0K+30yCO4jzCFKiwuaunszDSYs/7tnxQ==","signatures":[{"sig":"MEUCIGMgCEeup6a0JIGxjHZ4JQA08IcIc2ppcA3jKaNvFfIoAiEAyiB85V1+hLo9j17KEXYO+6cispVzckiZv3/nG5RDcT8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuvvfCRA9TVsSAnZWagAAHA0P/1tFECTLxCduZy4PdBd1\n7fuh9zCvaS9aj9yerzHIhXdb20kt3Xvd3Kmvh3Dw3MsHpoHG3K9FfrXtqIab\nZLzHjeSqLe7RHp1HRLBAIDJ5bOE4Q1qbr0APGg8SpFnkMjr0+tYduhA35caB\nB/cY3cJQwtfzEEo96ImP6bNK3s0i860w8NTy/k0Z+BOu6J7f9tYYZ2VO97gZ\ndQSe/xRjEDYmwZEEBqDO7/KWgCGd0HtcR/29CEa77xFmF232XXeLcMzyzQIa\n2Xl+8S+c35LA1Q9l8v/hGwJqrzb6UxoEC8OZngcHpbxtU4Xgaa8ql4PZLbQz\nizJFXGbLY96OiCBWfRZfPwNEmw47tc8KRBzqmydyDRYKK0oHnKhE/z7rXMi4\neUXM3U5ezwHArM1hEERdluZXWXu2FczFtN/ez7Bi01f2Pfr+TZP0MlHS2fHC\noCOkBnoMBeVyhZ3+sc6zrKEpyrRgk7k81N9cmlxxVTRnUgs3N2NDbX0/4c1y\nPIx1Tw1CoUAMbh828APaaJLhC34VS3X5+OfTnDPXhFgumAuTabYak3t6ixD/\nKeGBcZRuuWfQyfyH6Sq/80CjuQ464b1hULYd/RaWfSPgN2t2yY8k2i6XQ3JN\n4Ank2h87G1v+Zx9+A6IAO+vygNRjTcu6Wqd7tDCEzYwprEE0cT5l/JIq5jWR\n28Ll\r\n=1v8T\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.8.1"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.8.1_1589312479426_0.5064829401691924","host":"s3://npm-registry-packages"}},"3.9.0":{"name":"@aofl/select","version":"3.9.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"f6dd48a89485cd81d865f6a5824a4d7a1ae0bd71","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.9.0.tgz","fileCount":12,"integrity":"sha512-N04UBgDoMz9KmBOjSe9tbvIsOKTEc1+ZQsBcxtN6Hp0Xn4pdE3ss527ZcIkztSFPsaaBnulwzC7lrgeBzGJkGw==","signatures":[{"sig":"MEYCIQCas1/UBzQ8mWYKzGeVPR0NOnaBuObw57R9nMF6JNx3cwIhALIE5TRdVNgiQKulli6/NKHBRz0vkBw2jIt5OVEf6rZ+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevthRCRA9TVsSAnZWagAA4b4P/iNq5l6asS53PSTnqbOe\ntaakiKhKf2WuNBDVguvbo3Vpkr2o1w2lCg43z4EHEBeJFO8TfVxxXxoe3eoc\nJDK5fTGnoNW+EgdL6Ic08SD1WFGxR1fFU1JCthV4wJWdWKF/E231JWnvDlSG\nwbGv00qTITrkyxO8wnidbP4IYrcJQL/1j+F1bggNYaJL/nerua6NG4jtG/jb\n+d1c5tY2QmwEWqPBF4QpGkwd7gxLTQAaAbCi2VpQ/Vf0zlzOByDAffYmGuRy\nDQH+rChT9guFq83a7IrbsSyDkhI4ZXqweA5NjgtTsa7eKuCW0XlKd9OpoOHP\nUb3XHueYWJ2KNNUWKbD9moc5qFw0x6fkUYSMzHAlt+cTztAoBFNUNvh3BEGe\n82KEIAradAOJxNJm2c2Oh01Sb5e/3sPcb5JLWnU7BmaET6SpYuV8mYzTAgBL\noIh7R63OFQk2/1lfxN5dhuJPu5Eq9qdb9fGxy0Mrf+N5/D21Js6RHcMiA009\npAbNb+AV1vGXut9sd9l00M6/Qm1KkuTNeBUsaGXJSQQzfsp5QnagaMZb7vkv\ngG5iL2CiL13Ui+zVy941BRPRdPCXJTdimnzpPgVZkZeKGC+vJQQjzo2eIPpa\nyWUyV9p2sODIyxn/cnjXzHyd136vMFkfPW0ejq0hRowZd0iw/D63WGykHlAs\nD//x\r\n=sCKe\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.9.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.9.0_1589565521193_0.7553924231331033","host":"s3://npm-registry-packages"}},"3.10.0":{"name":"@aofl/select","version":"3.10.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"252eeecdab6add34cdb9a7f9b367d732134b6be9","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.10.0.tgz","fileCount":12,"integrity":"sha512-n6N+fCaC1qR0XITx3QmY6eCPx99Aiic1RXb7HjEup8aOC3W+Aoo2mE/Nca85rrPw6utLZlpZeJSekzkQMY8+4g==","signatures":[{"sig":"MEYCIQD28wGzB4UbyOUIVVQhGvQOvgbcKwDOjQ0XuAcN7K77QAIhAP8bM4WKGZvnAg0ddjK04p3JNP7+HGlGP99r2mrl3KeK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54735,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevwaPCRA9TVsSAnZWagAAXYkP/AvZj3qFj9iEdjcAgjgM\nkisYtgp2Fdc4rb0Ukh9HQE2umlfh7NvRwNer6XDRf7wIQLu8QfXY1uLCIWjV\nveuIlMHNF7NtvZC7ncBG0N0sJ84e9pSP2Xqi+Q4i9wFB8BtCY5avYUVb/JoV\nHAZoC+rE8x34pLmJNFdG6j8GO0/K/xd0+4vajBTyUD/vDHpdL+Za59MzsCy8\nwKuBQTF++3XAY1u6Y4LNPSL92UpRPn9UlaPPIvtvfLM9rKuKg4Z5gtIlQKni\nr3+85MiadoVucgeZAovp5mebKNfeuFIZ2j9xth0BFu2KhtvXXW5JXbnYl2a3\nmDmvMFMI/eaSSpBn0n+4gGzbQnxy821ONIsC7weA13n+9Ht3+Benin/3LzZt\nxNRsdhbK4K3opkG79XzvRX3iqyHIjNW0lbUQr9UjLNyWKnj06+8J6JlQmAxx\nTIuqfJpkRMYIqaTSr7CDXIohoaE9IxUSVFpvooYTxGE4m/FtNat8Dm9OKbt1\nD7JFgJVxxT+VI8HgKiNV59BGMU+FBqAUTc35jgwirtBL91mYQHFxGWbbdXM3\npQYI8teOYQaYwFX+MN2i0A6pf5BruPgS6V7ejFByPcwikre2Q9Vpg9GnxEGI\nOrKrlXdOrUKRI4nSLSEBt+t9CTjkoQPNYx/5k2SJ9cZ1c/GyopcRaPxNOsxq\nGvhl\r\n=hV+Z\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.10.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.10.0_1589577359401_0.8862473726819544","host":"s3://npm-registry-packages"}},"3.12.0":{"name":"@aofl/select","version":"3.12.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"9ec5307471836507cceb23a8230aecb1214fe9ad","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.12.0.tgz","fileCount":12,"integrity":"sha512-AwKynb3DJ1xdOoBh8KdgKyFK7CIhAabJrmiDvahTEm6AWNOxh9iCLhHP5NP5UFbm2d/AnP7HmRYjTrBuOmhCew==","signatures":[{"sig":"MEUCIQDpifBE5h+krWll6+lssHK3J0noHLT2GiYCJQHck9rI+gIgKIKvN6bA6K82FOHtRMmpWfA62N+gwv/Xz24qZiounQ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54735,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB3MLCRA9TVsSAnZWagAAm/kP/icy7Jkv+YMHWM9VV7uA\nUdmmYXByw7Vtfx2Co4sPRYOm0OOuchVAHMIadQLyzCSv/dIjB5yPlTmI2y6e\n1CV5irKMrB4aZ74rJ3ocaDphFEJ1lQDOWCogLGUPrCt23kccnWVz4fAmzsnj\n+4hg7PopB5xs/FPUQdZqCM43PzCSs26Kx4GpMuuJJAMnYq3UYF2LvHQp18/A\nMh8Lxlju2R9IFoY3MvdbBxujMeyheefTDPhDyFzV9sNIp7qUMhEWyOsguRd7\n5Y3LW6O3dF0klve/iZIh9KqGJ9sTSgDv6B9ZN/xASozy74osGjgUdoP4lp9r\nGeV+mDcLwsAcdVCpL20aTfYZbkLhqNqvGsNn75gMHISU1uZ3ZguJWYNn9u3e\nK2bQbI28ZiF2XTHWEwPyfnohkxTls3u1J5/yik3Cpx49MWJ224TPCwugPADn\njbibLWEfs0qCJdMq9X8TxSFkKnhJ7t9py2kBnDcxdDwWHlvjryZqLTP45I8B\niEUR0ocTsaN8KMZFC+I7Js4GUFHSJxSawRi8cznANxf32vk/RAYs7hO1sw3W\n3NN0O89oLsQQ0w0xKhwITQrMN+cJxulAbbG//VB/U4VNCA3TayQw2/h4wnhS\n2e8qip4nsF/FHl78SbDb55jj2HlJ+Y4SPLq3Vkyb7PbqNoWryH6RWzW3WPXg\nqLPK\r\n=gc64\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.12.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.12.0_1611100939097_0.8189475650129949","host":"s3://npm-registry-packages"}},"3.12.1":{"name":"@aofl/select","version":"3.12.1","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"e7531485c3a9dc1ba45142c85fbbd795ed1a9c4f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.12.1.tgz","fileCount":12,"integrity":"sha512-Bj9M8rIV/tgA4c10AErA0VcXyQvbkUvEJIk/+ZBbcarRbEXmunrLZ92QuX9Ukz4MZ+7JcTQbKUTBBfMREeWdSg==","signatures":[{"sig":"MEYCIQCWQ2IZ6LiMIV8VVMDPnFCsHTyyNu+6Dkj4y2QrQatjCgIhANvMyYLzTlNCh3XfsWQUIfc50rqeitCSzoGlsXlZ0dzQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54735,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB3WcCRA9TVsSAnZWagAAlD8P/2HOwx7R0QMGLAJY83c1\n20oMXS2//bbDxccU7pj98gaUT9YaCjjnkBdbNoVo0QFV3v9Rf/i4NsxgsrWY\nGiT9ChnarpZMl6Hu4sjdYiJ3Wgy+l+3opV/jvvMQDxIRp2TfyWjIUB8Dj0Gp\nvcH3gnt6+CEqoZbkq0kY7MG8CuLUFFl5k/BH/IZ4H6mkz+Trm3in6yPCU0Xd\nstOZAwYkVz4bZNyXx03qZAhUSkQ984S00TZF1q9oNBZCh5xC/7RPn5yBEuIW\ne5CTLShDAmDHXdhDJx3XuZZPNC4oJyzS+zsOAR+hV/Pg2hg8lFXELzFlgi47\namv+TldvcFvEMuZqTWo8GZZAZ6VMop3lmK2ituTdFrGiad0CqTbr63TnOV+e\nNqPB8h+69pMBm1iaFn0Cb/FZH+60eLyBy+P2b9L9+CWTxZeqYtpqr4yaQZsn\ni845x3YN8dOf0DlpQ9JxDu9Hoe2qH/BtUn2UkTRQIY1fwupGv7g+YAQZUydu\nRr4rtxQMhk00rqEMxTUNEPaAh6H88eBVAZyD9+h0awOVkH+vOm4KF0NurPuR\nEwYAegQI0zfv+cUdin6kFE5sj+u8lYkGaQpVQSZLxVwE7PXr0ThblgxXHSwF\nerSMxtKk7XNm2dCDfGCYHIsYqtFiuJ6a48YwOtJTya5kmp4UXdLuD+gRj7LD\nS2BH\r\n=E7+k\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.12.1"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.12.1_1611101596176_0.3687366186939749","host":"s3://npm-registry-packages"}},"4.0.0-alpha.9":{"name":"@aofl/select","version":"4.0.0-alpha.9","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"a00ee8b7a48e4251752ae7b4f0f418ec91003419","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.9.tgz","fileCount":14,"integrity":"sha512-ug/K1CJ8PgcLcOtWLpEP8TkZBg/SfXRZjluGOZA3CDC8LQuXyBA7KwJU5EZq9EIXc4ZkVjh1CCqbH9thIQVjrQ==","signatures":[{"sig":"MEYCIQCfoujeWqXF4dnD3Qav1m1myt+oyveQL1tSizPXxUlcPQIhAKQyLf5XZOMQXnQgX/90YPmBqTkPNXBzXxjwg5nRaAOt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgD1CRA9TVsSAnZWagAAeB4QAIKvVuB1o0758XXQwTYh\nKtFINdr6ZPEgzLdwpK9MsP11CsOmTdsrvOkgbjmO2Re1Hb5IA2JnXYoDyY0R\nxvx90RjBCFmyBdwPycI9TzFsVS8l1UlhKcZpdJ14zCy/S03LJ10YPtlmhbEb\nZma99zwOwtSvt6zE3Xs5xM07ih1FmL4ywahf2apxWrGRpXNVL66fJq2r3yMn\nVyYo74JCq+LLyn8fZgQJSH958PbbjwcrtlIXa4/uAXNzVAKUS37+z/w/wC9c\nkKrJ5O6dq2mj5IF2SzJ6C8cdgmxfUdf6sZbXrvoTtSIEZlASD/ncizt17j2b\nW7CMIvS5QupOWUyPOuG+8+ZcYg/W2R3qVGA8f7PWCm7Gxcnhrk3cAIAi6pmg\nEnYb2ewPJN8hq+TQBH2YQM4A2fUlyoowFe3EmQB7UDEJZ//RjtWYI6JaLcXV\nDotVq2uqMr4rraOYVEHCspDdEpV10hujUU3353tuWAH/HE8mDUM6BsHaekxK\nlI4Ae9IGE73ICQyFpJATfRSg3letqMCpghRSpZflb3hW9A9doGiScwWBwHQJ\n+hS6o3k6dIZjWCJlkJnfwRIG7rfhpUzXkn6pOPMMngE//IRvwvpiQm6T3KpR\nFDGkeybazAAyD3TahGO+Ao+CeHJOChybvyB8oDAU/hzrWTBiplfhbva58yIC\nyvhN\r\n=Bg5B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.9"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 5.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.9_1612316917438_0.38168263939286917","host":"s3://npm-registry-packages"}},"4.0.0-alpha.10":{"name":"@aofl/select","version":"4.0.0-alpha.10","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"17f6ae7e48894d6a8d2bb358f2ba6251de761f7f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.10.tgz","fileCount":14,"integrity":"sha512-GOdbRBTfe/WF0ZjEJDOEEpAi0DxGt5JHdCEjSwDA1kQel+bPnKUU6qTOYVDmHKyqZ1y1GbH/ViEyk1fqojkceg==","signatures":[{"sig":"MEYCIQCdHOt0yFWdpGJlSJDGj1S44nr9I2epvifJ0tPlVPxaVQIhAIbmPqr+g/RfWSm0kiSpoPeq7Y19rL/lkY+MVUcerKhy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgLbCRA9TVsSAnZWagAAzT4P/2ZsmgLBAL/ljvY3y3AI\nVwC8Zd8uqAsfqAWm9qcdhimkHX8ITF2C/j3nEVomu3KIPmNOyS+eUypp7jwc\nJanpeuTv2HUQmMo2bcE5bHIUBWGk4eX3joOgFgUQHl8dHT8PNnDigaCLew/8\nSXHhwC+Q5BepRGooC3aqTiSX6vkPxWjOGKJhTw4B71QlbPyMlYcm9zc0siTp\n8c6Kcwdka7bFrgWzQSeSvCSGdrbfAjEn6wjL0pWvqAaXkBDWhqJ+ws/cqMHu\nZ+rBPVz4dPTlmu+0q4sj4eEjSyQCxyfWVSEUCWB0mh9z2gKgTxBIa/0TJ3Qi\nq1uWKSi+QzTJfhadOd7Yyzf8YKuTa3VPa0N6lhZA43nlSWcrwev5TGO8RXcW\ndyoy9VHpANX1NzboIJA3/C2+zQGTm40cPjY58xEyR9+RIa4ckFqzr3KFkB9j\nC1CwQp6/ws9TqBx1ncOIxn80IykTemxWvS+beUClz0qY/ezzeptLfvoRkIbE\n5M5B5mk9jdgJh3xMbDN2pGO6Yc95jlAY6hnOB/nuRYL9x/7G1pwi+bFBv8/J\nujNxIqGVFMvABtHpizZuYYN2rlY4E5+E5G94I9ruFVyUe5rVBpR0CgVzU+Zu\ntYT6DK0Prx5mmE9ED2JOA1NRX+I1sY8qwfH+XAJXHhFeQ+nEJSzKTIogm3lm\nYUmX\r\n=RXQr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.10"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.10_1612317403358_0.1069792925118771","host":"s3://npm-registry-packages"}},"4.0.0-alpha.11":{"name":"@aofl/select","version":"4.0.0-alpha.11","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"b9ab495942647d19743ca4cee4b03c879336dd65","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.11.tgz","fileCount":14,"integrity":"sha512-AZAA8KjpPQQTBtzDGEuv0nn7F4KBqwvDlctYu9Xo2M3PXkRzkgTIb8/GVfDHp29kD3C5qA/2mwz5b2r98mvYHw==","signatures":[{"sig":"MEUCIAiYZnu1+QEkmXQIov/7IVqEoRBVSvY074Dv/bd6yS/dAiEA5lcSBlvx8xx8zdLH7P5mBdd8lUd1rzfCE6Sq3sdB5RE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgluCRA9TVsSAnZWagAAcpMP+wW7ofbLJEAsK0znLg99\nhJ3ysfXggLyw8V4TovlnxfsWDN+NdVQM6PgtnYMbB1jVh4Bdf2g5aBm9qfO0\nr6pNd50JK+k7eSPfzwgeqWHmlYlVYHTmKsZvuRtWhMa/i5sBzPmXU7ac78xI\nfMSKW4zkNxZMYHqcZyBXuCZHy73FqorA77YPd7DaRfNG6dyK+IgoRN50ufZj\n96F61jsU4TgLmp+fPu4QXHG0okiqsDuFYi5PXSoNfSxhlWOkUbefsH7N8HF5\nc777M1aVaKoYq+GHaDfjVZDYvVwD3nxzWy/+cS6pCB6qS+vD7HgPprOPeUrp\nr/rzmgqp7oAiMM3hZovOd1K23Tg/DvwRJM9WDdigHvpdjDzyCARNLkYwfRPf\nvVyJA9Ju6Z0mmKd23YI3GHkdiLLXQJDysBmpaVh3ogDxshwxVk++j63e9wX+\nSQbzUm7WrQJZMe3P809iT4DwiUUveNMn8J6MsRKkGF3hqVTypCpwnHVntpRa\nqeH95sLhUA/awZTSqa7SmK1Fe00BwYoyEomVDviFGWL0a3gDrTU5QQW+xNAx\nJmQHPcTohNptobWupAg9fmMYTXK7uEQEqMgGHGegZ308sI7lRTg6SfLxYJwq\nNkQ7JeG3lYau+69WBLks5lqXYbIOxedpu41WnSsqUelY5uApYfSTn84AltLL\nov8s\r\n=dWOx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.11"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.11_1612319085971_0.12909064523958658","host":"s3://npm-registry-packages"}},"3.13.0":{"name":"@aofl/select","version":"3.13.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"90888bffd9a4bdb2020cbe0e37f4f44be9c7ce3d","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.13.0.tgz","fileCount":12,"integrity":"sha512-cPWeioeR3GVeiCX3Fa3Q9hTTmc6+legRywn/fpd7ek4u7Lyju6O3enm95ygTqTqC2kTDj+4UtsX4SqGIpu+wlw==","signatures":[{"sig":"MEUCIF/ldmuBM6b34iP+RsrM2k8tu602FAbzQsozIjBXGEh5AiEA6GPWc0nJSECWT+nr/iSh+7SjujUjn8yWsMU/q0YYb0s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgODZBCRA9TVsSAnZWagAAtxYP/jqo5rHiGNKuAezTHib0\nFRMvWbK6X8IyFm3re3bG5N4tsGaGnitVoRXNDc/8d/5GTEaG+J71BfeRcsMQ\nC3c3aqOippIA74oPdpo+8YfQFHqxRvadvIhW0YZvg04IUoXTWJdf9jvtPWe6\nr34YqF+Az0/1rGSVGHekjxyyV1ZjJMFPD47nofgZhGtSMyrMesu0Hx66zizi\nnEmfP29SQgcGo7rQquvB6Q+F7PtAEtbdAZHkXNIBPJNUg7eGy+VIU1BTaGB5\nL2FZPn6bZEnsi6RzOQTALnm29Pm3nih8hon0tb/mf5jABPwlj7mdirV4lfEU\nlUIdbbXK14qcv9bdSmft+zCkYLz/LdkCDMU8j3CBlJB3JmxiFLcguVuGOcyg\nrnrL9LqKZ7JEvCX0olRQKHMCeShJ0q4bHIiPiuALagskIphs2Za4J/EZG5vE\nbm0HgA+OdhjkEvtg5wC+GMroIs0ILelvfXZ0O107TTV+tHxJSKTslfWYXLvN\ng/GU84iveaIOYk3bEkRHMx+AGI4m1u+agIRliU8v+kRbhXfQOQnt1cDlP3zb\nK58UZEG+E2CYqgw/j6bBb1aiGZe4ls05DG8PxveDjwXnCpTZzJUAcKO4AITl\nhDq/P/WLkYH66hgdmggXlo/86I6L85QxHhlUxd+0MTlmVfjm6BIbxcX4+oYT\nypJ7\r\n=TkZ7\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.13.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.13.0_1614296641547_0.461064727019207","host":"s3://npm-registry-packages"}},"3.13.1":{"name":"@aofl/select","version":"3.13.1","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"8b8a7aa85e4fa6b5a28bb7be925144e0f25d7dac","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.13.1.tgz","fileCount":12,"integrity":"sha512-DePTGMU37OLRO0PCRz15aZbHctEcLoPzgpe8kZzS2OhntpO+ZS7ATfhQqecIQtUo5JV7NJjoKQ2y+fqnte9ijQ==","signatures":[{"sig":"MEUCIQCGpqo9NXs+fYCqW70brlBrE+6uTUc/zIzNL3QUNcA7BwIgUfzyXPiY6x4+LBEUcNU3aW5KSeRMm1H9JnAAB46LP14=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh11rCCRA9TVsSAnZWagAA82cP/iRux6cAVFe/CCJmH4h0\n+Mrk7SFcA5viu+OGwtedrP1LSTcNspW5K7IkJqX1xEZhNcbUtxnXy0zs8nqa\nXiNJ1yrur2di81ceBGi6c3xXNT19qSdC8SVkCqLp01vDmvjWtDCBSNUdsnS2\np0cHtM/DFMC+AwPwoH0JSU51o/mlnb/+GGkGZ5jNsplXhi2JZbJvR/PXTL4P\nN1OzAggDeQqIwiLvB3X5F2hOtzVitqW0kXJIHfUgSKG/bOhvvl3shuewK1AC\nFZpyOcT9luS7lczW1ymLUMUKp2oONZebTdZwS1KuuLSRx4UWa5riwnV79mwg\no9i/7sR5LxVZ8kVv06O2oHFc3xUPTvxvA78Y4J7xhCJClA/NYmhVR475LIfo\nWnWdt2HcIc+9A/MVJ04i0cUx9GMHKIX0pp4t402W+2a+kcW+DIiQuzYY2Qw8\nG6YSBSpJprq/IwIHHN4K/tlHumsq7tST4eAhhWhpw3DAbnHzFtrpjJM0d4zc\nrMvi/RjOcQjiGdF3XIivVwPxEW/JP5kdAIW00Q0cHfBMTiSvOVSh3TM2WvyU\nhjN5R5lglAZwjmJe8rr4R8ArV3oE1iPM21ceFkkjXgZrcQZQLEl2C4rsRtbi\nRItILLHTdVBV2Y9TFb/1ErgkgYrMV/t/MQ13YslcXJQTq/4j7om1zh1T8815\n24B4\r\n=htuP\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.13.1"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.13.1_1623800951583_0.42289670337874163","host":"s3://npm-registry-packages"}},"4.0.0-alpha.13":{"name":"@aofl/select","version":"4.0.0-alpha.13","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"bbf7692136f045e7687e2624be7b2463a27da7f8","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.13.tgz","fileCount":14,"integrity":"sha512-16lo2LDz2pGDkj/YEiZGBMHvC6HRBjlUUCfhhF6YSF88ypyL+DbCvCeVtGptXcOOdUWppg91nHrQkKiKdCvceQ==","signatures":[{"sig":"MEMCH3dkN9plYrh75hHXdewQrqgP3JSOnaMy5x+S55BorwkCIFleN8lzuIzaGckqoxNywc0JDQRJTaScZU9sjAkWF8fx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57227},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.13"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.13_1632439951419_0.8457740990193281","host":"s3://npm-registry-packages"}},"4.0.0-alpha.15":{"name":"@aofl/select","version":"4.0.0-alpha.15","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"75c3681a09b5130764000fb225fd262d541942e5","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.15.tgz","fileCount":14,"integrity":"sha512-3JGGlD7VZDW7IqcaxD6iqiS8e4L3IwjEpDIqnXB/ZkR+AhY+HPCInGUvBgnf32PKrTpp38i8wjxkuuJSf+el7Q==","signatures":[{"sig":"MEUCIDUUdDP36wRp4d7twLhzfqVBK76Z/wDVne1BuNBCtt7xAiEAtSwGfXG5Jo7cNNxhKQbyzmEvBbSl6vBGDhIAwgP9/M8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56880},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"7b448cf64b30502883b3422662a9480ea25f2d60","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.15"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.15_1633539841222_0.023009343993862785","host":"s3://npm-registry-packages"}},"4.0.0-alpha.16":{"name":"@aofl/select","version":"4.0.0-alpha.16","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"b7c8d434c3f506e8c1608edabb9ca99df0ff2b18","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.16.tgz","fileCount":14,"integrity":"sha512-QuHHkEwbu/7pqgepv8xluOhO2kMslftc04VMLgOqrqiKAleTB3hpXorHPXtR+oIRQ0GQCsMkIoeCJvSp2p/JSA==","signatures":[{"sig":"MEQCIG/Cf4S5HHfv9BZOAg2CyJw2K7R8zJHxyl6h8tKRb/ioAiBatQ/Gp1I22o6wQubJdYz5l8Tt7+vnlqstH43u4WS6+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56877},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"7b448cf64b30502883b3422662a9480ea25f2d60","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.16"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.16_1633539916117_0.569133455379025","host":"s3://npm-registry-packages"}},"4.0.0-alpha.17":{"name":"@aofl/select","version":"4.0.0-alpha.17","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"f0c0937eb29a46550c413389eb281c9185789560","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.17.tgz","fileCount":14,"integrity":"sha512-amDv/DnNF3UJ4pqBarHRHYnMV00I+V4elNrYMNqUkGGXYNPlzxg2H3Lkjin2sAH7TyULAaf9/T/XTvoVZX7yrg==","signatures":[{"sig":"MEQCIB0+4cqgo8zAp9zWboBqqEXNTgsk8wyDmQDBDNsOmhVIAiBZfPpCYSxZ5yNVjGbM2g6NO3auX4KHRHmIV92FvL8E3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56877},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"c7b3ad6feb17eaf3721a5528e86a31ddfb350ef3","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.17"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.17_1633546059633_0.2672894144506486","host":"s3://npm-registry-packages"}},"4.0.0-alpha.18":{"name":"@aofl/select","version":"4.0.0-alpha.18","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"5fe848e21beedbe9fae853800b5905929373b115","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.18.tgz","fileCount":14,"integrity":"sha512-xwjwrJvNAg+rnW56ohmicmQKdrswsPGDqF7jJ+MJnZICXUMgAbZk2yRTcucR5kkYsG8/Dhhz9iVRe9YrdepoXQ==","signatures":[{"sig":"MEUCIQD6i6Cs/QfdOgdoejlu6fo6HP16TQK2lr7HJjX0F1OQcQIgSLtJRtAGLTjM8OY4/BkfTf6rvo8DY2/gBEr4i2zHse8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56877},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"3971875a8be8fc1e4ed7f6c737cc9aa1653e049b","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.18"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.18_1633563641960_0.9258873854740319","host":"s3://npm-registry-packages"}},"4.0.0-alpha.19":{"name":"@aofl/select","version":"4.0.0-alpha.19","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"2f82a7b68b64e8c870d6aa6e343d77d541b75aa7","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.19.tgz","fileCount":14,"integrity":"sha512-f5atusEGp0S44tiL1A4uW3bxR4AR5fD90a0o+ba5HC0qpd3N4Hl/sKBu7BQ3+rJeX7unVEaylmlTsV1VKSfP6A==","signatures":[{"sig":"MEUCIFHxahZ3zXcFXRDmc0JvGG8zUqGYhTQtecKnHnArrRnOAiEAqg2VQ9pLNt/G60eN+Ml4qaV2RAcPlNpYbVsurKBNwjI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56877},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"79369e766cd4fe78098059b93d1cbd7bb5dd8830","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.19"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.19_1633564058327_0.7595720717043075","host":"s3://npm-registry-packages"}},"4.0.0-alpha.20":{"name":"@aofl/select","version":"4.0.0-alpha.20","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"a56ceb8c8e020e9e7a558872d6090fc8ab06ad72","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.20.tgz","fileCount":14,"integrity":"sha512-D/vQuah5SsuukoK0PvE8KmKnydV0kEm9Bx2Xh/x+Yo2iruryWrPAakyO/mweH0xmbKFL5MlryjPcVByfN/cOuw==","signatures":[{"sig":"MEQCIG33HlffYLoOHo9Q48LsoOztf01toshLj9ZDu+GgyvtmAiBEl7kwafgoSPYHtBWZcHKpEoBbmwUGsoXK4e145W7dng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56877},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"398f195bda4d61023d6d7889598f5688c276f1bf","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.20"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.20_1633564505411_0.6625038688178624","host":"s3://npm-registry-packages"}},"4.0.0-alpha.21":{"name":"@aofl/select","version":"4.0.0-alpha.21","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"0f4137942347994c7d8e490601d653f54c3cf150","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.21.tgz","fileCount":14,"integrity":"sha512-N9Iw8Mb0ZMF2pqP/SPyyZtYCaOAYjEUtpgYcO9J+Axjfte5YE+uZd5hEuT+VORlOaXJbqNj1bJ+38AqkMWuiYQ==","signatures":[{"sig":"MEQCIFSaaodzBNUW/LVJEHjCC0QdKMB33gTwmNOlOXCbSSw9AiBxJe6lMx3UKJubbhiNGSq//Wsnj65Nt7g+SAx3ZqGVVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56877},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"398f195bda4d61023d6d7889598f5688c276f1bf","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.21"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.21_1633712771817_0.6557580140481907","host":"s3://npm-registry-packages"}},"4.0.0-alpha.22":{"name":"@aofl/select","version":"4.0.0-alpha.22","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"f3885712d6caf0605f1e46b108f3587d0abf1d61","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.22.tgz","fileCount":14,"integrity":"sha512-i0fcE2clvCxUt27OQrjEmPbmRydo5TkOOzlEGbnlHmbL/uvx/9oFp32KCKlK9eSDGt8lA/xp28JfaAzWBiUfLw==","signatures":[{"sig":"MEUCID26ehzOL1aD2p8Haf0jPGvY3EW9K6RbttUk4JsobP7jAiEApLmfHDXmJXyuIMmEZkA6WXCCfo9WHCkPQmhmQvehCz0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"289b7f60d1cd721d68cff783afc623c3f51cc2cf","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.22"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.22_1633984773279_0.8326222498535059","host":"s3://npm-registry-packages"}},"4.0.0-alpha.23":{"name":"@aofl/select","version":"4.0.0-alpha.23","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"e33de032368dd0ded179619b12518fd674902502","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.23.tgz","fileCount":14,"integrity":"sha512-w4BzP5gnH+omnlFXe2cGSR3bd7XliMLTXDUCfPseX48UVIU+WXAE309QdxW5oeIQ/aCKfX3XmM5WsBeTBVcVhw==","signatures":[{"sig":"MEYCIQDX05f1YAWTds4mT+LiflWOThvSMuE6uWXSRF3sGNX1CAIhAK9KY9PwTM4lumKujBP45mTOSqexvaE1v10BUS4e4UYa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"a2829d023883e5cc51126ee549f70629ceae8e8d","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.23"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.23_1633986451743_0.37447060240940555","host":"s3://npm-registry-packages"}},"4.0.0-alpha.24":{"name":"@aofl/select","version":"4.0.0-alpha.24","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"51a0e86eb23ecf18faa0cd9a71e7afbe63b088c1","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.24.tgz","fileCount":14,"integrity":"sha512-MQqMOQq9Kjo7AU80LOzD+qZRqApxm90rb27hIW1agqUOFx5xj6uvSkNVigvMvjmhMWkQKYu0U/UVPyF9qVD0Kg==","signatures":[{"sig":"MEUCIE3WsnADGSnuj45wz0gVedjDQSGijX5PdDFx61xlY614AiEAvEOG74Ee/Be/j7dK8iTweNMuuvscaUZrW4RUxILxwgY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"a2829d023883e5cc51126ee549f70629ceae8e8d","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.24"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.24_1633988823315_0.9946776528611583","host":"s3://npm-registry-packages"}},"4.0.0-alpha.25":{"name":"@aofl/select","version":"4.0.0-alpha.25","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"7dc7ee3b4f40e4c26bcc9cbec3531a5335bedac3","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.25.tgz","fileCount":14,"integrity":"sha512-RWxPtKwjgkoxI4zGo3x+++A8mw+T66uOnXKibV2a+8kdIpKwhZpf9mkfHmeaiZHHyIDmghqAy+eqa2XDdJ0VsA==","signatures":[{"sig":"MEUCIQCheqh+r+7hhHdnAhCMYqvavfXPVedtb/BiCpVp6xrU9AIgbEQtDi1bcW8uV5cLFoZbKmOFpDMMQuUoHICpsg01RjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"8e4d611be609be11acccb9135091aadd10134e8a","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.25"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.25_1634001655119_0.9334763938557054","host":"s3://npm-registry-packages"}},"4.0.0-alpha.26":{"name":"@aofl/select","version":"4.0.0-alpha.26","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"2a47f81714269faee94cd420bce470ab5af2a53c","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.26.tgz","fileCount":14,"integrity":"sha512-o/VuaEaRlYTi9dYfy0/Y4WKPYWV4HhTlqUoGuE+bXTv3LE8PpcjwBKKxTmVL+jy4vrHn1KFjWMvHJmHVwug/Kg==","signatures":[{"sig":"MEYCIQCqGMThG+w0TqrZT4OL+brIitrIWtDDpTbFmNULWi1QHQIhAPG6iGZfHVNW51nKbGZTnTxeUK71R/ZDPZ9oPZZ1B3xL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"bdd06521b3653befa1b4c07318cc120a700672b2","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.26"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.26_1634002490922_0.26888075937774336","host":"s3://npm-registry-packages"}},"4.0.0-alpha.27":{"name":"@aofl/select","version":"4.0.0-alpha.27","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"7206cc68a84c0004aef3cd16a73f2af603e1a812","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.27.tgz","fileCount":14,"integrity":"sha512-pmVrybGJKTE2XR2N3HXc9+2d5Hgd9+VB3tDXiFTtP1XNtwTIbGfAia1jFMYResGyFgVqrgq9120akuV0oPDO1Q==","signatures":[{"sig":"MEUCIQCXlUd84FqBl0IK9lCJhmJHYEUsoB905h7h22JK+EQ/OgIgYX0cz5afS1OM0WukQwXdDj/bFl1/For+59dQSVvsJm8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"bc755f21b39459dc3a8b57ab25075a22313bc107","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.27"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.27_1634152003098_0.765529937859214","host":"s3://npm-registry-packages"}},"4.0.0-alpha.28":{"name":"@aofl/select","version":"4.0.0-alpha.28","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"40d9c1c17da69541fe8604d8da6ae899ab32b3bf","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.28.tgz","fileCount":14,"integrity":"sha512-vU6ivH2NPXOdxISXJN7zRXROwZhPc4+Vqa8j0jwcolQ9CDZ+KDm6hHcShtgOklZzMi4O5DcQ6lierUqVqNsK+w==","signatures":[{"sig":"MEYCIQCDe1FFZIQii2XoQgkyKp5qp8RFWme42lEc+ldR998ymAIhAJ8XYIFNmyE3KxGGJVs/ByE1vh9LL/gNvLxcRkx62GKZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"7dceb248f691c3214f73ba1d048f26b2653bcac1","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.28"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.28_1634163511774_0.10201043003667509","host":"s3://npm-registry-packages"}},"4.0.0-alpha.29":{"name":"@aofl/select","version":"4.0.0-alpha.29","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"1c013be8dd611c24abc9ceed605966fbc9c38c06","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.29.tgz","fileCount":14,"integrity":"sha512-QBsiQg1ZbbQkNtHBKDW3/d9MXhQXhpEUUBahltXR3kczp4F5UOyixK8ir9E8rzoYk/hQ83wmdX0K1nqNKHp6CA==","signatures":[{"sig":"MEQCIGMM8+k5jPkdbNyx275AhAZDwdRwlKk+nxR3p13LuFysAiAsloFSrRFzbjcLQGQG7cJ2PbIBnX9f05sTBaikIluYiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.29"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.29_1634319362901_0.2735375408335037","host":"s3://npm-registry-packages"}},"4.0.0-alpha.30":{"name":"@aofl/select","version":"4.0.0-alpha.30","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"31f788b004324dc1b541c76da856dd90146e339f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.30.tgz","fileCount":14,"integrity":"sha512-NOMGB5oLAdglj3dmjs+OQ+VjjtTrmQb75hHQ7ojjKh92q1ST22FXj81nvVh07B7Yr2YVUl1BYlJf7kfJ1Intgg==","signatures":[{"sig":"MEYCIQCHe1fSHQ5AS5jxcxo9DbyUe9s4YNu+TE8zbQdMh1nNhAIhAL9yfvY/OFxXW2O8B+umtPUPWydEWjofVlglPGM6VCzp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"13ed83fe4429533b22fd669328dd6c8829dffec0","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.30"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.30_1634323870023_0.7157154478729431","host":"s3://npm-registry-packages"}},"4.0.0-alpha.31":{"name":"@aofl/select","version":"4.0.0-alpha.31","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"00346d502b445805b49fd4933ed0faf47f80f6b7","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.31.tgz","fileCount":14,"integrity":"sha512-TS1Ywsyde+eu0c2+fPPK4g0U6MF9z/VknBng8AiDIWJP3vAb6qQv9tsZzPUuOsKJKnRmmxkdwOoMaWRWvTmJ/Q==","signatures":[{"sig":"MEYCIQDGwhaS21KfXLwr29bCdF6Ui5Ux1xHzHByoEzfumLMA3gIhAOOXXFv4tiMso9IJk8kL1qz++Df1eZaIhVGgy93B2dYg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"5bc1713dfbc60e5029713b6ad88a4a9fd46d3413","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.31"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.31_1634324133642_0.5062362966876379","host":"s3://npm-registry-packages"}},"4.0.0-alpha.32":{"name":"@aofl/select","version":"4.0.0-alpha.32","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"e05cc75365f39e994a834a259797c02a1c9a90da","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.32.tgz","fileCount":14,"integrity":"sha512-6vsL5gSiOgAsB0/m/y9SCa8NHMKnw8ZSTLb/HV0nJvS7scj1x3M13v4fyY+IHc1A7zl92fjXp2lu1Ib+uC2VMg==","signatures":[{"sig":"MEQCIAg5MMnZgfhZ/pT3/o8yhVF72S3HdPRyj75UP76pXz39AiAQ0v1ViFiwnNmz31SafcIYnGmGGNTqA/4Ul5yhcC++Xw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"77786a7e5219aff408e59d051e8380ca1a63021d","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.32"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.32_1634326795554_0.5524416067214213","host":"s3://npm-registry-packages"}},"4.0.0-alpha.33":{"name":"@aofl/select","version":"4.0.0-alpha.33","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"736d0782c12f9b3259928a6399b3fa3f8f011ae6","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.33.tgz","fileCount":14,"integrity":"sha512-PV7rKn8E32eL0SQ78oFPeBWv05GeiBhoFpwqkSX/BA0xqjLNTz2Mf+piw4sj5IMfRUWVxiobNZc+PQ07IjT4Xw==","signatures":[{"sig":"MEYCIQCrMIXeGcs/NAZmerEOfotxm6gHRXAPAXL4Ay8hdQlfnAIhAO0UCMSWuCJAKn4tk1FfKgSGLSEouzv3Db3DNHfIbISm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"41b432602965620ce989f21e02748f53f69f7ea5","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.33"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.33_1634326994821_0.36950250282113406","host":"s3://npm-registry-packages"}},"4.0.0-alpha.34":{"name":"@aofl/select","version":"4.0.0-alpha.34","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"3accfbadb19db30b56754ea3395c9e3dbc3e131d","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.34.tgz","fileCount":14,"integrity":"sha512-bZQIkm4UVbVq0Mle7amVLjkpBc6S4E8Om3iNnViRQ5ylNC/WoLp8diLo5qmgQxovsVV5+yVxYwL7z+le6fNYqA==","signatures":[{"sig":"MEQCIG2bBDQ8cDJY7ElDfGKgvZ5GS8CYfr8bmJvuZ7IuqHERAiAZudK/0FsKY/hRweCZNOvgrs7QXnApL1U+cI91zeYH9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"1b993e65b04444692f40eaecfc3dfbb29d50d98b","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.34"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.34_1634327600673_0.14140046351803393","host":"s3://npm-registry-packages"}},"4.0.0-alpha.35":{"name":"@aofl/select","version":"4.0.0-alpha.35","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"1d23b64de8fe43deb3a58c42778190cfb1ef3752","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.35.tgz","fileCount":14,"integrity":"sha512-ut1Hl0MmGm9JGdDOufhRqhME6Z2zqfaNfLRoEqBFIqLUcXPj5YCDckZ+OPPd2JzAs9hJq6BcIbE46nJhXCuuHw==","signatures":[{"sig":"MEUCIAHv8CG143wNvAFBkBUaGVBuPPryAGUgNZRiTR6PAw49AiEA3GfBbigFnbn0yQEUOIyhGR/9NLJtE+YdVNIgAuuXKbc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"5a6a7f303fc21acc73b55413f38f534ed4bfb714","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.35"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.35_1634328026085_0.8278422159228387","host":"s3://npm-registry-packages"}},"4.0.0-alpha.36":{"name":"@aofl/select","version":"4.0.0-alpha.36","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"fea47e705c1e7cb60346c23b638d74d5056dd34c","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.36.tgz","fileCount":14,"integrity":"sha512-TuSzcQed0zd2reQ0zmbGmWSi0qSlEbHpguP4PyAZU9iitrbTt5ZMPD032FRbpkrwEsuj9feQmppsZQFbmv3Mmg==","signatures":[{"sig":"MEUCIG0UaolnDvBUCcATlU/tAdbnqivSr1HSJsvu92+buj7IAiEAnH55Xqs0sZeGyIdA5POzMmDEeY+BSM1SA6YRV/AVGJQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"24aeaf86244b6f9f352b26d04fd9976f9430bfe7","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.36"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.36_1634328237769_0.8680697363633378","host":"s3://npm-registry-packages"}},"4.0.0-alpha.37":{"name":"@aofl/select","version":"4.0.0-alpha.37","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"f74ff089b4f58d242c0b5dafb2a07f589f07fd0b","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.37.tgz","fileCount":14,"integrity":"sha512-yhgITgk31VXnFHdXWhtEj0+pfViCpNG3/8jKRegGz/YpfYdJe4P2TxRdB1J5TvXkTgfbzc6bcxJ9glj9pPaqKg==","signatures":[{"sig":"MEUCIGuTMY2OuTupShZkHnZ4isEGJ5PMy8iQDRQUaeyC/hdoAiEAp+PY9cGDPt0pXwWA2nZQ+zKRZp3SezaOMyq8gcLmzQ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"d5e9c5a7ef77e315b759fb5bee226aa3bd3aaffb","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.37"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.37_1634328397959_0.5534825196257749","host":"s3://npm-registry-packages"}},"4.0.0-alpha.38":{"name":"@aofl/select","version":"4.0.0-alpha.38","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"754cfd444f17abf6cfc478d734b928cf02d917a1","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.38.tgz","fileCount":14,"integrity":"sha512-i1+W70g+08nDJWl0HUKpIPCrG7QhYsWiXS1r2dWwjyaRpUo28yS3ovigHr6AOSlqTLVk9aPqpwAvIcNyblgxbQ==","signatures":[{"sig":"MEQCIGwqBisD7kk2Ft/AkeXYpjCg2QWX94EoarcQMvZVHs8gAiA10F2etMqPuQskqVC90hAWwLlxDXfzEd2w7Vm08rRSzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"91457836070b2b300b852a461787c56ec880a85d","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.38"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.38_1634330776675_0.9386495917900113","host":"s3://npm-registry-packages"}},"4.0.0-alpha.39":{"name":"@aofl/select","version":"4.0.0-alpha.39","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"ee294c9cabd903aac9707acf981e4663a43539b9","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.39.tgz","fileCount":14,"integrity":"sha512-Cof5Wqm+NVOo9DlmRZus8GeDj9oY/2U9PNVVUF8tm07ncdNUGv2Wgl0/U+mxAnSm2F7jZaKHFo8PVpWxNrhBTg==","signatures":[{"sig":"MEUCIGt9oyRJRcczqVS62vJViCX1oeP79aG/MqBlq5lbVqcPAiEAiK/a+rFnOmGv0MfbEsm+CveGvtPRRp6E6nacaEmNexo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"f4c22e986eb7eb2e564e469dedb36c65858bf5cc","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.39"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.39_1634332213722_0.9292485717233061","host":"s3://npm-registry-packages"}},"4.0.0-alpha.40":{"name":"@aofl/select","version":"4.0.0-alpha.40","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"b37053040dabb4c45d82be66d33cf9716dd74280","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.40.tgz","fileCount":14,"integrity":"sha512-20gd3vmvsyB0TqvXTMRNGsrMwYf4A/0/prCiby7sT4uLLhG+bJSF45pBPv/Qibije7jS03VIbEnqJgpQm7WIYg==","signatures":[{"sig":"MEQCICHJ38mXCmUeWZE9cPdLSj0Y1g2KOu3aVC/5cc6Ycc9OAiB2LrFP4cfwTlJKxjlevHOQB4WIZLotJKfj9kKZP/+JJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"e93b1f585c2cd94383438abd74737a856ca68a77","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.40"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.40_1634332808575_0.37331674365095613","host":"s3://npm-registry-packages"}},"4.0.0-alpha.41":{"name":"@aofl/select","version":"4.0.0-alpha.41","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"60c8f49020def8d927b84d1605d523e5a82fc297","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.41.tgz","fileCount":14,"integrity":"sha512-cF5AZU4uVrqfwkCf30B+d4mOZrcEkU/i7Lsk67u0UE/iW9IPe2sODXq/VsXfpENjMI+hf5WKv6Gv7+IxatWtzA==","signatures":[{"sig":"MEUCIHoaiPxbyfEQBiNF9df+P+HGnVYjBMabCtbEag8rp8S7AiEA31AyZrx9HF2fbNE+VaVpAbcRwyEiLiW1ncwLwwYRe7k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"cbd55bfa3cf5e87bf7b5f27b3d9b6efb34e3ad85","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.41"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.41_1634582074580_0.679202034927123","host":"s3://npm-registry-packages"}},"4.0.0-alpha.42":{"name":"@aofl/select","version":"4.0.0-alpha.42","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"1ea50ff9100a55dcc45d5645104f57dc429c07e3","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.42.tgz","fileCount":14,"integrity":"sha512-oUTvWkbJCkyDvht4jmk2FTlNi9aKmadXTA1QBDL4PPIuiWZzLaODgGSK41H3bd745Rnwb+h/uu3rbHIMlnZ2Bw==","signatures":[{"sig":"MEUCIQCVuNBL0saZS7AViuOm45yXvosOJTInIf3yoqJdvMub5gIgHNkhB0/2Sd2LHzjjZF4hD9AscqRRR07VymM5nr40cl4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"f64d10ec558694ce4c2d4e8b0562d4167f8e28d5","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.42"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.42_1634586044376_0.7150098455230722","host":"s3://npm-registry-packages"}},"4.0.0-alpha.43":{"name":"@aofl/select","version":"4.0.0-alpha.43","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"021952d6107e39bce8a96be6ffb0610c70559368","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.43.tgz","fileCount":14,"integrity":"sha512-gVu6iXFQ6XBoDmg+P8/RAKFo/i+d8aSxlIISI7TCU+PJkE/r39rmWI4LhUt18O8xKfd8Ez8kw8vzqZVQjs3GPQ==","signatures":[{"sig":"MEQCIQDaCk/1dhKf4L/aAyVcUpm43EuMmb5s6dNnbYmdHDy1RAIfZAeVKk/fAV1mYArRwsrDp6FAt9crfskGvjM+CFSQJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","gitHead":"6763365b38cb5be764e669a3b568be9f1cc4cfed","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.43"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.43_1634586295759_0.09594822839056749","host":"s3://npm-registry-packages"}},"4.0.0-alpha.44":{"name":"@aofl/select","version":"4.0.0-alpha.44","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"421cb6e657982cbb38d63d1e6de456be0de1b55f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.44.tgz","fileCount":14,"integrity":"sha512-VB2Nc1asPSNDUn5OQYsO2eYusmu+DYXwM8weofaQ8noVT/S6KZclyLiC4t6zsJgt7MK7d+twKSto1ABoz97rYw==","signatures":[{"sig":"MEQCIDQj4VR32q81rOx4DIQYGBaCYyQTuxOTiMoTsRGoFpsCAiAeXNKq94wW1Jtq5vvipCJV3Y00W8iE69qEgDrbn1NgPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.44"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.44_1635874781661_0.387806134142052","host":"s3://npm-registry-packages"}},"4.0.0-alpha.45":{"name":"@aofl/select","version":"4.0.0-alpha.45","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"3bc9ee1bb8366c5d1da190731a70c22b4a1a550b","tarball":"https://registry.npmjs.org/@aofl/select/-/select-4.0.0-alpha.45.tgz","fileCount":14,"integrity":"sha512-NdvsNhFJ1zJOtJb//nl2RKdm17Ga+ogIvyIdNQTxF8OVpzzjmDVvH+AJOqzSsqFFQU4Aev/tG60uQyqsODBTLg==","signatures":[{"sig":"MEUCIQDqUp0TNiarlsfJE6l5+CpLI7qfbOVNgCRkyD29HxaLUQIgZo0TkacuOwRCqg6FIxzJVe2SuelTEckNYqH+n4N9LJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56841},"main":"index.js","module":"index.js","readme":"# @aofl/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","browser":"dist/index.js","scripts":{},"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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^4.0.0-alpha.45"},"peerDependencies":{"@aofl/element":"^4.0.0-alpha.9","@aofl/component-utils":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/select_4.0.0-alpha.45_1635876961920_0.8881597659218288","host":"s3://npm-registry-packages"}},"3.14.0":{"name":"@aofl/select","version":"3.14.0","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"f8dc0e65ae4b8bdca61942851406153bf4be147f","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.14.0.tgz","fileCount":13,"integrity":"sha512-C67t+XWN/HP85Mwy0+/dSzVcIWsc7cJRu0DyIX8MMNu868V2NRhWyobkaB2+G+FPjoZMtGg6oSMx7S73JLCiDQ==","signatures":[{"sig":"MEUCIQDiTt0BLGNU35rsMBhgkrhHH2KPj/31vQCPw1ca/S2IggIgSgoSlKsPXPvPEuQgvt6LC5xn/FTWiYoBljCIWAgWuNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM8/gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoviw//fUUe0i3j9xEW8MXsSgyh+yswK0Ga7ixAEWGOKmSmOQ9Sudhr\r\n7efmSKUQH2vc2Xu9gu7hv6QCrYZyYaCsWcIgKoeW7H17qG6AaWGzvYys5S97\r\nm7UEBf9nypoG6c+pTkD9RY60THXpavj2CR/5elnejYZYhh5VuTxzAZsJYNOb\r\n3rLGvLWIcQqqxBuKfBz23qxld0g+pLL3Xl+97TZ/lfGsAqEC60e3Be2wznIY\r\n68p/uNMbELox+35wB/YUVf5CTCwnO7+SaJ3JrRNoB0q8dgkybEBa24vmdRYZ\r\no+oTqw8rAEvmgLbEF13EaLbwm57oKN5K1A6l5WwlwTwXCk1ea9/6CMqCoHEi\r\noVLC7YwMrC3Ab2ImHUZm48FqBeG4O/dFPiX5SdSTOJAJYyeWRCg3ecG2zCNt\r\npLOIr6p2gdVJ3FyjZIzowD6VKm5HPOw+n0D1nDP2O5sCSyCwndYmRVojOuaz\r\nnp5aFimLnY4ur82x/+RXucKEbMAUw+DyFrmsFq4tdZlAvDIb/xDh/tGQ0b9b\r\n/QzkWN8GAzm225s1OQKek5wblSvkbHj/y06Wn+RHUw4GgSYPxwr0D2keOihO\r\nG0frIrZEcNVTX0stHs55ti+xb44wKwbaE0wI5Q8ZtK8TZvFPrVuQBXDCAkph\r\nN1XzmrXTFzoIQb4CEwhsAmiP79N+eNavWe8=\r\n=/UQG\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.14.0"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.14.0_1647562719865_0.18429882646078655","host":"s3://npm-registry-packages"}},"3.14.1":{"name":"@aofl/select","version":"3.14.1","keywords":["@aofl/element","web components","select","option","multiselect"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/select@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":"27039ec3c0c35c3c27d17d069a45e005409d4e91","tarball":"https://registry.npmjs.org/@aofl/select/-/select-3.14.1.tgz","fileCount":13,"integrity":"sha512-mJ+uyg3CvRkE6TuiA+OKFJkI5WeXran/8clhopB/hVZt1bOOp06YIF00nh/H1RINTRBsYWUrnmsMeoI562XF2w==","signatures":[{"sig":"MEYCIQDYf9QvMYTGnggYtDlK+229c8GmpuQiy9ndaZjbUcgGggIhAJSnndbxuS8PV26Uj2XS0DyRQ0+XcnukE7ihdMo5ub0f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM9bVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmre+RAAjemw6sKq7z3uOnzU4xnrTVVZ18NEqd/ZwKXakTA8+eJofem+\r\nDpqQVXwfCyWncWBvOg/D6ONv383Kq/ldUnLW2gmb0FAEchDI2+PG0OuIIvs4\r\npJSwC+1V+3+h9ENibxir/vXTBQf4N89SlQLSBzf3uQPS1J8D+kp7cE67l2SN\r\nIpTrGNciAKAclaGf+/Tg4uKeSxJG14p2teNLEK/Xp67vdmryRLDDs0YR8rvp\r\nMgS5q6f1LwgDjbFCyYP7RHCMkdDXhjNMV7uCqkiCBTdyoMgmFvcXai0cil1I\r\nViGUoyH+9Rpq688ap70CeNBA8+3DoCsaOn5vKwwmeKtVeG1f8N8BOj9xQMex\r\nADDmyck5S5ppvalEpFGSYszQ6Wyl0fU3NSCbs3HTWD1CDHhTkeuHbeA6Lf84\r\nLQYweLCJGDsF2OQrS+xHLsjbW9LOmJkYOCwAEqrLk4mnpADsB04dtnzpNDVk\r\n32DzCddWhqY5JUOcI1h3gjz7gguV0Y1z3jm+qO7bdiSpb1aG/EZdf2HtfCh6\r\n6248eu0w4XWzRDLA2WmBDq3rSbV3Z32i81kR1jzapz6FeMuC9rhx39wm7iQi\r\neP8LhooqVM5jiINO4qlGXD3EIpZfNgTzbw1OvkgpNtPF1ts0nZ7b58dy8df5\r\n4HYNyFuIanJI0thuQfG0pQdkmGAMWbq3u48=\r\n=kT4M\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 <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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","@aofl/component-utils":"^3.14.1"},"peerDependencies":{"@aofl/element":">= 3.0.0-beta.5 < 4.0.0","@aofl/component-utils":">= 3.0.0-beta.1 < 4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/select_3.14.1_1647564501353_0.6234480784481466","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-10-06T09:07:14.095Z","modified":"2025-01-18T00:20:59.689Z","3.0.0-beta.3":"2019-10-06T09:07:14.235Z","3.0.0-beta.4":"2019-10-06T09:09:04.443Z","3.0.0-beta.5":"2019-10-06T10:05:13.354Z","3.0.0-beta.6":"2019-10-08T04:49:48.544Z","3.0.0-beta.7":"2019-10-08T05:21:57.225Z","3.0.0-beta.8":"2019-10-08T05:48:25.306Z","3.0.0-beta.9":"2019-10-08T06:11:50.611Z","3.0.0-beta.11":"2019-10-08T09:42:59.748Z","3.0.0-beta.12":"2019-10-08T09:53:51.031Z","3.0.0-beta.13":"2019-10-09T04:13:32.169Z","3.0.0-beta.14":"2019-10-09T04:33:14.255Z","3.0.0-beta.15":"2019-10-09T04:50:51.513Z","3.0.0-beta.16":"2019-10-09T05:06:11.233Z","3.0.0-beta.17":"2019-10-09T05:25:13.142Z","3.0.0-beta.18":"2019-10-09T08:28:40.845Z","3.0.0-beta.19":"2019-10-10T07:55:09.414Z","3.0.0-beta.20":"2019-10-10T09:07:51.947Z","3.0.0-beta.21":"2019-10-10T09:32:09.728Z","3.0.0-beta.22":"2019-10-11T04:40:58.130Z","3.0.0-beta.23":"2019-10-11T05:40:05.916Z","3.0.0-beta.24":"2019-10-11T06:34:58.129Z","3.0.0-beta.25":"2019-10-11T07:34:53.983Z","3.0.0-beta.26":"2019-10-11T07:49:20.795Z","3.0.0-beta.27":"2019-10-11T07:54:07.417Z","3.0.0-beta.28":"2019-10-11T08:01:18.189Z","3.0.0-beta.30":"2019-10-11T22:58:50.791Z","3.0.0-beta.31":"2019-10-11T23:12:56.694Z","3.0.0-beta.32":"2019-10-14T01:10:01.780Z","3.0.0-beta.33":"2019-10-14T02:02:50.115Z","3.0.0-beta.34":"2019-10-14T07:37:04.287Z","3.0.0-beta.35":"2019-10-18T06:59:22.801Z","3.0.0-beta.36":"2019-10-19T10:46:03.094Z","3.0.0-beta.37":"2019-10-24T06:08:03.376Z","3.0.0-beta.38":"2019-10-30T22:52:34.980Z","3.0.0-beta.39":"2019-10-31T01:08:03.847Z","3.0.0-beta.40":"2019-11-11T22:31:26.532Z","3.0.0-beta.41":"2019-11-12T04:55:44.311Z","3.0.0-beta.42":"2019-11-12T05:53:54.046Z","3.0.0-beta.46":"2019-11-14T21:58:26.402Z","3.0.0-beta.47":"2019-11-15T00:48:58.581Z","3.0.0-beta.48":"2019-11-16T23:36:10.291Z","3.0.0-beta.49":"2019-11-17T03:38:02.892Z","3.0.0":"2019-11-17T07:06:16.484Z","3.1.0":"2019-11-22T03:28:26.666Z","3.2.0":"2019-11-24T07:35:04.003Z","3.2.1":"2019-11-24T08:03:57.864Z","3.2.2-alpha.2":"2020-01-14T20:28:05.262Z","3.2.2-alpha.3":"2020-01-14T21:13:29.220Z","3.3.0":"2020-01-22T23:31:42.617Z","3.5.0-beta.1":"2020-02-22T23:27:04.278Z","3.5.0-beta.2":"2020-02-22T23:53:10.625Z","3.5.0-beta.3":"2020-02-23T00:07:54.468Z","3.5.0-beta.4":"2020-02-23T01:58:01.803Z","3.5.0-beta.5":"2020-02-23T03:10:34.725Z","3.5.0-beta.6":"2020-02-23T03:18:17.738Z","3.5.0-beta.7":"2020-02-23T05:06:00.932Z","3.5.0-beta.8":"2020-02-23T05:09:13.357Z","3.5.0-beta.9":"2020-02-23T05:33:37.487Z","3.5.0-beta.10":"2020-02-23T05:51:00.056Z","3.5.0-beta.11":"2020-02-23T07:37:43.056Z","3.5.0-beta.12":"2020-02-23T09:00:40.053Z","3.5.0-beta.13":"2020-02-23T09:02:35.784Z","3.5.0-beta.14":"2020-02-23T10:00:39.144Z","3.5.0-beta.15":"2020-02-23T11:49:47.183Z","3.5.0-beta.16":"2020-02-23T11:59:24.356Z","3.5.0-beta.17":"2020-02-23T12:14:59.052Z","3.5.0-beta.18":"2020-02-25T04:00:05.281Z","3.5.0-beta.19":"2020-02-25T23:57:38.658Z","3.5.0-beta.20":"2020-03-02T23:23:12.974Z","3.5.0-beta.21":"2020-03-02T23:27:31.678Z","3.5.0-beta.22":"2020-03-02T23:42:43.659Z","3.5.0":"2020-03-03T00:03:36.848Z","3.6.1":"2020-03-10T18:43:24.502Z","3.8.0":"2020-05-12T19:19:55.971Z","3.9.0-alpha.0":"2020-05-12T19:30:31.753Z","3.8.1":"2020-05-12T19:41:19.548Z","3.9.0":"2020-05-15T17:58:41.369Z","3.10.0":"2020-05-15T21:15:59.544Z","3.12.0":"2021-01-20T00:02:19.265Z","3.12.1":"2021-01-20T00:13:16.329Z","4.0.0-alpha.9":"2021-02-03T01:48:37.548Z","4.0.0-alpha.10":"2021-02-03T01:56:43.509Z","4.0.0-alpha.11":"2021-02-03T02:24:46.093Z","3.13.0":"2021-02-25T23:44:01.666Z","3.13.1":"2021-06-15T23:49:11.695Z","4.0.0-alpha.13":"2021-09-23T23:32:31.607Z","4.0.0-alpha.15":"2021-10-06T17:04:01.355Z","4.0.0-alpha.16":"2021-10-06T17:05:16.280Z","4.0.0-alpha.17":"2021-10-06T18:47:39.765Z","4.0.0-alpha.18":"2021-10-06T23:40:42.099Z","4.0.0-alpha.19":"2021-10-06T23:47:38.562Z","4.0.0-alpha.20":"2021-10-06T23:55:05.569Z","4.0.0-alpha.21":"2021-10-08T17:06:12.060Z","4.0.0-alpha.22":"2021-10-11T20:39:33.440Z","4.0.0-alpha.23":"2021-10-11T21:07:31.927Z","4.0.0-alpha.24":"2021-10-11T21:47:03.490Z","4.0.0-alpha.25":"2021-10-12T01:20:55.256Z","4.0.0-alpha.26":"2021-10-12T01:34:51.093Z","4.0.0-alpha.27":"2021-10-13T19:06:43.206Z","4.0.0-alpha.28":"2021-10-13T22:18:31.965Z","4.0.0-alpha.29":"2021-10-15T17:36:03.029Z","4.0.0-alpha.30":"2021-10-15T18:51:10.195Z","4.0.0-alpha.31":"2021-10-15T18:55:33.891Z","4.0.0-alpha.32":"2021-10-15T19:39:55.716Z","4.0.0-alpha.33":"2021-10-15T19:43:15.008Z","4.0.0-alpha.34":"2021-10-15T19:53:20.834Z","4.0.0-alpha.35":"2021-10-15T20:00:26.358Z","4.0.0-alpha.36":"2021-10-15T20:03:57.936Z","4.0.0-alpha.37":"2021-10-15T20:06:38.105Z","4.0.0-alpha.38":"2021-10-15T20:46:16.867Z","4.0.0-alpha.39":"2021-10-15T21:10:13.916Z","4.0.0-alpha.40":"2021-10-15T21:20:08.748Z","4.0.0-alpha.41":"2021-10-18T18:34:34.710Z","4.0.0-alpha.42":"2021-10-18T19:40:44.575Z","4.0.0-alpha.43":"2021-10-18T19:44:56.114Z","4.0.0-alpha.44":"2021-11-02T17:39:41.791Z","4.0.0-alpha.45":"2021-11-02T18:16:02.081Z","3.14.0":"2022-03-18T00:18:40.061Z","3.14.1":"2022-03-18T00:48:21.684Z"},"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","select","option","multiselect"],"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"description":"The <aofl-select-list> takes any number of <aofl-list-option>. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value. The <aofl-multiselect-list> takes any number of <aofl-list-option>. Sel","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/select\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_select.html)\n\n## Installation\n```bash\nnpm i -S @aofl/select\n```\n\n## <aofl-select-list>\nThe **`<aofl-select-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute with. Selecting an option emits an event with the selected value.\n\n## Examples\n* https://stackblitz.com/edit/1-3-0-aofl-select-list?embed=1&file=js/example-component/index.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-toggle?embed=1&file=js/example-component/template.js\n* https://stackblitz.com/edit/1-0-0-aofl-select-list-dynamic?embed=1&file=js/example-component/template.js\n\n\n## Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n## Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n## attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n| disabled   | String  | `'false'`| Is the list disabled             |\n\n## Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n## Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n## <aofl-multiselect-list>\n\nThe **`<aofl-multiselect-list>`** takes any number of **`<aofl-list-option>`**. Selecting any option will give it a selected attribute and add it to the selected array. Selecting an option emits an event with the selected array.\n\n### Examples\n* https://stackblitz.com/edit/1-3-0-aofl-multiselect-list?embed=1&file=js/example-component/index.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-multiselect-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-multiselect-list>\n```\n\n### Keyboard Interactions\n\nThe list options may be focused using both tab/shift-tab, up/down arrows, and mouse hover. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type    | Default  | Description                      |\n|------------|---------|----------|----------------------------------|\n|            |         |          |                                  |\n\n### Events\n\n| Name     | Triggered By   | Description                                       |\n|----------|----------------|---------------------------------------------------|\n| `change` | updateSelected | Custom event emitted when a new selection is made |\n\n### Slots\n\n| Name | Fallback Content | Description             |\n| ---- | ---------------- | ----------------------- |\n|      |                  | Elements to be selected |\n\n\n## <aofl-list-option>\n\nThe **`<aofl-list-option>`** is a simple selectable component that takes a value. It typically lives in an **`<aofl-select-list>`** but it can be used in any component where selections are made. It must have a parent with of a component with an addToParent method.\n\n### Examples\n* https://stackblitz.com/edit/1-0-0-aofl-select-list?embed=1&file=js/example-component/template.js\n\n### Usage\n```javascript\nimport '@aofl/select';\n```\n```html\n<aofl-select-list @change=\"${(e) => context.updateSelected(e)}\">\n  <aofl-list-option>1</aofl-list-option>\n  <aofl-list-option>2</aofl-list-option>\n  <aofl-list-option>3</aofl-list-option>\n  <aofl-list-option>4</aofl-list-option>\n</aofl-select-list>\n```\n\n### Keyboard Interactions\n\nList options will be focused when hovering over them. Selections may be made with enter or space.\n\n### attributes\n\n| Attributes | Type   | Default   | Description                             |\n|------------|--------|-----------|-----------------------------------------|\n| selected   | String | `'false'` | Is the option selected?                 |\n| disabled   | String | `'false'` | Is the option available to be selected? |\n| value      | String |           | Value of the aofl-list-option           |\n\n### Slots\n\n| Name       | Fallback Content | Description                                                                       |\n| ---------- | ---------------- | --------------------------------------------------------------------------------- |\n|            |                  | Content to be displayed. Defaults as the <br>value if no value attribute provided |\n\n","readmeFilename":"README.md"}