{"_id":"@auroratide/tab-list","_rev":"8-ce150c1f21e91560b3cd3fdc1a6d2120","name":"@auroratide/tab-list","dist-tags":{"latest":"0.2.6"},"versions":{"0.1.0":{"name":"@auroratide/tab-list","version":"0.1.0","description":"Web component for tabs and tab panels","keywords":["tablist","tabs","html","element","web component"],"type":"module","main":"lib/index.js","module":"lib/index.js","author":{"name":"Timothy Foster","url":"https://auroratide.com"},"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"license":"ISC","devDependencies":{"@open-wc/testing":"^3.1.6","@web/test-runner":"^0.14.0"},"scripts":{"test":"wtr --node-resolve --port 10003 ./**/*.spec.js"},"bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","_id":"@auroratide/tab-list@0.1.0","_integrity":"sha512-C3/ENTSO34khh7PEMoAvzmFA1z27lX12ADZQE03u6/ZuYLdyJ2Yow+ubGEGi4FCWG9EtG0J/2U2NL61uWktJOA==","_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/a5da88183990ad03a595e5c5d77e776c/auroratide-tab-list-0.1.0.tgz","_from":"file:auroratide-tab-list-0.1.0.tgz","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-C3/ENTSO34khh7PEMoAvzmFA1z27lX12ADZQE03u6/ZuYLdyJ2Yow+ubGEGi4FCWG9EtG0J/2U2NL61uWktJOA==","shasum":"a930809c8f7deab670d0abfd21e897ac6161cd26","tarball":"https://registry.npmjs.org/@auroratide/tab-list/-/tab-list-0.1.0.tgz","fileCount":8,"unpackedSize":20524,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEBMMiXQ0NFKU3taZ58KBebyYojf+7gyo8M1q0iKW8kVAiEA16JfyxcCt0/rnWJ4zpv/MjxSF7w2Dsmhc+NchnqyNAY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGnqKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpERw//Yza+Gc6dFomsJgjjrFOSbfTK28e9YIAVzgHnbWL8UV8m5rkb\r\nxRNpRvTjC5RVcrHvbF3dkzpwowC5BiBtU11YoxOGEY0g/4GL3pwFRlZ5bXhv\r\n33oRFjLTFq7aV0dZ58sXoXvS5Blf9iP5WSllIQMuQbPY/z0nmJMxaR5E+I6p\r\nQndNhKl3iCodOlVElVieE+5yL7zcLZ8sdPV27ZYon2dOPW+tN4Ht3npZ+C3q\r\njsDG7Pj6Sg7OhnGlvP20rQwIoFSi0tRYOq4yA/Pjb+whXQ1lKBM9+yV1WNZ9\r\n5Zsf9CozH7fEtPRW3qUuu3gYpk2bAEsdXWCa4lafPXMNI/TiJ8rwHwKd94uU\r\n5e430GBvy49Del5nxgVzljAGmVi+9dOyu7c3g1bF6hR4rZ7TY5ojiOauO+3N\r\n2SOhV1om5w7cRxZ5gnkW2IaVU70Gn39H2YTfIJD/uAH26phKDJdcJ3hzFx/g\r\noxKJ8JOgSkmuEKHfpzL5wt1TkTsTIRH00wAe3A7AXPgjz//JrpbHZ8qZ3JHd\r\nho2lM8QdA/wcYbZMdHizWgB/x99o0lekAUglrdSSL4knEs3KKn+trK7hQfY4\r\n6PSCwvt37wKhQSrpz4I0lLcLKKVtsMrlEAm33UevgBP+Qqkcw7NMqOBySubU\r\nz+gQztYlzBRshQGiTCQa5TwLqkjW7WutM5I=\r\n=YB7p\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-list_0.1.0_1662679690429_0.09257763406431407"},"_hasShrinkwrap":false},"0.1.1":{"name":"@auroratide/tab-list","version":"0.1.1","description":"Web component for tabs and tab panels","keywords":["tablist","tabs","html","element","web component"],"type":"module","main":"lib/index.js","module":"lib/index.js","author":{"name":"Timothy Foster","url":"https://auroratide.com"},"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"license":"ISC","devDependencies":{"@open-wc/testing":"^3.1.6","@web/test-runner":"^0.14.0","typescript":"^4.7.4"},"scripts":{"test":"wtr --node-resolve --port 10003 ./**/*.spec.js","types":"rm lib/*.d.ts* && tsc"},"types":"./lib/index.d.ts","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","_id":"@auroratide/tab-list@0.1.1","_integrity":"sha512-QkaBI+CbR2GRvMAh5Nq+/4YhVZb62Y2C461yFfhK9p/siTNAt9K6ZogitzcQ6iOztAMOQcBcEThsv1s4hjiDrw==","_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/ce1b2a63c69362e1968d1aad1204e556/auroratide-tab-list-0.1.1.tgz","_from":"file:auroratide-tab-list-0.1.1.tgz","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-QkaBI+CbR2GRvMAh5Nq+/4YhVZb62Y2C461yFfhK9p/siTNAt9K6ZogitzcQ6iOztAMOQcBcEThsv1s4hjiDrw==","shasum":"97925b064f5806735fb6e01abee555d5207816d1","tarball":"https://registry.npmjs.org/@auroratide/tab-list/-/tab-list-0.1.1.tgz","fileCount":19,"unpackedSize":25843,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBqHdM1Iiz27GYjjs9P08v8rjZQsm/vO6CsTh1AORipxAiA2AqtbCtpg4gifr4DqPCm2IIjyhezWqhZLSCbMiypX3Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjG7i7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpovw/+N9k77dsfE8Na8Pk/ydVZAb24aeLNv2RT5DuHKEcDzP2pr+4Q\r\n/txSQz5XRqypL7koxMhaIXazYpj8ji++zeizzTG0hxYc59Kkz43UEqFqHxVM\r\npXBKoCB+hy9hRqa+1EU84XPHxp5l0ZTDW3BiW2wdIZAiD/7zhLYaROUpmbGw\r\nOYTmbPNzWv/bXrzw7teap3CvN9lZbIL7RdkQDNEgrw+dzOhFIrHD54E4gnLM\r\nEGh9g7JDqVJ7f6Sst2nq5k2Q+pXsLfyIPxoENlf95rSZvQZfmBeBcRsZRyt2\r\nQL4eHLyMI5H/XAjT/H10NQhVhHG+DevQEe3ewFLNSLqEcXwH5ftzZQF23cCV\r\nSdfna6S8Xp1ENaXao3BdL/iJ+60mU6ilvo+OO2l2nXe1zF2x2CoQbM0ArI4S\r\ny9i71+EW0ru9TPBIJKR18NEZOS7QouN7lotZqWp0d25Elon/ZKUaiYb4HWIS\r\npGiNz0R9gE1Sh9YrY3rDFoXYPBs/zjTUBDJI3PIg5B4DjRrMcvdaST9EgK3L\r\ngCpKPOfbjkQQZrjFSmzfrWU41UanM5OFpX+fQYRNvsFSVRPZsUgQm4Hli+SU\r\nQtenrrJrZF1yQfmN4GzQ9y2Gshv8yhYsszEDT8VhGSJhVRzCa70G6lSdl8kN\r\npDPVDw9odrE1VSyCItt7YBEVVlRKkJX4WrA=\r\n=/AA0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-list_0.1.1_1662761147634_0.4758668744895507"},"_hasShrinkwrap":false},"0.2.0":{"name":"@auroratide/tab-list","version":"0.2.0","description":"Web component for tabs and tab panels","keywords":["tablist","tabs","html","element","web component"],"type":"module","main":"lib/index.js","module":"lib/index.js","author":{"name":"Timothy Foster","url":"https://auroratide.com"},"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"license":"ISC","devDependencies":{"@open-wc/testing":"^3.1.6","@web/test-runner":"^0.14.0","typescript":"^4.7.4"},"scripts":{"test":"wtr --node-resolve --port 10003 ./**/*.spec.js","types":"rm lib/*.d.ts* && tsc"},"types":"./lib/index.d.ts","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","_id":"@auroratide/tab-list@0.2.0","_integrity":"sha512-QAG975WneIpIUMsYegRo0wFeOnqOdRoEq3H91bJf4v83WEu1RLuLkXeY6kYlLUdIgQUANMhLS9tA/zYP6WxBQQ==","_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/0871f3edd196ed7b69c01c23dfbee498/auroratide-tab-list-0.2.0.tgz","_from":"file:auroratide-tab-list-0.2.0.tgz","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-QAG975WneIpIUMsYegRo0wFeOnqOdRoEq3H91bJf4v83WEu1RLuLkXeY6kYlLUdIgQUANMhLS9tA/zYP6WxBQQ==","shasum":"3319d76b081b1cf007ce8a34b0fc4f39ed26db8f","tarball":"https://registry.npmjs.org/@auroratide/tab-list/-/tab-list-0.2.0.tgz","fileCount":22,"unpackedSize":27599,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBxb09/P2036pU2hML5rrpt8KwXHtF+SkVF9+ak5yDr8AiAOsUSSYTqsAT+JjtRHG09oop9w2uLIiXrYI8tYxm+apQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjG86OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzMw/9E0EllPhiEcMjA2pn3kGE2CPveBn09eFUx5yRrOfsMDswPjI/\r\nXTx3bhwcCy93DrffqviOhldOchPdf+hetuQbLKLT+7UCNvBKIIAGwUNqwilP\r\nRtXCLM/b1HLN00X5Tks9xZWKZYfI8h1PqqQu6XQp8eImxK/XD609llvOivLa\r\neU1VHx3aU10BAfHxhpHw2s+H6a0lTBm7gRPxsCquJW9mrxA0no/waCnZIxZG\r\ndb9zATaR/EKmLf3QVAOvbStdYzlKG9uCyiaYJ0GrpRxEFxM0Adu7i7cAdBgn\r\nHvdbOICREVU41L9QyZFbp4yNkTObdPMr4xE4ln32ZrjrGMu2sTesTsPDu2Xc\r\nVtmPonu2/9ctGDVngGAfpCTASvm8TZsSCh16SaWBVIh6t4NDrAMr8L5ylYJ0\r\nszRzgOhF/IEE14bVHINZ9Mn7Q0reFVPspklduurDaOr6VI/vGzotmdBxpdz4\r\nGqDG20zLkvdPjvuyULWsV/hHeH6MapDNGTVlv/0ti0a1od1f6uSWJ32m/bCj\r\nVrhVcAT26S2mA9ynFNKYE/j58Ze+9frtFcM0tP6XViSRfN9PkwYNsUuyS6ot\r\nk4NVp4ZLK3XSp6cEUrCb3E9hN7R8iu2BJWenEr5Nj61Gj5/6VKEnIFwwu9GR\r\nW1vXEIYDDBlGAwjBvxur8vvIrVShqsKJOhM=\r\n=En5f\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-list_0.2.0_1662766734222_0.9674408264034817"},"_hasShrinkwrap":false},"0.2.1":{"name":"@auroratide/tab-list","version":"0.2.1","description":"Web component for tabs and tab panels","keywords":["tablist","tabs","html","element","web component"],"type":"module","main":"lib/index.js","module":"lib/index.js","author":{"name":"Timothy Foster","url":"https://auroratide.com"},"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"license":"ISC","devDependencies":{"@open-wc/testing":"^3.1.6","@web/test-runner":"^0.14.0","typescript":"^4.7.4"},"scripts":{"test":"wtr --node-resolve --port 10003 ./**/*.spec.js","types":"rm lib/*.d.ts* && tsc"},"types":"./lib/index.d.ts","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","_id":"@auroratide/tab-list@0.2.1","_integrity":"sha512-DzpyFw4PUnz+VeB+s440k3Hx0Qtf4ta1lQ8ZlokHYLMf0s3pzgYGTrdJN0OWo/Qpa82dVu1SjHKspJre93x1MQ==","_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/a1720a2f31124d97a608b8160ddde375/auroratide-tab-list-0.2.1.tgz","_from":"file:auroratide-tab-list-0.2.1.tgz","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-DzpyFw4PUnz+VeB+s440k3Hx0Qtf4ta1lQ8ZlokHYLMf0s3pzgYGTrdJN0OWo/Qpa82dVu1SjHKspJre93x1MQ==","shasum":"03297f61bc1159ddc8d89a467530139be5a678ee","tarball":"https://registry.npmjs.org/@auroratide/tab-list/-/tab-list-0.2.1.tgz","fileCount":22,"unpackedSize":27659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG3I9bWHbakrzashIVvc60CTs8nLPbgIPU+doRJKb64aAiEAt4j8Nb6YwpcUtwwkCvMT7m6EPEYP6hDlEhVTcP1bSr8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHOrIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPNQ//cdfWwH1I5qQAS7OW4iscyEbSO85wB8vDrre7RP4yheQ1gwZy\r\nVYwbkIxeOrLbJ8KQB7UXo9Sq/dhHzcpek/pRVIwwGYNB7FfeftuoZf2X47Tk\r\nrJGz7r7LuZ1BLfGBeQKx32WRjrNAaDZaMLdQFlqoF26kODI9opSbQhvSci5R\r\nrRurdhmRsiR0+BXDlD2w3hBF5AX7NlIQjA4rEGMC8q5pwJ2D9OGM73DFxfkj\r\nFYm8uN0FQOkyO7Wjo8QYfKc+DGnpN6DBcHEKK6sYw3IEfw9D8cu0lHkRD65O\r\nolvLvgb6oEV1nmKT/ZoxkwDcYo6XhFsGHo5dg38lZzShhIiEjNP8xLbixFB/\r\nv6x7CSAJlD5Ct1ugyzl5E6S2Mijnocs0ZvZUhhLsZYI0dDgRgH0iOzy59EHB\r\nkQEnV0wU0Ot6bsGFuQtFLmDn12+0nA0E6dGKH0HuKouuhvRxv/2fHz5y7Cuy\r\nZ21qSpcgbura07Orpwyr0wqA4lLvBy1ozJtisuxtHnJONJZgrYSm7qBJJk3+\r\nVlChhuMV6sYpPn96X1LIh9U573KK3TCcxY1Z2U34P/nkKWkxAWhblWcAY8/F\r\n6LMhHXCKnXLpVfBgPSPw5fO8w2ozeGW9JIVrYZXoKFSPWBj0bIbx3CVvgyn1\r\n8tFZbG0gbvfIaMdj3vzd2ik+8AQhB2i3yMs=\r\n=hjY4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-list_0.2.1_1662839496276_0.6854280349718782"},"_hasShrinkwrap":false},"0.2.2":{"name":"@auroratide/tab-list","version":"0.2.2","description":"Web component for tabs and tab panels","keywords":["tablist","tabs","html","element","web component"],"type":"module","main":"lib/index.js","module":"lib/index.js","author":{"name":"Timothy Foster","url":"https://auroratide.com"},"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"license":"ISC","devDependencies":{"@open-wc/testing":"^3.1.6","@web/test-runner":"^0.14.0","typescript":"^4.7.4"},"scripts":{"test":"wtr --node-resolve --port 10003 ./**/*.spec.js","types":"rm lib/*.d.ts* && tsc"},"types":"./lib/index.d.ts","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","_id":"@auroratide/tab-list@0.2.2","_integrity":"sha512-p53DqlKZo49y1GY63143eUUHtHFJS0rj4mb8Sy6Gsr+mmnF5GnbuZ97Q9yO8AY+By7ZH1OfDQ+5kj5kufyVkQQ==","_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/6c674b9a3d8acfb8320ae034d411889a/auroratide-tab-list-0.2.2.tgz","_from":"file:auroratide-tab-list-0.2.2.tgz","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-p53DqlKZo49y1GY63143eUUHtHFJS0rj4mb8Sy6Gsr+mmnF5GnbuZ97Q9yO8AY+By7ZH1OfDQ+5kj5kufyVkQQ==","shasum":"6fb294b6ae40473b450347d62a15111ceb16c864","tarball":"https://registry.npmjs.org/@auroratide/tab-list/-/tab-list-0.2.2.tgz","fileCount":22,"unpackedSize":28247,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFAgsIV5Oh0XEluPzT3GS1cwKb7IyiM68LKNpEkpQqRXAiBqk10oYxtgJi2MG5lnaIKLfG5rFJNBpXowtT1PJijrtw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjH52AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQEhAAmAui8vDow1QENX9s70YoXcZ7ng0Bxj/+TXeGyE5AdKyJD2vi\r\n5nEwyXMmEXblc3U47YxHN6VLEFCFeaWUd1SAbzm6PEcpzRzqMbkgopJgIOAd\r\nYjo/ulO5Caog8w4Wja8QCHhgHtixoH6NzUKerWhJs+FkKjuOr4rnbDitD/V/\r\nLQjXdNUCu+yC+aO2M+16rGRynHv3el/dKmDCBBWhaniYn1E7p4lGKwcflqKn\r\nEMv/1tlKC9mJptf9SQJHJq0j04x/JUbq0XwpQOD/13LRdOXQ1j/90JMvJd/F\r\nN9Zas7Mw4f6hRmnr+TLAmuXh6MPcjD17FxfcH/2i7F6s1ei0vHm8WiUN1Ti+\r\nGMaYQbtzh2TkohY8NxEvDb2InS0cw4AXGvampFRyYe/yYq+X422gtR61EM9A\r\n3FwZhi674LKMmx4g+nBtVWZChNOKXyHYmNBa6BDJTF5P8fjpCUO/FI43vzdH\r\nCB/9ixhFXhrAwQBI5nLpm5wekKVYa0YhMtDFrVVE6EOgDou2llYFdvLMhYtt\r\n6/b7CwHhFgptXTRNqxSsdHvlU4JIK/1i6SfEl5cK4ZKKnOkHOd9FrsCAKllz\r\nuUHqVgk/umnnAV+YH7y68kVJQhDsLmoGpzPchr3jXi9GK5cpubLbo0YGaoV/\r\na0hfVI+psOLMKJoAQmep1kkb5y0OLnt9Maw=\r\n=94xk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-list_0.2.2_1663016320591_0.9001276712124864"},"_hasShrinkwrap":false},"0.2.3":{"name":"@auroratide/tab-list","version":"0.2.3","description":"Web component for tabs and tab panels","keywords":["tablist","tabs","html","element","web component"],"type":"module","main":"lib/index.js","module":"lib/index.js","author":{"name":"Timothy Foster","url":"https://auroratide.com"},"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"license":"ISC","devDependencies":{"@open-wc/testing":"^3.1.6","@web/test-runner":"^0.14.0","typescript":"^4.7.4"},"scripts":{"test":"wtr --node-resolve --port 10003 ./**/*.spec.js","types":"rm lib/*.d.ts* && tsc"},"types":"./lib/index.d.ts","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","_id":"@auroratide/tab-list@0.2.3","_integrity":"sha512-gJs8s51Pjd/GzyFjN+sStctc4Svv2rGKdudsJil8wfWMlA7f14VFtdo2z0whugIVw4axbh+vjq/kktJA9n7vCQ==","_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/45e74d7771b4c6faaaed57db43226a2c/auroratide-tab-list-0.2.3.tgz","_from":"file:auroratide-tab-list-0.2.3.tgz","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-gJs8s51Pjd/GzyFjN+sStctc4Svv2rGKdudsJil8wfWMlA7f14VFtdo2z0whugIVw4axbh+vjq/kktJA9n7vCQ==","shasum":"478c9c5716771ec79d71540011a6fdd0217c6b54","tarball":"https://registry.npmjs.org/@auroratide/tab-list/-/tab-list-0.2.3.tgz","fileCount":22,"unpackedSize":30600,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1A6QzHgLPJOvsJiXngQo8NC4+cdCzUu9E37Mi5ZCq7QIgaqLmsJjRBoc9M+RuiQ7IcAZITISginNE/TAIYhdczD0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjK5MRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOQhAAo+MF4K0KP4q8iEZdbFUS2ipWVS5PGaeqQPt/WLxRQLZsj9Hk\r\nDaMUCG+K2WUMbfssrg4zUZuDVJQRQedQ565l5H7RanK4e6593hK7TCWzTBrj\r\ne+rzPTUMHy3E37+1WrPNecplI6ZXt6mSZvOkw3E9iNl8jf5n1VoxkfIuVTuW\r\nzH5OpNAj1EWxoO3HH4LkBf8rjll5tSLDZkaH8BT6qbvB297jebVjO+vtoat4\r\nwhQHVXGpV9SEMnjzciDbXAZ5Ex7iE+DAxN8XyzaRB5LtZJynDUMmBB4VSJMe\r\nTrtuaqVfjWFYNCbDtSsu74L60tEaqaBK6cpMhwh7MQXpLyAPgX7bgJDqV6dn\r\n97nzc9AUq6mymHnMhM+ax6j2740m2ww0p1Qepnu+ShUCkiYRfSd595tFmBwE\r\nOBxvSXoLgHzOBLF9sgIvfpraRwwTsQBLs/tj+oPoRNShyXHu3fCJDH1m2YMO\r\nacDBKLIp9i/XP/Oxw4KuWUqmRDDpsi12gJbYXgQHCgZvVXEhd/bDW0Zr4H2a\r\n+Gu7pUpeRuY116vHIEVpDVRLwRitwIwrCfa/Rm1K3lbrQHOgU12QESlHauqm\r\nXcASqs8DjnYkg0z766h30nQ1nClatP6Fed37XbEjosOrtd3HZW1dAISByvIz\r\ntFMGf5+1ySJholugXeZZ198tw1+Nzm0NjYw=\r\n=nsuK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-list_0.2.3_1663800080882_0.6947132038505466"},"_hasShrinkwrap":false},"0.2.4":{"name":"@auroratide/tab-list","version":"0.2.4","description":"Web component for tabs and tab panels","keywords":["tablist","tabs","html","element","web component"],"type":"module","main":"lib/index.js","module":"lib/index.js","author":{"name":"Timothy Foster","url":"https://auroratide.com"},"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"license":"ISC","devDependencies":{"@open-wc/testing":"^3.1.6","@web/test-runner":"^0.14.0","typescript":"^4.7.4"},"scripts":{"clean":"rm -rf lib","build":"tsc","build:watch":"tsc -w","test":"wtr --node-resolve --port 10003 test","test:clean":"pnpm clean && pnpm build && pnpm test"},"types":"./lib/index.d.ts","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","_id":"@auroratide/tab-list@0.2.4","_integrity":"sha512-RAdq5f6Ll2C1c2L4KIZpi1AxIuewtj+PqgZ4ucjOLLWQ7U2IYR+OmlbmMcqZciQNZ90no0zEIfVdkRRxTz4/bw==","_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/a4cd04663493da41e2b5e99a16a0db44/auroratide-tab-list-0.2.4.tgz","_from":"file:auroratide-tab-list-0.2.4.tgz","_nodeVersion":"18.10.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-RAdq5f6Ll2C1c2L4KIZpi1AxIuewtj+PqgZ4ucjOLLWQ7U2IYR+OmlbmMcqZciQNZ90no0zEIfVdkRRxTz4/bw==","shasum":"004d2e22031ac59b8e7233f0748ea10b257ad8f7","tarball":"https://registry.npmjs.org/@auroratide/tab-list/-/tab-list-0.2.4.tgz","fileCount":22,"unpackedSize":30460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGJxtil0lMWNWN+TJpEHIb6w3XZo+66b2FQAxX2/WgpJAiBqD5LISXvPu0cCWYgqGQG8Wk2BlGOH2B4FFkc4QozNDQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZtftACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpiSw/+P33gqA3K8e9JJ8us/aMrkSVVu+qqNeHAHKfUSlTfRrg9Q3qy\r\nQBkWXAO480eXsH1/IZvK29Hg9f6vYrGUKC+vmmjnj/++I+SaO3Mc8WYfUtHZ\r\n/uy588CEt7K4fsrmtKjWxqRL393fr5Ho43w1cDf2MUiyHZOQ3T7nShEont7E\r\ng2ZreMr0Y2xGoAEvBFukHVVXB8sdKnvchN5SR8VoxskSs5fuNzQrlfSbGpCY\r\nPyhm6HtM1dGag5h7X13tu1IGeav1GAacWf484zxX3fjZIHnSmgjAfjSO0ZXU\r\nszlb0mZaXnYfSUFUuqB9lgxu16DfUwegVm9ppUtTOk++L3d1F98GwgFSbdo3\r\nBYFDqa5hHQUY50mb1CCT6wPKo2MsyNmBuUrvdrXMBtZ6jByqCQ3gTnQd5Sqi\r\nFPVOYgbXuJYkk+wHxhJ/3VQ2FTjB6Y+kV76j3TEvgT3/b3JT8esCmEibQeZ4\r\nKss261c407Nefx82buaFs6OS2x12z5rcsyyG9u1EWVTZ6l9PZrgA6Hq6VDFQ\r\n0wCcI7a/jTfTY7dQdXWHdLHjB1/4vRqnER+OTGgc0/MzGYtXw1C9eabCTmT+\r\nypWTqNxEOPIYH6COPCS52aZF7N5Qk5E/ZupZEsP+JwnSn2Tjh8BkyOs9659N\r\nC63lLEqqGQsR4bI3MO3+hS1+SZfNeY2nPN4=\r\n=HGxJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-list_0.2.4_1667684333581_0.8156476774838985"},"_hasShrinkwrap":false},"0.2.5":{"name":"@auroratide/tab-list","version":"0.2.5","description":"Web component for tabs and tab panels","keywords":["tablist","tabs","html","element","web component"],"type":"module","main":"lib/index.js","module":"lib/index.js","author":{"name":"Timothy Foster","url":"https://auroratide.com"},"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"license":"ISC","devDependencies":{"@open-wc/testing":"^3.1.6","@web/test-runner":"^0.14.0","typescript":"^4.7.4"},"scripts":{"clean":"rm -rf lib","build":"tsc","build:watch":"tsc -w","test":"wtr --node-resolve --port 10003 test","test:clean":"pnpm clean && pnpm build && pnpm test"},"types":"./lib/index.d.ts","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","_id":"@auroratide/tab-list@0.2.5","_integrity":"sha512-AkiEzEgI+6U2036hZ+dM+XSWFIZwHRWPbzMu+irGEwKsKkxU8p5xJ1szLt3ZtBPALKthut27lQBpoLmKC3hTYw==","_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/5e9e5deab03129bf8e67a1dbb66c9853/auroratide-tab-list-0.2.5.tgz","_from":"file:auroratide-tab-list-0.2.5.tgz","_nodeVersion":"18.10.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-AkiEzEgI+6U2036hZ+dM+XSWFIZwHRWPbzMu+irGEwKsKkxU8p5xJ1szLt3ZtBPALKthut27lQBpoLmKC3hTYw==","shasum":"e3a80a4c5e5131d31c53c0425166c781dfbc4906","tarball":"https://registry.npmjs.org/@auroratide/tab-list/-/tab-list-0.2.5.tgz","fileCount":22,"unpackedSize":30462,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHkWk6tyzLUIrv/jlWxOFeymCRno9JJ+9+PBBxv5tQ3xAiEAtlLk/YtnvxgYMk7RXlwPQv1/zdz+6CsAo46pWzX5ezw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd4XxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgbRAAiXtRqu+UJyfTM1UtwDDfPFrE6y66KBb1FC1+2v04Er5GotcD\r\n6MNOb5MrqHc1sj83yQ8e4OxqbYLAxWstXATbCRqP8nUWPDTw5nXUPWrYtGP7\r\nQbsNAtjH0UMI7Qv02DocTBwREK/SHidlHqpE7o6QA9HSi8DkWtt/OY1EBjHf\r\nr5A/zz+TZgMev14v/EYKmdf2TpddeS7jWqYFiBIn9YR49X6YUw/QM/Cg2wL6\r\n6XzK+6FMhWjlicluD2/yvwAV0Bxp5ganuB/vLbNBIF1gtVgMPPOs7GoA2UOG\r\n5voD60WGwsjZpTC0nYrNGC2ZFbv6tpCbRkZvv9/e3PleKhclKm7uU+LdiVE2\r\n2KDoWs3mCrx/K3ioiLqcsUnk2kVUt6RCNPA5dqcU0wDBxXuEsUlwDCTBR7fx\r\nTvvG5y2FnrcXfssYmpQSM8fS15qr55bHLzV57+yr0CDflp5qwdnB///MuUYc\r\nN96rcsQw913rMnrtPMPN2i7s/f9k9O5uaBsn8ZrExSU63FZcRjU6UrQHeosh\r\nGO9irjK1A7GpOiFYX1JnoqyHTvgAsU/c7lDHevR3dR8Y+c2UWLYpCVxLTJX6\r\n6L0O33CEJnBYaYOdXMc3ulpKIAPmlycMZdicSUX9HJ2N//a+Gcrp0kgPoknE\r\nXC/2SxADn2/XXuN7AJxDidcCNBd9D6E+liU=\r\n=0dau\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-list_0.2.5_1668777457554_0.9483903562387239"},"_hasShrinkwrap":false},"0.2.6":{"name":"@auroratide/tab-list","version":"0.2.6","description":"Web component for tabs and tab panels","keywords":["tablist","tabs","html","element","web component"],"type":"module","main":"lib/index.js","module":"lib/index.js","author":{"name":"Timothy Foster","url":"https://auroratide.com"},"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"license":"ISC","devDependencies":{"@open-wc/testing":"^4.0.0","@web/test-runner":"^0.18.0","typescript":"^5.3.3"},"scripts":{"clean":"rm -rf lib","build":"tsc","build:watch":"tsc -w","test":"wtr --node-resolve --port 10003 test","test:clean":"pnpm clean && pnpm build && pnpm test"},"types":"./lib/index.d.ts","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","_id":"@auroratide/tab-list@0.2.6","_integrity":"sha512-bfG9DFB7KgPqoTW9SIRvg0ouqPsMeNwxe2V/VrpympF9qvlG8DQHqjbSyr7pmb895Ay1pL5KzRfwbn1hseNI8A==","_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/d3f67bb5792e3312fb0d8e4dba74c0a4/auroratide-tab-list-0.2.6.tgz","_from":"file:auroratide-tab-list-0.2.6.tgz","_nodeVersion":"19.4.0","_npmVersion":"9.2.0","dist":{"integrity":"sha512-bfG9DFB7KgPqoTW9SIRvg0ouqPsMeNwxe2V/VrpympF9qvlG8DQHqjbSyr7pmb895Ay1pL5KzRfwbn1hseNI8A==","shasum":"f6fd23ade3ca2f910bac52718b3ae6e09c5c7930","tarball":"https://registry.npmjs.org/@auroratide/tab-list/-/tab-list-0.2.6.tgz","fileCount":22,"unpackedSize":30450,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZN3cd4qgTOtfZxJHApDs9c+TEjZmoVbX8RRW9AmE/dAiEA+t3DTrpYTp37E5lI8lTVkOWUUaacnL4rscJTc4bTNO4="}]},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-list_0.2.6_1707582728626_0.055048280646426084"},"_hasShrinkwrap":false}},"time":{"created":"2022-09-08T23:28:10.274Z","0.1.0":"2022-09-08T23:28:10.607Z","modified":"2024-02-10T16:32:09.035Z","0.1.1":"2022-09-09T22:05:47.764Z","0.2.0":"2022-09-09T23:38:54.417Z","0.2.1":"2022-09-10T19:51:36.422Z","0.2.2":"2022-09-12T20:58:40.728Z","0.2.3":"2022-09-21T22:41:21.111Z","0.2.4":"2022-11-05T21:38:53.797Z","0.2.5":"2022-11-18T13:17:37.748Z","0.2.6":"2024-02-10T16:32:08.839Z"},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"description":"Web component for tabs and tab panels","homepage":"https://github.com/Auroratide/web-components/tree/main#readme","keywords":["tablist","tabs","html","element","web component"],"repository":{"type":"git","url":"git+https://github.com/Auroratide/web-components.git#main"},"author":{"name":"Timothy Foster","url":"https://auroratide.com"},"bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"license":"ISC","readme":"# The tab-list Elements\n\n<p hidden><strong><a href=\"https://auroratide.github.io/web-components/tab-list\">View this page with live demos!</a></strong></p>\n\nThe `tab-list`, `tab-item`, and `tab-panel` elements together represent content that is presented one panel at a time. They are built with accessibility in mind and implement the WAI-ARIA guidelines for [tabs](https://w3c.github.io/aria-practices/#tabpanel).\n\n* A `tab-list` represents a set of tabs, where only one tab's contents may be presented at a time.\n* A `tab-item` represents a reference of a single panel of information in a tab list.\n* A `tab-panel` represents a panel of information.\n\n<!--DEMO\n<wc-demo>\n    <tab-list aria-label=\"Learn about fruits\">\n        <tab-item for=\"example-1-tab-1\" selected>Apples</tab-item>\n        <tab-item for=\"example-1-tab-2\">Oranges</tab-item>\n        <tab-item for=\"example-1-tab-3\">Bananas</tab-item>\n    </tab-list>\n    <tab-panel id=\"example-1-tab-1\">\n        <p>Apples are usually red, but sometimes they can be green.</p>\n    </tab-panel>\n    <tab-panel id=\"example-1-tab-2\">\n        <p>Oranges are, well, orange!</p>\n    </tab-panel>\n    <tab-panel id=\"example-1-tab-3\">\n        <p>Bananas are yellow and usually curved.</p>\n    </tab-panel>\n</wc-demo>\n/DEMO-->\n\n```html\n<tab-list aria-label=\"Learn about fruits\">\n    <tab-item for=\"example-1-tab-1\" selected>Apples</tab-item>\n    <tab-item for=\"example-1-tab-2\">Oranges</tab-item>\n    <tab-item for=\"example-1-tab-3\">Bananas</tab-item>\n</tab-list>\n<tab-panel id=\"example-1-tab-1\">\n    <p>Apples are usually red, but sometimes they can be green.</p>\n</tab-panel>\n<tab-panel id=\"example-1-tab-2\">\n    <p>Oranges are, well, orange!</p>\n</tab-panel>\n<tab-panel id=\"example-1-tab-3\">\n    <p>Bananas are yellow and usually curved.</p>\n</tab-panel>\n```\n\n## Installation\n\nYou can import through CDN:\n\n```html\n<script type=\"module\" src=\"https://unpkg.com/@auroratide/tab-list/lib/define.js\"></script>\n```\n\nOr, you may install through [NPM](https://www.npmjs.com/package/@auroratide/tab-list) and include it as part of your build process:\n\n```\n$ npm i @auroratide/tab-list\n```\n\n```javascript\nimport '@auroratide/tab-list/lib/define.js'\n```\n\n## Usage\n\n`tab-list`, `tab-item`, and `tab-panel` are **markup elements** that you can use in your HTML document. To use them together, it is best to follow these guidelines:\n\n* `tab-item` elements **must** be contained within a `tab-list`. They need not be _direct_ descendents.\n* `tab-panel` must define a unique `id`.\n* `tab-item` must define the `for` attribute, whose value is the `id` of its corresponding `tab-panel`.\n\n```html\n<tab-list>\n    <!-- tab-item must be in a tab-list, and defines `for` to be\n         the corresponding tab-panel id -->\n    <tab-item for=\"tab-panel-id\">\n</tab-list>\n<!-- tab-panel defines an id -->\n<tab-panel id=\"tab-panel-id\">\n    <p>Any content you want</p>\n</tab-panel>\n```\n\nThe following are good accessibility practices:\n\n* `tab-list` should be labelled with a name representing the collection of tabs, either with `aria-label` or `aria-labelledby`.\n* `tab-panel` elements can theoretically be anywhere on the page, though it's best if they are the next focusable item after the `tab-list`.\n\n### Automatic Activation\n\nBy default, a tab must be clicked in order for its panel to be revealed. With automatic activation, a tab only needs to acquire focus to show its tab. In general, [WAI-ARIA recommends automatic activation](https://w3c.github.io/aria-practices/#kbd_selection_follows_focus) for the best accessibility, unless animations induce lag.\n\nYou can enable automatic activation by setting the `activation` attribute to `\"automatic\"` on the tab list element.\n\n<!--DEMO\n<wc-demo>\n    <tab-list activation=\"automatic\" aria-label=\"Learn about vegetables\">\n        <tab-item for=\"example-5-tab-1\" selected>Tomatoes</tab-item>\n        <tab-item for=\"example-5-tab-2\">Carrots</tab-item>\n        <tab-item for=\"example-5-tab-3\">Squashes</tab-item>\n    </tab-list>\n    <tab-panel id=\"example-5-tab-1\">\n        <p>Tomatoes are red. People like to tell you they are fruit and not vegetables.</p>\n    </tab-panel>\n    <tab-panel id=\"example-5-tab-2\">\n        <p>Carrots are orange, and also a root.</p>\n    </tab-panel>\n    <tab-panel id=\"example-5-tab-3\">\n        <p>Some squashes are yellow, and they come in all shapes and sizes.</p>\n    </tab-panel>\n</wc-demo>\n/DEMO-->\n\n```html\n<tab-list activation=\"automatic\" aria-label=\"Learn about vegetables\">\n    <tab-item for=\"example-5-tab-1\" selected>Tomatoes</tab-item>\n    <tab-item for=\"example-5-tab-2\">Carrots</tab-item>\n    <tab-item for=\"example-5-tab-3\">Squashes</tab-item>\n</tab-list>\n```\n\n### Vertical Tab List\n\nBy default, tabs are listed horizontally, and they can be navigated with the <kbd>left</kbd> and <kbd>right</kbd> arrow keys.\n\nBy setting the `orientation` attribute to `\"vertical\"`, you can make a vertical tab list. This makes it navigable with the <kbd>up</kbd> and <kbd>down</kbd> arrow keys instead.\n\n<!--DEMO\n<wc-demo>\n    <tab-list orientation=\"vertical\" aria-label=\"Learn about vegetables\">\n        <tab-item for=\"example-2-tab-1\" selected>Tomatoes</tab-item>\n        <tab-item for=\"example-2-tab-2\">Carrots</tab-item>\n        <tab-item for=\"example-2-tab-3\">Squashes</tab-item>\n    </tab-list>\n    <tab-panel id=\"example-2-tab-1\">\n        <p>Tomatoes are red. People like to tell you they are fruit and not vegetables.</p>\n    </tab-panel>\n    <tab-panel id=\"example-2-tab-2\">\n        <p>Carrots are orange, and also a root.</p>\n    </tab-panel>\n    <tab-panel id=\"example-2-tab-3\">\n        <p>Some squashes are yellow, and they come in all shapes and sizes.</p>\n    </tab-panel>\n</wc-demo>\n/DEMO-->\n\n```html\n<tab-list orientation=\"vertical\" aria-label=\"Learn about vegetables\">\n    <tab-item for=\"example-2-tab-1\" selected>Tomatoes</tab-item>\n    <tab-item for=\"example-2-tab-2\">Carrots</tab-item>\n    <tab-item for=\"example-2-tab-3\">Squashes</tab-item>\n</tab-list>\n```\n\n### Setting a selected tab\n\nYou can set the `selected` attribute on one `tab-item` in a `tab-list`. This will mark that item as selected and show its panel.\n\n<!--DEMO\n<wc-demo>\n    <tab-list aria-label=\"Learn about fruits\">\n        <tab-item for=\"example-3-tab-1\">Apples</tab-item>\n        <tab-item for=\"example-3-tab-2\">Oranges</tab-item>\n        <tab-item for=\"example-3-tab-3\" selected>Bananas</tab-item>\n    </tab-list>\n    <tab-panel id=\"example-3-tab-1\">\n        <p>Apples are usually red, but sometimes they can be green.</p>\n    </tab-panel>\n    <tab-panel id=\"example-3-tab-2\">\n        <p>Oranges are, well, orange!</p>\n    </tab-panel>\n    <tab-panel id=\"example-3-tab-3\">\n        <p>Bananas are yellow and usually curved.</p>\n    </tab-panel>\n</wc-demo>\n/DEMO-->\n\n```html\n<tab-item selected for=\"example-3-tab-3\">Bananas</tab-item>\n```\n\n**Note**: Only one `tab-item` can be selected at a time! If you attempt to set multiple as selected, only the first selected tabl's panel will be shown.\n\n### All Attributes\n\nFor `tab-list`:\n\n| Attribute | Description |\n| ------------- | ------------- |\n| `orientation` | Either `\"horizontal\"` or `\"vertical\"`. Represents whether the tab list should be presented horizontally or vertically, and affects whether they are navigated with the <kbd>left</kbd>/<kbd>right</kbd> or <kbd>up</kbd>/<kbd>down</kbd> keys respectively. `\"horizontal\"` by default. |\n| `activation` | Either `\"manual\"` or `\"automatic\"`. Represents whether a click (manual) or focus (automatic) is required to show a tab's panel. `\"manual\"` by default. |\n\nFor `tab-item`:\n\n| Attribute | Description |\n| ------------- | ------------- |\n| `for` | **Required.** Should be the same as the `id` of the tab's respective panel.\n| `selected` | Either present or not. Represents whether this tab's panel should be shown. |\n\n## CSS Customization\n\nSince these are native custom elements, they can be styled the same way as regular HTML elements.\n\nOf note:\n\n* `tab-item[selected]` will style the currently selected tab.\n* `tab-list[orientation=\"vertical\"]` can style vertical tab lists.\n* `tab-panel[hidden]` styles hidden tabs, in case you want transitions.\n\nHere's an example of a fully customized tab list:\n\n<!--DEMO\n<wc-demo id=\"fancy\">\n    <div class=\"tab-container\">\n        <tab-list aria-label=\"Fruit dessert recipes\">\n            <tab-item for=\"example-4-tab-1\" selected>Apples</tab-item>\n            <tab-item for=\"example-4-tab-2\">Oranges</tab-item>\n            <tab-item for=\"example-4-tab-3\">Bananas</tab-item>\n        </tab-list>\n        <div class=\"tab-panels-container\">\n            <tab-panel id=\"example-4-tab-1\">\n                <p>Ingredients for making apple pie:</p>\n                <ul>\n                    <li>8 Granny Smith apples</li>\n                    <li>½ cup butter</li>\n                    <li>3 tablespoons flour</li>\n                    <li>½ cup white sugar</li>\n                    <li>½ cup brown sugar</li>\n                    <li>¼ water</li>\n                    <li>A double-crust pie pastry</li>\n                </ul>\n            </tab-panel>\n            <tab-panel id=\"example-4-tab-2\">\n                <p>Ingredients for making orange sorbet:</p>\n                <ul>\n                    <li>2 cups orange juice pulp</li>\n                    <li>1½ cup almond milk</li>\n                    <li>1 tablespoon orange zest</li>\n                    <li>1 tablespoon lemon juice</li>\n                    <li>¼ teaspoon salt</li>\n                    <li>1 teaspoon vanilla extract</li>\n                    <li>½ teaspoon sweetener</li>\n                </ul>\n            </tab-panel>\n            <tab-panel id=\"example-4-tab-3\">\n                <p>Ingredients for making banana pudding:</p>\n                <ul>\n                    <li>14 bananas</li>\n                    <li>5 ounce packet instant vanilla pudding</li>\n                    <li>2 cups milk</li>\n                    <li>14 ounce can condensed milk</li>\n                    <li>1 tablespoon vanilla extract</li>\n                    <li>12 ounces frozen whipped topping</li>\n                    <li>16 ounces vanilla wafers</li>\n                </ul>\n            </tab-panel>\n        </div>\n    </div>\n</wc-demo>\n<style>\n    #fancy .tab-container {\n        box-shadow: 0 2px 4px hsla(0, 0%, 0%, 0.25);\n    }\n    #fancy tab-list {\n        background: hsl(210, 68%, 45%);\n        gap: 0;\n    }\n    #fancy tab-item {\n        border: none;\n        border-radius: 0;\n        background: hsl(210, 68%, 45%);\n        color: hsl(0, 0%, 100%);\n        padding: 12px 24px;\n        border-right: 2px solid hsl(210, 82%, 25%);\n    }\n    #fancy tab-item:hover:not([selected]),\n    #fancy tab-item:focus:not([selected]) {\n        background: hsl(210, 82%, 25%);\n    }\n    #fancy tab-item[selected] {\n        background: hsl(0, 0%, 100%);\n        border-color: transparent;\n        color: hsl(0, 0%, 0%);\n    }\n    #fancy .tab-panels-container { display: grid; }\n    #fancy tab-panel {\n        grid-area: 1 / 1;\n        border: none;\n        padding: 12px 24px 24px;\n        opacity: 1;\n        transition: opacity 0.2s ease-in-out;\n        background: hsl(0, 0%, 100%);\n    }\n    #fancy tab-panel[hidden] {\n        display: block;\n        opacity: 0;\n    }\n    #fancy tab-panel *:last-child {\n        margin: 0;\n    }\n</style>\n/DEMO-->\n\n```css\ndiv.tab-container {\n    box-shadow: 0 2px 4px hsla(0, 0%, 0%, 0.25);\n}\n\ntab-list {\n    background: hsl(210, 68%, 45%);\n    gap: 0;\n}\n\ntab-item {\n    border: none;\n    border-radius: 0;\n    background: hsl(210, 68%, 45%);\n    color: hsl(0, 0%, 100%);\n    padding: 12px 24px;\n    border-right: 2px solid hsl(210, 82%, 25%);\n}\n\ntab-item:hover:not([selected]),\ntab-item:focus:not([selected]) {\n    background: hsl(210, 82%, 25%);\n}\n\ntab-item[selected] {\n    background: hsl(0, 0%, 100%);\n    border-color: transparent;\n    color: hsl(0, 0%, 0%);\n}\n\ndiv.tab-panels-container { display: grid; }\ntab-panel {\n    grid-area: 1 / 1;\n    border: none;\n    padding: 12px 24px 24px;\n    opacity: 1;\n    transition: opacity 0.2s ease-in-out;\n}\n\ntab-panel[hidden] {\n    display: block;\n    opacity: 0;\n}\n```\n\n## Events\n\nThe `tab-list` element dispatches the following events:\n\n| Name | When Triggered |\n| ------------- | ------------- |\n| `tab-list:change` | Whenever the currently selected tab changes |\n\nThe `tab-list:change` event contains references to the previously selected tab and the newly selected tab:\n\n```js\ntabList.addEventListener('tab-list:change', e => {\n    console.log(e.detail.from)\n    console.log(e.detail.to)\n})\n```\n\n## Accessibility\n\nThis custom element is built with accessibility in mind! It follows the WAI-ARIA guidelines for [tabs](https://w3c.github.io/aria-practices/#tabpanel) (the `tablist`, `tab`, and `tabpanel` roles).\n\n* When focus enters the tab list, the currently active tab item is focused.\n* <kbd>Left</kbd> and <kbd>Right</kbd> can be used to navigate the tabs.\n* <kbd>Enter</kbd> or <kbd>Space</kbd> select the currently focused tab.\n* <kbd>Home</kbd> goes to the first tab, and <kbd>End</kbd> goes to the last tab.\n\n## Not (yet) Implemented\n\nThe following features are desired of tab lists, but are not yet implemented:\n\n* Auto-opening a panel when its corresponding tab receives focus.\n* Native support for removable tabs.\n* Tabs that open popup menus.\n","readmeFilename":"README.md"}