{"_id":"@bentoproject/gist","_rev":"175-fb8957963b9fe69dff6d219ce8da90f0","name":"@bentoproject/gist","dist-tags":{"nightly":"1.2305241828.0","latest":"1.2305051745.1"},"versions":{"1.2202112230.0":{"name":"@bentoproject/gist","version":"1.2202112230.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"gitHead":"42cc51fbf53c86e33b0a12004dfe9c35b8f5d0fa","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202112230.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-Gl6Syfa+IZfVO972DuYUh3SQeznIXGtEvqwo5TFH7ZNecVoH+Z21rfzf3slPcXuRo/GhCoKCm58fNpAYwF11IA==","shasum":"91b1fee4c1476eac24c2cc0726bb055bfe2293c4","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202112230.0.tgz","fileCount":28,"unpackedSize":1067386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCsQqCRA9TVsSAnZWagAAe2wP+QFUuw886dBDB9adj51o\njffbMqfbigVVXH50Yc+wJGTRXMp6qR1Shpojl/NgiqexBlfBeD84QZ4gJtkP\nyUZ/n6gLolkFDt6EEzs7ARwxUelAc5HItw+FhV3XFWJQ6amFfc5OVtHPCh2Q\n7zq3IBBUOSoS83TY3DZApoBZrmhKWmEvXQwx0TPHnQuQEUaSdGWuc/sNOXUV\n2NQ0/Uy97InBXdXwYVDDYMu6PIybKBRkwMH0862qjXcqf1T5f776Fmp71WbB\nROiX3ecHSmajLEbNNca/9F/xxCLb7K9TDAPNYpb/u33GvfBP1J1BN109DELF\nNObw1jA2z9LHSEMrzaoWKR4o7Z1WBIeaXBzRoIKuxnrRV78eblN4q3msIbfE\nN3Mmb0K82WGlt3ZC+jBVXY5AgBraSVw+AuqME+dOJwJS81crgbqKVaIFVQWZ\nm/J6UIXcDYnautKxwQhkB0deA/avvCRNcCKVBLOxg8VCwit14HF0exF10FMp\n9GL2m0q0w4a4zHiTvzb00GqYceXGn41XFtWlxuC60bJC4hY816TEctE7PP5b\nasku1mTsL9KV8fVgMI4m1we6N7Cv4/InPRmbNFlF58dJYktd052Rl7GrfaE5\nlEOecmzJehaUNMhaPvH8OeDXVNMWWWXnlIxHD3b6xnZiKIW+ZFYrA2w15vKA\nX5EV\r\n=AiXK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNKTPs7qFAtsgoqj1MENoCFMGh77reKaqP+E4eXTTaBgIhAIANF22gp3IMbkh2o/2qXmbaWnZTZ2cM+iZbJdTrKj87"}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202112230.0_1644872746003_0.8522149444641596"},"_hasShrinkwrap":false},"1.2202142035.0":{"name":"@bentoproject/gist","version":"1.2202142035.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"4bb5570c3d04ec8e2a88418e8ed8b420e5b31ce2","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202142035.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-CxYFZm0KCFuhTCkOFGQD8AhkV6zza0JwgsnBLGRsBCvdakA0qWm4/90Pvbx1wiBq/mRwRZswh2pOvyHqSfnGKw==","shasum":"0055250ae76fe4fc85af2d6c5bc007ae0f4e1c7f","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202142035.0.tgz","fileCount":28,"unpackedSize":1067386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC3GnCRA9TVsSAnZWagAAtUQQAKAcSzC4fylAhjAdhgyj\nP0msC6QKFT5iM3VN4GGucJu5pADCZevXLRy/ini9Zj/kwT25wz5pBXK/Q9RS\nsKGKbsfu58gyZGTwacpHs9M4Orxqg9bkY44xVNdkpt94e2DzpTfknPifPOky\nTwRr6wpRVffo2zXFN/jLSUCLWOlnkcuUqJKJhGvPH+LHkR5D8lxPaxAEL4n8\nOqRK0/jmMqOF3IYeD/jVVRqGpVOulPqp93G2rNPijSF5uGufoZFnWde/Ou72\nFaoHPEGZSDQYW94zPkXO9Q+47Yo3WCo5bKV/SV4JWCd8sfnKCuyU8PNkGWZa\nwfRKqfVGxevNLMNVxdJQM3ApjG6eVV9YS5K61hFvh9R9TB28B/FFAt1vq2H9\nsdEfSx0MDGrkOocs9JYDyBn+Gx1Z+gus8XmyVdWwSRGX7ABqtql8KSNBQneo\nzzbtft5wWaXVgmJP32X49AneWklDYxyiXmB5mDN+/ITiVXgPDZqIo7xMXQWV\nZQUfLYqBSjviD/xhCbNIwOiDXPfrRp6RJMPtkd0aDilFmN9DqZ1s9QaGZm5T\nW0L9af69eJtrwpii04iJQ9TXvkeaINr4aMuvq5LZh1BymyQGsWTlniupkVCM\nl37O0365vkK5+5HNTSrGJW04EZZ5/pqw/SrB0c2nipUbZlh5Do2bUiX5eKEK\n7nwa\r\n=rsAX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE3fpw4cqZKfIMC+5wY48xkbLo5yk/kI2ixujmOxZPvQIhAOf2oJfu1DskWJsWKatWSp3+wDdyCZDnqG4QtkaF+KXZ"}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202142035.0_1644917159114_0.35775261429581673"},"_hasShrinkwrap":false},"1.2202042210.1":{"name":"@bentoproject/gist","version":"1.2202042210.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"gitHead":"a656b221ffc7e0c9f092bede5668a546628e9512","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202042210.1","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-18IZQScq1y5xyUjNSV5PlpP80Xmy8rWgNb0mPqrszE+Glr6vJYtzhgT3eXoZLamU+pZFvy3omHazqe2RjYKUfw==","shasum":"a60a7bf23965a37bafeeb54445a0ce31d1b807e0","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202042210.1.tgz","fileCount":28,"unpackedSize":1069236,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC++PCRA9TVsSAnZWagAA55oP/ij4riIjH4fbqfeltRdd\nJKQrTCPLcVp5FunAL5yaQUlGrx8vogUkutj0LWB343InU80f0q82PR8thXnE\nwwfnHenBgWbLizYNe7g1rQp/o4+LleLYGJAso6BuLm+7u8o/dtgJKr49f8Jd\nx3iqMMHnuTo6POMCPxUIVjhn+oZ6yZ8xOCSYn3HdRvN5PRqeIN3/GISZByAy\nCB2OY0nhRg9qJLpHLH+AiUe5bbMrUXAmmsasjK/ZY6DUoviiEPteaYs0oTEJ\n6uelqyx8b5nSJE0jp/HfEKbgRkE6SQ41Zc+a0pOGryfIQvCGpq4ZItuOBY7K\n7rZaS1JNhLG0W4cAIesnLFsU5OWdixtxLYN/MDzdmwyu+MCekn/DdUp8Lum8\nIQEoUeKttSaoMxfgphsdFsK8GOLhmnxruS+VH4LUoWm14Q6ZEQ8R+aXalxU5\n5XXcghn3dbNY+ItUS/JDpXn4ZzOH4VIXzDlXIqsf2cAaW6oSnoijLL74IqS/\nSkeVOCsdGLx9XqrF6Qm9fSJDH9UOjXEt4YtS9EgkKdZqknsKY8R2ISBi35j1\nVo5EjaYACBxmUfq5YsInRBu9SmAEMaBMt9shTe341FHwixkfibopek08tREy\nr7ntTpsQbcsCHTY6ql/aBnYrOMx18yEAPf0mPvn1XtgVSDroheI8934i3RJ4\n3/Lx\r\n=jVY0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBzl/ojCDp2xi7MYWVkld3rJV31i0iwG6A5Gw1bfmA/OAiAEpyrLiVxvw+Pyk6k5dFm2oGC+6cPa42968pH3mwKYLQ=="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202042210.1_1644949390866_0.46303062586129307"},"_hasShrinkwrap":false},"1.2202152253.0":{"name":"@bentoproject/gist","version":"1.2202152253.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"a50f1711cb8aecae95387e7f6b1fd1862206166b","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202152253.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-+KCg4q7/GG5AR0B4RBnWdttytIgS8gzEAmiX7CGfTUgMbUGEs96eQgCIMXydxKghW33fZeHqeFY3Pu/5MZfF1g==","shasum":"9c0633f45598c1e55e5282d64c483e5898312ad1","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202152253.0.tgz","fileCount":28,"unpackedSize":1067386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDL8MCRA9TVsSAnZWagAA/eEP/1Vl/I/FJCsD6UvpPD05\nGdtdS5xXjUBpaBwqpYD3UpMgDNY7beDlwkhVkJu4ewKlbyLyqNGzjx/Pr+QE\nB5UqCCkxaCZPxWVClWM9A7qmPwicwlMF6jxuQTsU2MDGgzno4fAHtuW8G817\nbgSSKfwz+otZzJ3VWTYXUiJXdxrymdbbzBx3amqXYol9LsbeJra9N9QkUm0r\nXCzVRR5GWQBIM/QEo6L0IhK65k++rFaWzG4/uyFB70I/ESwBk4x/01OuH1zg\n4gH2No9W6xvHEYKTP6UxozZc/ldYqN2jVtFchJw7mXpCZHq9UW6FbpcnZMD/\n4CyJU6vDKC8lZv8ECKphu+EdZ6BWbaw/E3E282o4e2bEoarx6opyFD/geDR2\nUY6TWgj6XTxovs6wXQqGLMUKGQUtI0M4XMlgyGYZqVoax7XE7BusIR3YvfJ6\nbpE7wEROCmeXbsleVnrZnPw2ff0qsIB0buecAz9KDBETuf6/eS5z0Z3d8T3J\nZUXnsoLUwh7591+bdGD5K7xRV62b7/qJJ0smKMEEOmppMJh/Kft32ctMfFKF\nsaHYMzS8L2vlqM7uAMT7yX8NerMFUJle8W20JcNQOkAYjZTt951mLQnF8d9k\nRt/WGYWCyE3mcBAYkvo5Do2eSIwaAaDrDVq8GgPtcEibBez3iemsEN2uPG+q\n/N9F\r\n=gRFY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFDqMXM/WkszfbcB7qH5QnQNfcKbvQAaQ3bUtWKB/M0YAiBpuQACFWl8NPl+k1Dc3+et+y71JmpCBAluFA+m2g5s0w=="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202152253.0_1645002508142_0.9700893140665212"},"_hasShrinkwrap":false},"1.2202162256.0":{"name":"@bentoproject/gist","version":"1.2202162256.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"7548b64f77fe070829e46481b6fa247b8813958a","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202162256.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-8TF+snLsE2HRUSFNT6D+I7WjzNbwlj+CUJh5ZopoYt5pJE3qtUD/GLiJMYzcrgYRaD+fT3YaV5qHd56XnMy81g==","shasum":"88aeb8e6e772e0d6148b6e0c055f2b8e74eed3a7","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202162256.0.tgz","fileCount":28,"unpackedSize":1067386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDhWnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonMQ//TE4DjWLcSDDTc8ctKKzGzhmVPZsMNweVK6cUKENDegXfri0A\r\npQl6aRynxMgv62TqQuHGZdFT15YOgxT23pD3g+4cQkpv5AUSjoRxoR+P2i0x\r\n5K5XPkyuC1i3zOuZeFtYmufHS4YB01kLGn959n2pgMCSufqP4r63w4a3QVMJ\r\nSpP6o9O74iJxXvjNH6Nbx2AiNR0Y3UW2704VV/ZVx6SKHBGbGUyDdYcrqTY7\r\n3G6MTG5vwsjTQkNsVKQk/+GUhlWL4uIirIR93FWjMILH5PtQtzxWv3JC5tok\r\nm/ylIoyrEvbN7tHyIvS+j3mBq4/t2NcyY+Hu86c5nmVnKDkP4X3j6RaNB2SD\r\nmQf/LV0EZ5qJXUfYLXkrRCsYODmBh7MUhcAW7LDd7pj1UQx1flzxHkcHHlHC\r\nrq8Iqi9L9wfE6hcn5QUhYOIoUIzNx+/XxZwEwhtpn1zVlCe0oNCtFM9jRVkw\r\nUQlIk1mmfslTT5492MYBQ0O8F4uABjSm4gL4HZmwnZg0wd78bYnMg1zuqJpZ\r\nYY/cZ4E/0d7ZzOjP0LGjqyKF72AFm743nuFhkCTKUdH3q70v9XiYQuVizMKm\r\nh8hYUrj4j8sCS+L/QgWR2fdPtzsmrVpWMw22EjJ7RMEXMVaYWmyIgZ1kjkIv\r\nIXEMbj/F0u6P3jn0LmHqlVlQeOUCjUiTJiE=\r\n=Xhmr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBe+bSznpvSrinZDH5mMUN3sJmhqFv/MDYkDWEF//lk9AiATw4hlRs4rpAdpqm4BQVjLOCinB2ShU4tboqtJoR5oNw=="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202162256.0_1645090215217_0.7837658755638033"},"_hasShrinkwrap":false},"1.2202180255.0":{"name":"@bentoproject/gist","version":"1.2202180255.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"8708c2591965df37c54fa25ae829421f10de58aa","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202180255.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-E7JH9QY2S7uGkM3Da3UcrArM4RdnJ8RK29iUmUYBLxgUJMunX8w40ep4ZHKkRIjYvQEmxoE12KFTZPhAtT8lsw==","shasum":"7aef7621d0fcd5081e7b571f29291a35dcd439c0","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202180255.0.tgz","fileCount":28,"unpackedSize":2324648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD2qdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPyQ//TAFjLdVY9ssLjrZEP777v+J4o9KOPqHAcunizjx1sXUrtf1K\r\nOGqGBU4s80kzTRwBQCusptz79VCx45inC47vhuw7+uVnHS5UhYyPr2xaGou1\r\nadqSMmu0F8r0CV9sxOLDdFMjWQOVfs8ov//+S5WGQ7WTdZk9iKS2ynSMJQkX\r\n1ZwQyt83QddBaYHILP60Bv6htPYR0PHrfHjuPYfaMO/VaYSEy8cFFheRznt9\r\nTpgvhlEEDfXrJh2nNbz8xCPbH7mqIgGcCXF3IAIgUewlQz2RXhd/c37AvOSo\r\na3QZBSKZQSghkRswRjcuGavl0snPkXxT7N/ArmnuD4G+CDrxZNKe3ZY0GXm9\r\nzhcPQ+FNkEhpbZn78ur4wkDAXDmzKac6wX6ZgW0XVc7RZoFwRI8IjKisnMXy\r\nIgAjqBQgLD4h8flQ/Nj49iFVxCYoieSPp0HxoCBqZrDdTHe0MpTy/zfWpKf+\r\n6oEYrOks9hBMR/fTmJUDtzzsT28bYStRhlEFcR/OsZvTO5Ptew+GYM371soV\r\ncbGFFhY8ijmqwJ1OCTA2aK2cVkNtZIWGsvQ2kX2Yo3CQVblT1ettwWluT1tO\r\n3PbOfdTYMxEZ5WOUN8yU1V9hpdeLTLgHerUeyEV8nIQN0C9gjTGgFFhWOoWu\r\nyou4qnrg6Yvrgz27Mzg7N7KNxq8mSCACofM=\r\n=qR5/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFLZLCJuwY2rBba2AtFk4l8EOlWzF9XXwpf/PsGrR9JWAiEAria+vCz4My+vAZTUFRwGCmPj20mrHsbGInTBnxX1Rn8="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202180255.0_1645177501090_0.9580799322672102"},"_hasShrinkwrap":false},"1.2202230359.0":{"name":"@bentoproject/gist","version":"1.2202230359.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"02e5f5f51d0375b35a2a20b27815ab79d9767e51","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202230359.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-ecIapTATihq3UoOiotBuj5ve+V84MpyvAaXB8aVTNWpgTDwIVPv+B4Kw9jo0NUOunjkdVPp3TF2bPoPQDVTvQA==","shasum":"286e86d6377dcf9c10f621538d4022162f6299f9","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202230359.0.tgz","fileCount":28,"unpackedSize":2325179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFf6pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmroCA/+Kb9ZEBQZfM18GIBK/GxwIuMDjD9cx5RguqIe3YRlR7xY5Ojl\r\nHtDBkJvvE/nz4ZkQsThhEuLE0/i6FqZ3sQWJkbAK7WkqjG2nKijIivpSNF+q\r\n7oI0/n3kwyDZV8NdisQPq/wovZuDlQ7Saz2Eqa0/mhvXgeY/FF3DVwLuzyR6\r\nDi14OqwsqfO2bU3mH52shayQS0pNJZPVPbQM07N+5QQjiDK1/TNOqlZ1sfUF\r\nEgpIJe6Q/geG+Xm5qvoqwuEtd22hKI0QbMl2aS+fMSCJSj6fr7jM5PSOhblP\r\nEox+8OjQlLVPRB+R7xcZvnGknx9RNgQE5/AMNm3JA0UBVMlBqMjcBK381b2U\r\nEdRcBrppHju3RlnSTmIb2NU1cTCi55ZgVblj0xGsGi0lkcrzdcT45qxHKhX1\r\nPatORi/IrhPZpbY223YQ0SebZBnT/bzXBIm/bg1t3Z7VRNUy57B60o/9ffeQ\r\ne0KZoCidy6NGr7EVTc2OpvcAFeiGtwjFrrn6pmekpHPUp1/H+rk40Dvg8q8s\r\neOMDOXd3FaziFnqk8uoQ5zkId4k2s71pdvqSvS1iZULjs4ky6cnqeecP1C1d\r\na0ebJcDeNZhy9pw6+K1H4rsmjHWvF4pfngTsjp085wAsnktWpUBWQtdkjNP+\r\nXoYxAtpwcLebrvoggzps0vOrE2M87vrQHM0=\r\n=l49L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA7jIybfTb1W5XDUEPFJfelzos8nNSl8Fs/7PiG4rJs9AiEAk9ozFh9JS5/f0MqQWgpF3PA3xfM31jfsnXMGMD8tPV4="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202230359.0_1645608617705_0.15868066906779"},"_hasShrinkwrap":false},"1.2202232232.0":{"name":"@bentoproject/gist","version":"1.2202232232.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"66c8923bb334f4cf267bf8feebf822629a9129ac","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202232232.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-K4UVOCodbVihkYz+DGIpsouWodQIe89VJcR1xke0fYfWvAwM/ZVM1xIm7w5Re9i9fv8pWcfV3u2dBI0j3gdqlA==","shasum":"a82c10fe1bc000f225d3626f34372fb8a26c36ba","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202232232.0.tgz","fileCount":28,"unpackedSize":2325787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF6LfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrtbg//XC3BVXRDyYahyatjmLIwBJBuRNeV8IAkHEMKexOvgSxIApK3\r\nFRdd/pFBILdzb3ra4ynnn1newGo/rb1bxaWCJIIoqfZ/CtVwQrAcKhdLPtA/\r\n7TnCh3mhswp3hK1Ld9Gvix4nH29sJTHRcjKXh9s0A8F9/rM0nOa+o3gEd5dp\r\nnWePWm2fMjzkNnEHqOMLbRGJMuqa5Y5DaAPOdFZmKEHW7ToYWgvilMJL/Jor\r\nx547Rgzo6V9ZzBaxSjWapnrQJitt4FI/Ja4Y8b66MkvEeyxdWSPmd7ql3RVH\r\nK8E1npBK0w8HpwYrMxTWawxBzLA1Pwni3GYP2RWOsIjhOFaunrOk7fcSFCrL\r\nltIeZjNdUjFv3gwNQyUXnSHsGtXi9jjLLawsLhIiakUBIGITeT5o4XVJL+4E\r\n5s/se7PwPA0dLI7CFD+7I1I1/Ek4fW3FIFkxGGcPRVrM0n5yHIaF+DTOQqHu\r\n1l82rIwNRyJtZMpHywpLY9XoalmT0PwIzK/AlRtPl7LtWZcVYbxQ5l29Ilma\r\nXRLmRhCkdfeS5x5acGHhh0PkhcpLa428KrUhEgj/WI/LkUgJ9XLLgFxdm1AC\r\nn/mOhujeiw/pujpjJ9YJ83dNdBRmfsn5jdFrTYQFFD1Q7xlUutdY4PGucoUp\r\nsYD94CAl7VARI3lg80D5ZN5ja2kp48oq4i8=\r\n=l6WW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkJ//FVGKmgWOOirW7Ws/huGud2RHXe3Z1DOenF8VvywIhALzon8NKPn6oq4gAgE13xm9DfcFjvxCm/wjCH/qfIYcz"}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202232232.0_1645716191173_0.143638950089517"},"_hasShrinkwrap":false},"1.2202241911.0":{"name":"@bentoproject/gist","version":"1.2202241911.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"d0f22f13b53d3b67847e18749e07ae4640258f87","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202241911.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-AzpPfdvktWXPbYcOJ2H/PPjMPzbwvm7LOwC+QQcMGeULGa6qR47LKEo3FkG6YgYQQfqxexev24FMEtKOBl46FQ==","shasum":"fd5e5870f0bb3719d51f7ebb952150ba0a74a236","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202241911.0.tgz","fileCount":28,"unpackedSize":2325787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGPMqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGuxAAn0XMY3ukIStfD0u+5wMSNDEAp+w0Jup3KQxol15mT7jza3n8\r\nD0CJDUmJHuJdPrFBpfCPXGbPipOYBMJzV9yHLXpxgwFhMXIVLtniSK8Orjkv\r\nhZMbFqeqb2cvbsCNNu0ylEXmiFXuiLuygEPqhP9OO8ULXOppUD3aAeNzlUyC\r\nUNUcFQrkVOm6h42KhIniRNwbLD+k/BqZI4pVTyrL4QyVX8lTQ50LtlM7SjYj\r\ndy5/g0LG+UptcCehVjU8mlY7/IJQ408xWu/vbOrIddvT2oUQVLJLFGjLhBH8\r\nYQM5oNSFH+XhsFphvBVPujMgTNJ6ITlK7tOL3dDfgOu3i/op1RCm5WWx16Mg\r\nvbr19zLed4wCznqMpCB7ON+/mUG60VijwujdpYQHxDkvIasgOfzTk06hP8Dk\r\nMnpV7itYHT/GM62JVYen4fxSJLpvhSOz7/f6MQs5pts3UOepAXV2NpgsNxv0\r\nyYgM3GmKvrTBD6282r0s2OSNZm17BU7ezgLWb47LzW1PQ0HpFHT6TAZIIs0b\r\nEdABjxRm65nKHjfb+66pt+xCvOecN9HDBRW9zkxGjLlnOT746YGpziBVK51A\r\no5qkd0TMdlYIsJ5H2l5f/vSxP9N8+7abPERcq2txkufeEizY37T//HBhfK1X\r\nfJT8oXLplPMPk6No51ceGcaikTFK6qILG6Q=\r\n=IE/T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDuIVXE0Au+runHF+Sa+XjkfE69iDDvG1ZzX5EufSWrwAiAjBD5JGSTuLXam2jGakAmvN7Q8Lim8jclX82mdSkjlcg=="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202241911.0_1645802282277_0.5151470035551218"},"_hasShrinkwrap":false},"1.2202252101.0":{"name":"@bentoproject/gist","version":"1.2202252101.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"fa0da0bef1bacbbaabdd17ebdc31b018e6450c58","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202252101.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-8UFt1/SEIFiec6HU+KLIprXEpJRDcfzK85xzvLxNp+uluIoJfmeyp5uRHpBGT7VEcNd4R8Iu5Q2ZvHsno8VNfA==","shasum":"9d669eff8e0ab5cae33b79c58b4a2d44eba00161","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202252101.0.tgz","fileCount":28,"unpackedSize":2325787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHPxLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqpfg/+OKwKYpfURqVnoAAbl0yy63FF4iVzKf1bQKUfb+lN5QsuBM5J\r\nn6a2S10Ur/Jtk74eOJysBt7h3vUGWW+/ew7RTUVqmbUABPkMv41wsU1YWmHs\r\nJ1ZEXvU9JTWMIol+C6otrMy3XzyGbeGOUYZuFT6jICcSpgK3DEaa/ynG6se1\r\nAnORpdVc1I/md1yOIY5LSoZaW7dWGMwXGqJQAkOiGUF2YB4gZRy+FM+jxgbB\r\n+vOeRyrm0vIZ/KNR2d0p47vZq2YJIJ3pElp+3GXuTEjUj1hPSd260AkLiZOB\r\nlcyLPVgQnC1wL5Nv7g4eBjdDhZaqSEcGyS0dqx49beC02ccskSir4uOpDMai\r\nujaasy48BNlDXnPsgfk/D5/MN3L8nJWEkQeB4h/KVmBsfS70li4JwToi2LtX\r\njfqrDE9nXGw1SfiShE13uyBLDJQm9c6NltBsEgZn1h4+BM3bUDqIp09fMyII\r\n19sXdGH2OsolPRbpVKi/zgBnPV37Q7nq4fO2cfYPJzoihJBFfX4QawWeTMeV\r\noYrjWRoWgMWJjZIUhzSytUsPqXSCitD0xBG2YzRAZl2INo3YnlhJ1ICYFgce\r\nWba44wrgjI9SuEC4aN45d9FSZtiMr1Mjl7MO1bqGOXCbbQCpSkLhwxdbm7Fr\r\nug0bXqruheEb+Mfw3twTgzObQklHWaC6tAw=\r\n=6Sv2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFhN9k6KABVYpQiMN6t7qSsfewpy9O94OzYiFqQIKjhAIgDmW46keFIBZZsbtpaorcqFp1Ooa9JKoJ25uLZpX2U68="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202252101.0_1646066763520_0.10871058899878494"},"_hasShrinkwrap":false},"1.2202230359.1":{"name":"@bentoproject/gist","version":"1.2202230359.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"gitHead":"f459124bb58e0a0d2076f658b8fbe3c9db13a04e","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2202230359.1","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-4vXoJPkiqUQqp8tRW7M+EFSpSXCzRnS8IzclFt9s1CzWsQkQTh8v/J4VFRZ5IX+/oD67IqkzxI7DVXW0Rqwqyw==","shasum":"983200b615b4ef724f9486118090f70cb30879e4","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2202230359.1.tgz","fileCount":28,"unpackedSize":2325787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHpjIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIvg//Sxiuggf9/ezEjxW3AMjDQjGioiUyVK/SOicjTW/I1f4S9JJl\r\nZeF260gfzvIDGMYMdxbYCZNoHlooQSTNy9xxVV708lCyEeJ6SqIv4cQrKb0c\r\nt7YRnwyZNFBEGiALd/Up+DuhyoDQNNQMxP8E9ECAVmssBO6EupcvPQOvQgP/\r\nTEf00A0g8IMKG6cGdZCfDSuyGXBsRNUmlNTqR4yBtbUGyZzf7gwM4sbJ5VXV\r\nwkQOCUxKMl5Wi/l0Cqmq59+hz5lkirbDeujUr5lHPPQd/+Z/r+tef0k+hZ2/\r\ncQ7y2N8o5M036atmP86ur5HuJGe2VuctzMC6qpnp/M7CKwzfaVtM8cs0hLP2\r\n8GuTiMQr4My6UeG4X/w1EheVVbDzRQLhWn34rE5/m05cpAQzjs617ILYu9LK\r\n1UcLTbYklzSD20rdllKXXSWjXVcul0BJL+nVUnj1Fn8ebf2p3DI4EuGsrJMV\r\nY4FuFjrCMcDSmY9MRsAzomrAgWs5muuWwpGgrDgyv56hMDkOTE7fT/A/VjKH\r\nPPdQ2GIR/dTtp+zigwN4xmEyV5e+Ar9BGvTksvXHRO6A3Ab62UYVxLROfX1o\r\nmarVkemTL2RHBzxd2Sk877c8s5PvEsAPWDtWsEFUKN6qwwZ7TYxxfhbzR/6V\r\nXs+egcA1QkU4TJik0P2YI88WNqZxy+8ntMM=\r\n=QQNt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfIw+pRxJDW2e3O3+ppPnUcOhUw/yzLEgEJOPkMjVjGAIgQZcz9h4D8+9RzP/5dRXfD5mzQXDnFv3c20DIW2TWau8="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2202230359.1_1646172359816_0.31561905571680127"},"_hasShrinkwrap":false},"1.2203041950.0":{"name":"@bentoproject/gist","version":"1.2203041950.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2203041950.0"},"gitHead":"419d49d2920fbdf4bf88e8efc3421f7c37ec209b","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2203041950.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-5a+GqyEZsG4M7kDmAaf8f/NrJVFyYbX5zRTk/3PqXkz6X7MQabO+2gxQGACTteQXnU16qZMlpn70rXWCxcpunw==","shasum":"ab78f8d734bbb7a897731214dc3e9ba551e20552","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2203041950.0.tgz","fileCount":28,"unpackedSize":1164290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNyQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoeyA/+MJbrNBqs9FY82Bil/mPGB0yoVg7htUqMUvjoGJFABjOBYfxo\r\npvoKsTzHALIvOpQr/TsMIKE7wd75jHojl+/26dvXZ2rJe4AXY4SRRz48Zbkz\r\ngoQwshqsSy/FxnFfkzlyXPlO6a8PCwO8nXUthLGi3n8qKNQy/4jMGNwlusO5\r\n7eNMfA8KsVhCu/+A2e0cpGSZzGpuZxQWcImYnwkOjccQNRPiRi7SUlCMnJda\r\nh79PfrYpR3rVI0BZpCAGG8+lc7jm6gi1xfmXYLubAj4I4aGgH0hdPta6OTL5\r\nZAZqVcNRr63/yXTkvv0XABdSQh3U4klkZsoegQfM07SQiiN4rl4Di9Q38zQG\r\n5SEShpQ0LsXrZP4zuEJxbztkc6ylSsXpokY/muQIT9V5BBDL+PRLbM1eBoZe\r\nfOyeLejeR9MjHGoW21Xz9US9YTqhf5ypKdsaCbbWUbS+ulBRkp+5kBSZP7SS\r\nSPPqtdcxcPwBxUusQ/LGHXHzix7/jN9RtFEtIcZd5mhAWuweChRfQIU/g1uM\r\np16c2YgYeO3l9mn/lfsjnTB36WBAasAwKWetNjSTHmb8EDnGkvcGcqJ8ujB/\r\ndfDKYdjxiCDy1/zjxPmBMuwqiwwjIHVXHJuDwRxptAgNBTu8yykURX2i1mHK\r\nD+RXAWFvRhPbAX/BzIOimgrBaJkLKUx5Yxw=\r\n=f6wP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAsL3yTHP2XSvImLT/sRTz64gIWf+soHmE2tCn6ltjm8AiEA6o83DOwzNkqGiTDzfzPiPsfYrNhjk40l6cDFiI522pk="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2203041950.0_1647369360307_0.9831726955826323"},"_hasShrinkwrap":false},"1.2203151539.0":{"name":"@bentoproject/gist","version":"1.2203151539.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2203151539.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"fc739c0d339dbae236fa53a87188f5f7ca58f25c","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2203151539.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-h5WkqmfmpDagx4V3l5SV2RxSD0agf32fmR3FhuCdEAie5z4J4m8M+33cX7oTR49ZxszAVPMCgrV2ZAn+ZJF0iA==","shasum":"b18e1e02346651aca97a2dec50b6e40859888059","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2203151539.0.tgz","fileCount":28,"unpackedSize":1164290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMZ4gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2hw//XRJP0z+rORQF68cNfNlOsjj0FD7KhUzbeiFMsqjRGMz36nuS\r\nW8TDCRbbWsMH0CAzUolF5LOXBI59jXXSE2xbGFmVPO1WAqVxfvK2LbC6E2ad\r\nO/OywtcntiX4XF9u7m4rlOKXmaZL6RUflgSgZs4kpz0zoCT9Wj5TUp98LP20\r\nSJLWeW5QSOk5zCxuGtJcs4nS9MdARsb8XsSImYuTQlVco0zFAXUETZJpXAR/\r\njBAYnierzIh410LqiXDaIz59vwaKyeALjCLmldZL/vQidygh8MVu1sNz8CtX\r\nAefigvMiDWEMIOxQjkgsEEU7Hz+ulBQ8jQVSbHr+F83MSQW0hyjy/npWR3tB\r\nMtGwOVu/7yOeigID0Jwa3ThcGP3OMyn35+BeSI5R0TWRO6C/T6vrp79O5P+J\r\nO6iQl0S6VM7XMnf3YEX0/SOn3HMlZf3krhE/uI3T95VLnyYxcvTpqybyA+ej\r\nknDmbey1zGj6lrggk9px3X2+IkIqxYEufpkDFbS9KMswMCbI+cFy+Zom4lc4\r\n2cY8B/6fYzdnvvSloV4ESTKBhnV0KlYWoeWBLQSE2JV+rVN4I8p2ZblRm+Rc\r\nCEJni9eK+Wd/k/fUc0WsR3F6fPLO9ImPB+11G4nn88pK3oHYnVuQQqnmeRfI\r\n4usrChVHbyFx8/NkED+jKjQBT0ljo0Er0FI=\r\n=hATX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqm7MB66T0IyCBdoxOUQHWlDjRjFqeloI7pxw91YsMJgIgJZg4QZEKBhWrhGl7rR5RmzIB0JHFGiKUT5WhVEL2cKA="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2203151539.0_1647418912541_0.8516104406718543"},"_hasShrinkwrap":false},"1.2203172113.0":{"name":"@bentoproject/gist","version":"1.2203172113.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2203172113.0"},"gitHead":"96b2159ef70d24edf6c33303cb76a623a4669cfb","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2203172113.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-c9q+i2kP72vtYZdLRZiJLtjpPIh0eEy8Suv9pWc6zL2TxicJleo+Wg+FJ1C6xcWq16t6wXvLpVhz5PAekDLGPg==","shasum":"3706acde1a01a3db23eb054a9f2eb196df1c1c61","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2203172113.0.tgz","fileCount":28,"unpackedSize":1164290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNEF1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpABRAAgFjmUy4OMPPHeShXYGfbFuMXs6Y9rK59Z0uJp6Gxynj2JiSP\r\npZBXKNKYsOvn52ZX56vpDs0OB7/ukDSH+/e6SqOAAsdOgAXiBSAlVlhh1Hgk\r\nj+u23zPeJ2Rv3boL7aGvd3g/u02HsPu27k5F7GJ5O91VAIUdBancUpo2Ehfr\r\nV33u3OpWWnud4LocQ55sXZ3Ot200mPARj7X/30HG0iZOJfBDC/jUGHmN7n8l\r\n1Ye+U0mTEruS87QjsXo7uul1003nDJXwoa40zMUAaaqIoSRYMalE/QEmtWxu\r\nmBKQvyyq2uhCzlQWX0BAbKM+PwRqP3d+/xZWUZhu+0toroo3OC1frKsj+paE\r\nKi/bXQ8KedqlMIpwp2deiO53PTmw5A7Kp4YCdtnwnjj3lc1gyeJ9yenOg28K\r\nVnOZPHzd+F2BCCRTaQhvzJiQSE1fIGWAVRibO0olK6XoIBoTMHDAUzqxW8zW\r\n8hUhKb8ACpU/WIejvfvOx4MbkEu+wV5bARqK9PLssoolyHxCWBujEf5xviQc\r\nu4s55ke+N4jqf2hKtwoDVv1ejaYuZJUsBTXtkrQqdnExZDYb7VTeAx8aNa41\r\ngXtxjs3k1qVqCM7IsdhyUaFp25LwtWslNTA15WeIxffoPzV85P2r0uK/4ZbM\r\nwnlAkvBL3f5ebeRMM4IJ/LkR0GPZVy/LmZA=\r\n=AB+V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbk1TEzEqg8Ds/e4w5ilOAns6EgJQiRjWj2DwQu9mC6QIhANYmr4MYsdt6NlfoksLEWZQl+Z18+t3J1I2qqUpnWKP3"}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2203172113.0_1647591797595_0.22601389176901776"},"_hasShrinkwrap":false},"1.2203221937.0":{"name":"@bentoproject/gist","version":"1.2203221937.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2203221937.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"11fb2607ccf78c526a38e31bc141dbd3ac75d326","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2203221937.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-xh7Z+Jf9jUosLUp75ZmGE3XNW64cRecQW4WzmsZA91D0iOc3jy6fZkMVP+wHgV1gCA3pVY4IYB/3AyFbX50JHg==","shasum":"fb7207b7c86a3d25492b66a56cef7fd8753706e1","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2203221937.0.tgz","fileCount":28,"unpackedSize":1164290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOtljACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFLxAAlVSPg6hOtBgG2QrkDMCwTVTH9j8j8ugBP/PMzGjtSRYUrIp1\r\nuuqoww0aL5TbWsgqdTjh250jMrltkTw8nBU+JwJrnOgmJ49NlXQRj7xn333j\r\nN0e1FhjH/ujvicPrdm1mxugN+p9SVBtlnazC7nXaeUS1Tb5g2KXhN1/nuFGi\r\n71Fv3OP74ueQQLmyi8WYlWY8x6jpNVm+SjSRpQU2z+Tzz1NNpxz+cn46QAEF\r\npTmdZY3TPIzAPs6BYsixv84R5UjJ/nkMLVb4tndiAQBLg2koZjZfP/1nPACz\r\nm+AAWz5VyV7yhbBaa6Z1ECgkOqPoAbZDNH7dlYuPILhMfiSOiKmXsQMDFlQr\r\nrMLxOIGmk6ceaK8t/hBKi8tdBXIIlGVECkjsUExJy1W7RUk241B9Vjql85IZ\r\naRK+HYwOVWzIrlnsnBpRT8yGOujURfJBGypqlCAXDhBqLlKcu8+hA0LYBLPc\r\nmzm+e9zDbBbDrE+AoQbMVvfLFoWW7+whIP7+ardgt08dK25x5Gbg3nXIq5cm\r\nBPz0XRPMemv44rkqJLM1i7V7VpxcjAm5prw2OgM+zEFlqhR5fekdpULfAIIa\r\nfiLl0rSptw9tlBA5m7G31K8xO2GSatVdv1Zb2bDF9/VvspGn0Kbc2l8w4NKN\r\npz8+5CLP+8tHeffO+mTN1LaP5kwNTdjgprE=\r\n=iY1q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIED0WEq1TqqiXmBhnCXF2yypHElKTVAH3y3tkzaXSjlUAiA1sw707OhiRSnhZw6CCsr837xSbslAuYXBoQ3bYUcDKw=="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2203221937.0_1648023907767_0.12406214837238227"},"_hasShrinkwrap":false},"1.2203231914.0":{"name":"@bentoproject/gist","version":"1.2203231914.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2203231914.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"9bf7cbdf0dbb4de2bc6b81fe042e52c990576b61","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2203231914.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-9cP8kF3O+n8KME/a1TW5e5XQcv2ZSUJUTavklRRkRc7wTUvl6RNfftsV8y0XczFmEEpYVuwlOd93xBE17eHyiw==","shasum":"1a657f23f91f9dab7f803e3dc5ce6b9782cae3a4","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2203231914.0.tgz","fileCount":28,"unpackedSize":1164391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPCp7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAuw/9EGezlBaSTnE51bJ/qRPZBNGmDY7+USgXS9BZ/WbTqma+lF7G\r\nGEmC1hLlWyhcA38XD2yutDUkjNWiHOZc2xvJh4ZgP/PO18pIEGWIT22r/fkU\r\nUxRs+LVsYlCGP1dOKprhQi82vLnIAM9gengfX2+DtppkRlfnq4/n/glM8v4c\r\n7EhM4o9AEyhUBhr4l4Im0FQrOgi+U2NpH1SKTNly5yWZH/b8/esy+t+mpnio\r\nO8+ZEfcVKA56VFX25Qlc9LdqtNwzRI80//fPch3SDV04vFMeK9ckDkzMYU8/\r\nl5vIKF7nin+9VNPwzQlVHhWvCevKv8dBb2sxERDY5mwlveXwbb0wL90KCsz/\r\nUFJZ/g/Otf4riXU3bq4UhK39i/f+Ma/itIjDwqhgBZGSZ3r2nTMgvUIoSy5O\r\nILjQj+vDcxf2XZhQsnfRW0xzpnu2RRjomtE4L6yOKpAJUbbbX7gz7hQrRF6h\r\no/CLnasVKuNDaGz9gIHzjsiXDPEHZejCHFJckX0wlAMxzhoz4BhWy427GZoq\r\n0REbA6EHlUwG8cti7TPGAwfYKfui16IVMNfRaPfAVVuElTIqtpl3+XjtJDma\r\nb18mk+TDHLzJVrJMOLjCLGrugz69yMNHjtCGcc9sSebPnhTPoiZNeFf5LRu3\r\nh0FcKMhBg2G6PtcURqsltNCp0XvkRxLJUN4=\r\n=El7X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCblVdCIU1krRPNljCB25yQ0ySWTH6ageStBsPebA8I0QIhAPwrj23E6m8Ag2de+yoYLKfN2F7RSu429Gv7RgZA3Cv2"}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2203231914.0_1648110203227_0.3370378344503968"},"_hasShrinkwrap":false},"1.2203101844.0":{"name":"@bentoproject/gist","version":"1.2203101844.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2203101844.0"},"gitHead":"9bf7cbdf0dbb4de2bc6b81fe042e52c990576b61","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2203101844.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-i2VXaxQBUIi3diDwxU9QXrdAVfSswuQW9O6ruJFFw+k2ziMg2edKbyZeWaGaVw7vlxA4wRefba1gD5loiEUcPw==","shasum":"aab52dfdb0e2a8f33157881dd08f5ef8c4dffb44","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2203101844.0.tgz","fileCount":28,"unpackedSize":1164391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNAOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoB3A//XJkF1McHEsV8f4z4Y+y+yLz3UJoc44X424k3qhVhgyUC/0uJ\r\nf9Bw7P8ZxZplIusJ0LpVylwuZxaZOTsmR4pgctr2ijGdcYZSkMjoL5ZYIhhf\r\nlgFhHfyL6Fgsq8EfaVF6yQppnTY5q+vwzIJ/+mvdqihmrqNBkcbyE/8TXpiD\r\nahE9BribS1712IrkRrGcTS5OLEp98lKTuOgQDgvkaCYsMCv/QKf4Utu/JkRF\r\n6mql9jkcQrS5CZgcYUdBLJkzPJNP9m5AN96wIgurVF8/rJPjLXEOC+4hHK/P\r\nyBNmd1vplxJqBAP/41nghYn4lzJnkZ5dI+AROCLd3QYGhkHU/zFqaFO0aAMd\r\n+1RDgAnM6fNEhZrqJ5jJ0NjoT8M5xs7t9Ik61wxcbk597T1hx0ZUFizNm1Sh\r\ntWxY9eS9i0g0ptl3XAWU5YJi4OXhU2Jcn24LqDbIxyhLGbN5oRYvlQKuuQif\r\nbueSkLOuYFyrXcVR+hwSiBB51/kxk4FmNXI6DcpOSZU8YfEBU1QL4VVScmaq\r\nAMjoB1vqRmwyRSC1wB7bOk94npmpHVa7eCZGwMexVOVCpyQazz+IwqGeQJaY\r\nI/X+dAbvKrGbP9USbN0ho3IF4nCbaDNbaXKDrgS2aQMC2nXoWevHXKT80qhD\r\n9X3ljk4FnIjIF3SVufF+LV0Qcsz9Mev5EpQ=\r\n=Yn98\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDu/5qpvvR+eIwTffnZw9mHYDmta3BQtIydXa8gl9VisAiEAvcpK69hrRusk4sFzAPkToRX4GdWnUfMz5cD96fOuD7k="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2203101844.0_1648152590601_0.8805877899135504"},"_hasShrinkwrap":false},"1.2203281422.0":{"name":"@bentoproject/gist","version":"1.2203281422.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2203281422.0"},"gitHead":"f74833d1e2b0d9176900cb183c4edacc4ae53986","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2203281422.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-RaT1gBROxgJIT5J9Xu4ENcJWTTZQI2ikGWswZDkXGI6ohxyNHFg/xpFkp1IMMr4xf3XCz+CaxLVcb+xkFMi1oQ==","shasum":"110ae9751eb5afcced817e46eb84e3004e058455","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2203281422.0.tgz","fileCount":28,"unpackedSize":1164391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQsMYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrT4Q/9GE4ZFy7WmE9kuwd350U6Lcxuqp3X3A7c4+vtjEgSI55LoEXV\r\nLZfvhcUgFHpz7AEoA2I7ibJu3C8OSSyYjgMuCl+jfeLBqSbwS5QTRDpFi2Rs\r\n6krV4iLDmu3O0AZV1vLrx3dGp3rSmsB3lCTvvtoHX0yzjuULHoU+nDRj1uOw\r\nFkv1I3pUvI6eapuSTH9QVqZDrp5+S9cp/cyE2FhF6JYDQEti9kwlEDKqyd9w\r\nwWOGtKgYsAMUp5rL+TvVYPpFgC1JaOpDMbQweN0veJ6vOzkRaSlw3/1hhzFN\r\nBnSKdN0VfwnCutJx+1bGqkKrjPzpiNOA8Kg5XLFQT77vMpVcA7p2cI94pqF1\r\nEgiQrB1QBJIKcZv+Z+4e2gBXXb4pFs2Q1LqkUU8pxCDW7vcPYjDxx3Zw6veP\r\ng1wooS2jKp3A+EFdkOXvEddtECPJEJEzk0kbWnx0NNbhzclaPBFv5F4eoAtX\r\nORMO2dWX5YwlVt4QiC/MCct4qpPYR70J7Rro+HiQittEPxHOMHPVvKE2WVJx\r\nWBMesSemeFdmmrah95akjcSXRZCz7GBcBTM77MOm+K5UQ0wGTC/rlQt3s47V\r\n/Vd6jKtMm4zljAERQg51aXcdUd8ExJcxcuBULzfgnrFj4X1DMst6x3Y0kV6O\r\nhVSb9PmySvWkZ+9+oIIfkiqG/tNoh8UHhd4=\r\n=ymEB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDixoAMJdhfbf6dxYPfwRKQhBvQC58FccS6Z90G+t+M/QIhAK7zvmK2nySK0cj4yxwKT2Z/VRiv46oRyzG6hizxju7u"}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2203281422.0_1648542488090_0.5978940059061633"},"_hasShrinkwrap":false},"1.2204121632.0":{"name":"@bentoproject/gist","version":"1.2204121632.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204121632.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"dce11ee1542a2d10e47b8e9875dae137f4cc1b0a","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204121632.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-M1g/ix4kvj4aoYJNBL2WG52MXxC7bfoAFeBX3+pTfLCQatwtOIQAk5KJ9jR+JssNRMe2eaaxZOWxvSAtkTojxw==","shasum":"f46b2be1cb1aea6684ed5cb11fe6a1360838db0f","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204121632.0.tgz","fileCount":28,"unpackedSize":1156092,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrtCSmyvoP6yKzImyU6CQk2+mj0azDjWAqZ1TC8wTtmwIgFOxhv+1CeSiw+IxbLGP6N/2crIRrLN/iFrkB1mJ+RuY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVcG6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpilQ/+J3fJQnO+tuskxT2cBJtPTvLUF5c7U5rguvI4HL+dtU5QTl1S\r\n52hxcO+Yjx9FIJT0Hki54vu8eG2cUYDlJ35qG6+RzcrtCWO3I3j6oRHEpw7U\r\nJbKV3AylfhQiT5Gf20LhVSJdxuQ3pffDNGNPsJTNxl5yEYY+ZNd6g4FpdJLt\r\ngMjXN9HgpYrdthW/1mVp5340011lfdZDfA0/dY9TVO5DG5DrOuHr9nviPxHN\r\nOSGUY6R74RWQkqlqs56C/U0yR7VyZfkSCG1P1vQFRmT3y4dnkzS3q36vRSRJ\r\n7sZcGMVb0Y5J8QXXCJXHeytrga13GsR0aU9Vd45wxMHwlSoeCh2X4FkXvYO8\r\nYI/sMB+ROQntxY+7J5Hc+ZOGxrqN8Rbh5B3nO76Rsc4urx+AsCXQv+c7Ke8d\r\nkdjp6JP6YrWY88cS/5lY4XoUXDyimQEIb7wfyZ/yUJCPETK3U3678A7DfnhA\r\nMO/erEt0zOK7VnxhyQJhx4ZyOBaXXMx2vkHIxToufVxolwwe9mK/+ac+tPL0\r\niQSa/+cXHDLAXQ1NLZxrKAxDutW/ushXpbHev5LKSbNgiOn3FlKnvqegpHRT\r\n2fMOes7aLcb1wwgDyQNCZTLUpjI2z1lonEafb6PU2/ArMjteV+K010PzSeoc\r\nVkpfYNd9gXnnSJj3V6URA+SfMxxGOjNZbug=\r\n=H40l\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204121632.0_1649787321455_0.9554477532904233"},"_hasShrinkwrap":false},"1.2204122000.0":{"name":"@bentoproject/gist","version":"1.2204122000.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204122000.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"9d10200b5a9784c35ca9fa16b1a4b3078aab3180","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204122000.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-Vdqr5ZW55XZxsSLcWUVjTyC+enga9zTM45TphlVSlB7VBBOQnQSQipefkbxi6phxtT4jPAXhwdefDJ51YIzBbA==","shasum":"2b83ae803c4308c3a7f2842445672755280e7b50","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204122000.0.tgz","fileCount":28,"unpackedSize":1155852,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3vOCB/jfqYxQi4ni3J9ORcyAzxCPd5RFnB/QmF8rCsgIhAPcn4ipPGrRqFgqSt3AIrxx6IoaRbR/kfz/P/bwttaOK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVopBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpkfw/9FzzZde+JNsRrPFzZsCc0rhN85DAbkL3U24GGAleSuYY+d8qj\r\nVoruMes2jAB+NDlsJ/DyFALQsR0mPJGC5AgUFQYR4x/HLZFquKuZNDJuf5rf\r\njTie1wPvckpFTixMMONovLQtbp/XgS+BZ7DwhcRpoOdB608WhNa8OeJE3uEj\r\nliMzFVdBK5icg7xwiTFtrTR3lX1/8CC1/Imv0mglQ2HroE1thsuutoPOkPpw\r\nWdKSY+CExL0iayUnj5KfJppgEPw4r8+OvJ3AmKGQ4cSOwJzz5NAj20YmT7uE\r\ne1iS69zNaf/OYkCpiTe2IJVUYPulNxKHBUNSXOcVTNtjoMbWBFlmxM5uq3ku\r\nTPtYbl+unGx+b2SAlkR4l0YVwfnfGD9ABAmc/o/adXEGhU0UM4dMdizkaxgg\r\nV+nBmjioJgb7b9AFtz2mPe4z70/5Iqvli2UjV2KI43b8HuHQj3t/MS9mjQkb\r\nypqrj34j9UWOKsOEBAvluNiFrK/ulfyffq/0NMMMLTrTGT4yvTT1s4SA1Vob\r\nEIRNOTDHDxlPthwfiyxjWJ1IDJZZFC1q8aLQhhqn0vJmCQ1T6OohgZspl1Wj\r\nVYM/E/3rDz+0cwcCJPAAODUaa9lxqbVf0/WsoxAY/Fv9lL6K8G2KRloZJHyJ\r\nNQVsFlTq7bFb0jAjhL4s341vpyG5S7+CFDA=\r\n=lPhN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204122000.0_1649838657161_0.6505334222116337"},"_hasShrinkwrap":false},"1.2204132005.0":{"name":"@bentoproject/gist","version":"1.2204132005.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204132005.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"26ab90e1d3f7c29ac76e3fe33cdbeec9e828eff1","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204132005.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-7tKsxKPJqtZEOVR6FCmWvXxPysbOxfb3e12GV3wapeZkPX45/yoWe9VZmLx4COUObnw9gjmFynJhFOwmRgY6BA==","shasum":"0cf719832fb66fb7388eec0192b8861794cf48b4","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204132005.0.tgz","fileCount":28,"unpackedSize":1155852,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVqo+9LOL98d7lPSbznBrFgcse/mhTnOTldgS/IvKVGgIhAPtI7NXbecbLX1Ntbt/g6dTiYuXo57FsikjN7vBbcDhh"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiV9wEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphWg/+LrlukkNjwoFNQM87rMJ+rnvui9rIjV0bZphjQk7zkBcgdELK\r\nlloNQbjHA0KyQT7sk2cVhkP+vMEIUEGyX0A1w/ietN2G6u0L3DgSBuvkmmv1\r\nrUVfPdhA3Oo4KgY/qxTXzhdogmUXWEciQ7j/j5iZ9oK3Lo6GctnT/m/VLVz+\r\nQe5P9GnePpIaIin98qWIMc4o/9uxRsNGDK0tH0Z6pROT/VfHcE6mb0VrMmN8\r\nrnGR5ichtMh15PbMvwzfpUw7uG5gyQA1qzcGbIdn/inNPciIOkHNFpzXgn8S\r\nBn7oauebdg9YVQpgU2WxAjVlnQQlQ0EghE8XM+gGo4WkhRf7HB7Pyah/Luvr\r\n4IIXTJtPSrA+u/g4XjWh+hoAVZSLjSA/fYLplwSkVPVu5kympYvX+kPanz+A\r\nh6gN1nW6my2jOl4NxO0sFAsLIkgPzSyRWOatcccyJleYHkMIHF97rWPO2nhp\r\nyLz+ingwJz5yXn3/JVlxE+nXk51O93atut7XtIJBe054UudElm9WfmSK6ouW\r\n5V59ysSfnbOMIHtVyN2JlhEvG2k+HBchJPXKo1mwGmgYi/5gYBsJIHB8IQS6\r\nl4lgenRmaRzqONY2L/nWhRPIs9FpKrwLucwsrafSpfPQ0mrNHuJFifTNqESh\r\niJcbhScsi8KsPqSFvVIE5jB8i7SSEqlIYTs=\r\n=kTJP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204132005.0_1649925124449_0.300974578204253"},"_hasShrinkwrap":false},"1.2204142048.0":{"name":"@bentoproject/gist","version":"1.2204142048.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204142048.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"32d29a09afd66bca55e024a4f21b1cdf6690cfdb","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204142048.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-GI+dr5n9f7Rd4o0aAVGsHx4FlvXsQ5uDd/Rz743ZgMQdonfaGAcZv3gHVS1FxJ7Kbkn6ITZk1ejZmYsV3sOh7Q==","shasum":"25e77232c5805a7929514616b05e56bb416ee292","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204142048.0.tgz","fileCount":28,"unpackedSize":1155852,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1QfqL6PJ/AMcm19rWtFmlYt7OuX4BuWHP6yIpXahNdQIgbfbGgfefH+Kkcmemefy84KdDKR9lJCHosz5/YBbLuhk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWSwvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEkg//ax/Sp55JGiVZqNebax8gxvvt2wkec8/eYJdCRxpI7H6veQxt\r\nyTRJwPXDNYdq2+/hzZA1WtXJ88nDCii/VP2uurFxE8bvldrT9bqEGQL4c2g+\r\nk86sxDxquWHGBcbf0a5H/bHoKwQAZEdjeIaJM7wkRRPyJFmRHsl7Ur5euYQ3\r\n27hGpx3jgFpC6kmB6kBRuq6bmjQ0CLF9TVL+NLmIN8EGuC0cJGlKaB3Qi8MX\r\n6vahZPo/2s6lwwzMwCTPbqCyAv9vCH2eLJd51rcLELloJdrtzDQywp9MFJcd\r\n/bA/itnzUza5hQVTKT0OUwfmID58volg92jh/pXreLPA3o7Vxfn67e0BxlAC\r\nDsaGNrmjarpovBuJInhi5tvoR4o8VapMegN6dn8D1XzHFVAnC7SXzx8x5OIZ\r\nomBsOLri1176sll87CP9oSpWNoB1KPUG/ffZkfx0QQUCh48uk9LJPZBIW/h+\r\n+KyF4w0fZtA4wvB0zryIVey1IQqB44P2xWS1SIsKj341XbrjJTStrQOKqlE4\r\n3I9/b7l7M8IdlAgAuAJqh3gtgK2eFhrmNPUT5cyBoZBHRyNMRv4WIPS/DLLL\r\n+qoZ+Mk0EAyiWtYRAw3WDRecZzfson/E0K9kKuFc09ZU/V1mhEaRzprdSWQE\r\npKjDRU0WtUj+9dJelWkCoSU2EYJWAVCSx3o=\r\n=gxX+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204142048.0_1650011183224_0.828117601663239"},"_hasShrinkwrap":false},"1.2204160405.0":{"name":"@bentoproject/gist","version":"1.2204160405.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204160405.0"},"gitHead":"a26d51722a65f29aa7f77872b7906f6e7ed62e9a","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204160405.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-J7mksCeo8wnqUcPU4OAhx9sAaJ73Mnub0KsLAHIPF6XyCuKpPhn1MpqPgwGX+dPWlzTbQMVXp2xBkzp/kDgTiQ==","shasum":"99ddc12fe324dacd1ac34e850de16738945f5a61","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204160405.0.tgz","fileCount":28,"unpackedSize":1155852,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+skkTN0kqG+3zF6rm3wfkspFy5nf00St2fW/NsHrr6QIgDXwB1yQsPlnqZ3Zo8U+QMFesGmsi2BotVKdduYQdIbc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWn0KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpM5w//bY5xn2AbZMD2TyzP0+g+d2Ij2vqUqnx9sWBK7HFIisI06161\r\n6XMdiidfMK9IW3GPyJvp5Hg3Pe8n3yxqyaCjIhW2busMiquLaJcJ3ZyKEspu\r\n6MmQw7nBp89NIDeZmhYUy/KkV8QZb86DSqeaX4jKcaFvzuli/GPqiSFWxhxu\r\nJ8/jqwioDE6xL42tACtJVNnONHKQWKJs/Oo1+1GsUctWNLO03faalMy0vfur\r\njy5akdb2kzX/aeHelYP6OhcX2Q0JjDdzlgod2vspaanAw0qc2CntNhnHIuIJ\r\nD4YDq+d3BxhZ4xoI2K8pATVkKaeHcubf7q8vyG9QIPDi7mhmvKiWh8/+J7c4\r\n1S4s1Eqn+410Qick+IJp+OzNGIoyKX+WmGbBfqVw9uoLg++Tind55dma7jIn\r\nvr6x+juPlIA41RT5LspicAmo1LhgenYbfhDwAu9RBIT07T8EWw4ug4OXUWCK\r\nzoIi9mf6ZqZT7j6joJ+PzbZZ8yezug6I7ZY35wz7Pu/UE3GHS7it7I5RmAdU\r\ng3+CdjnMLcMDPqTr96prdpOF2BJuiZJywuS4JknOc2xq7XrGcSPmWqXJyc5+\r\ncYczQwe+UPORzOtzraRm991k1s9C5igOic61s3y4H8mN/WaRW8h4pIYnVq0q\r\ndEMPqK/ipzBLaBgMjXb1xAqC37enJwppCXI=\r\n=BsOh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204160405.0_1650097418471_0.23012378615854967"},"_hasShrinkwrap":false},"1.2204182206.0":{"name":"@bentoproject/gist","version":"1.2204182206.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204182206.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"83e7c80d7406923369ada8c1a7a5dc660ebdcad6","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204182206.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-U+n2GuCHWEOFt1c80zVRBMJpeFbUaNXze2N/Gt8qHaqi2RYgPQ7HPitiKGBfCWotaiOk4H+hclxXT251IvqnmA==","shasum":"6b088524a0532ae57fb2d34430b1eccced6490bd","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204182206.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIByqpDHs8+SCdxFsydeQTN4phZ1hiUq3VYMX255HskMGAiEAwpusmbFFoBLrgTBLr84n92Qdb2BgprncBI0g48EIPWc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXnLiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8MQ//QD0V5uRV0Z666f6qq/WR1u5xQdtgUORS8tuwKW/T0AcP/GTq\r\nXzxJvOkbCvZ5rvdbY6i6daHeqaURbvg+6KXY+BT4Sw22iWOXlECmVgvJFG6W\r\n/0R3fADiA0MYVIZKWS4Uewl7TQOhiPc8yBXHMFXqOxU5QtbSmSaD+zUyamtk\r\nY0uKZOLbA15xMw8u2kRk4zMUGlp40LLOgLs8OTzea6IJwxlhQjvbJrtskkVX\r\n76bT+Eh7kMlVuICKj8JGic0Is2JNklu3kHCCuv9TSK6SuvAHS6LGwA/rhqVt\r\nyYx+m7fQj0GNldYfbrCZJDr8uhpMV/zsWt9+C1w9+dkMMoP2J38uTJc8+axK\r\nJe0Vio038YOZbM9D187iwCTFqkwNib3CtDb+ZPqtbvLNGbMLUeA+bqM0TJNa\r\nrF78BbvR0acAj0dgnmpMjB6W7y8CTAlGQ0mT3ZqQpsmf3r3BCu/qU3bU8EUk\r\nasTM2nsnR+0sQ9cClwvvhK6V+wX5q5g3/yPJ2l64zCKkpW4D2q/YxiCOivfK\r\ns+rcR6ATjaZiAdeeqZpCWtNWNZzNiS4mL4vrm+yrUD2jXCQ2E19jxwViFUK2\r\namtgpp3q1pzSPWbLTJodVkvIlZpEgWhMQbUjN5bNbrLlo/YdbHeM7KIwqF+e\r\n6nHKsrxhTLLkKc0htSb8ZGqpbRLSfGDc2jE=\r\n=f5WW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204182206.0_1650356962682_0.31879442800684976"},"_hasShrinkwrap":false},"1.2204191429.0":{"name":"@bentoproject/gist","version":"1.2204191429.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204191429.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"2ef2d96efb4624b0ef0313b60134c9e35a4e8429","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204191429.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-/c702qJO8KkGKIDRfBehLxc+DlvlF9yw+QDWhu6o7PNzYBC0JP6SuF59CwsOZ2sok9F4lsBJxazLlIk+IMBueg==","shasum":"bb782b6f7da88a4d711788080db11c3227045c0c","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204191429.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDErBaRWYOOHAUHr1MTdEIJWd9WCL8phQZMvwJFpip/+wIhAIZ3vFe6F6cRsj4Zj+x3KvPF9hiDvh0Ml2EFbVO6CFda"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiX8S5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrjyg//Zrk0l/bNG4uttAMyNfz2tAqdcYeG4MrQCYD1nDlBN9mQe3Nd\r\nCqsjf+Wo2Ou6CwRp5SZGZ6aKaY8tIuAKas0Mjjy6DdlkRfohYy2ejaZ0/5kZ\r\n81P7srHbXOEo7jZfXZvBSWtQWNPDwgZ2uLxDozwQz3c5Q3ACnJ8rTtzj9xXC\r\nJrPYSBW+Oh2TZEOE5Ch+rCnZrpHjP1DKKp9RLWJxIbUcLS1t7lZ+2Xqwzqzn\r\nF2NAXOXCdFL44IzAbtBwYMt74gWAvqF4uXkqwFb7gJ10FD9rWQHHpdw4TbMa\r\n0py6x+9Mdv42njuO+hpmUeZI1ctafJHPEia6r2r6Af6lgbfj65H4nSX2fsSK\r\n+B0XSCRJxdHfDwMeKUqaKEUDwyUMkYoWNooUEJ0ul881q8yWuCIjyji0zXPj\r\nJVK5gxghBoLhBsIk4fie3SwKjB2rY867EwmPq3ug647d47oWjldGWxgQwFMs\r\nHHKdpuOf9ydOy2pr3IbCU8i564Sjrgue/SRXh9MGsw5qWQyKgiYZzO23HruV\r\nXNZtCpR1pSvCT9y5E+XyV4L+9f3XD6WMvG3pnv7W/9b0n1wDGBAJIwtilvx1\r\nG7UOURHRZCg7EZuf3k0mYkGBrmZnFjZWDpJxyp6N7P90R56mNqCO0trTuVlh\r\nJxtIhNoPHwRf2nOCzHTVf8v1WnKGugj+2gs=\r\n=biO0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204191429.0_1650443448849_0.5290960138392136"},"_hasShrinkwrap":false},"1.2204211736.0":{"name":"@bentoproject/gist","version":"1.2204211736.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204211736.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"01dad70364e4b2b9707441c2c8ec973e1547b195","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204211736.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-yNl/c80nITduE9HLLEOGeQnRloiU0q5Ivyt6hBHtcaakzc7iUwX5490wQG/GxRPiQXucSgwI0xaj8zc+CeusYQ==","shasum":"ed34e2970baf14c4302763d63bcc470ff1b965f7","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204211736.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBWb2BCqON5U7o76wwJLVuStNOLEkszmYbBi9oeOKoxgAiATdJSp/gytkl7IMlihVVvvmwATlzUzb84duLcBm51o6Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYmZuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrr6xAAo97s/ZrqSOhH4sTVVxPK0xdbcT5Tvlahu7zJ+agPm4QCqGiz\r\n8yUPvXby68KHQReF7j6McioT5hkA5uDfo+zxtpNB6XMn+MgumkqwKzAYCzpE\r\nuU1njsWgJjD9nXTq5G+Pt4KdZ7Y+APUZf37+J4iKPz+9PYqzQRa97EcAiO0t\r\nktBLUC7wZajEItw4xhSpAcasfvxHMNDI3zO6R3wo5R4PkOIjPYJGU6cxtLtr\r\nMpDMa8Qb36cTV8kwOxudyt1BKwK/6AL3kU9LOdG2wDQEAF6cb24LwcqxG2bb\r\nqVa4+bFlRJi7LzWAA4QZiFqMeSoCWZeeT7dmkO+X/8P/ReizqFNXowxD6lCt\r\nELAC1re3hXOYxtxBWNZQz8hXx27Mk574OtEenhbEXrkllJUSuFdPeqn114qd\r\ndlgrJIY48XqaVZHCOeIV5jQ9lmjRTxbLoAu6nepp3FU66jUgSjGfRpxsc/Yz\r\nckTvOp2OcGwSp7AeFULnAh+il+NjoEbPKhyeExqc+GqSuVq1NhzKCr5/jfei\r\nNCRRxxPTaZo1MkWoHoQMXAZlZ+GR5G/Omdw1zPHjeQxEITdTi2u4L0ru9HyQ\r\ngWjxOfnFDCHaW2CNi9vPQ5q08XXXVgC10Vo4eXjwVOJHGh49z0RAmW7QPsxW\r\ngESPv6zxKIdzEWTtW/ESaddGqtOo0yVubWs=\r\n=9hb4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204211736.0_1650615917726_0.38278863330615853"},"_hasShrinkwrap":false},"1.2204221712.0":{"name":"@bentoproject/gist","version":"1.2204221712.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204221712.0"},"gitHead":"fd84f283465064f90218f67c2964f8c0ecc248fe","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204221712.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-Gh+JfVtOCdvPvhwBW/CKiq/QKqksCetHtxcfZqwwn0cbFhz/xuW3Kl0LKGHXoZo0hKoRn1Quu90N+khavRudLA==","shasum":"d0b362a80d11b1320337525d3776b098b86214c3","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204221712.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcX5e6ePM7PcfaH5W7oKhYwBgH9Jej3HQnNdowHZ2vlAIhAJK/X8/Nt3bBQlBxKclO7tUy2G2RdvzZmRimTsT/7GVr"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiY7faACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqu0A/8DZ1Fu3bFS4Ar38e/oa5kNr45P1v0Pnx0+RO64iiVA4cw+jtp\r\nBVDzx9cu5V0n5GQ0KiMImtLdkPFCK2MqmxhhvtBms01odmvQQshWtr2jZk37\r\nyF9Axk8xz1EIvzLWTy7ygHtK1n1cYL08v8Rtk5PyfI+B1lkPtBfr8TABfOMo\r\nb78oRREatane2N5qMZ7LpxfrH9V1AbcZVAtxbx7AVf1swBw7jr4edrDnL2G7\r\ndolwmwzjEw5T70ytXCZBW393TAuQmfLGMAo7p7y50U1Bmmw0uQdboobj6yDG\r\n+/wqnlUUTm2Ug8qMudGQQe7SRBz7tU2zOFd3znorogKWciu4uJtZC5zBr8Ze\r\n5yxU8uUW66+vrHqTzNrDe5tSVFekxdmtkRbC9yqeKXoqBbnbS9ugsIc54lQP\r\nIK/Wbpmfl9xVKUushVow/io5V5j1au4lOAPomxBwpSEfUyWeT4WbJvTf9wOm\r\ndiWkA+4mIUdc1tGeW8Td9/nQOGszKhSB4+3Byxq6trTWYoptqu6ovssUnEfU\r\nNkMrAwIvlG6TDhqwHgRHuSqNchYyhEf9wadvva/BN8PKvDu5dh269ftdQKnq\r\nZmzMaDgx+kcgOkTS9mXXH5bGIRZqgCleQK9+G80j3ZVLWSl9ZO8pVTg/S+wN\r\nbDdEoLP4w5eaGPlsshTwZ1RP2zgzjR/5TtQ=\r\n=Lusv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204221712.0_1650702298609_0.6354015788873002"},"_hasShrinkwrap":false},"1.2204252045.0":{"name":"@bentoproject/gist","version":"1.2204252045.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204252045.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"9dcb73514b52c635b732b72b56561ac680ea344e","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204252045.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-dg9SwP8iNixvATWPKyxAbgVs+f1+sRK4yTYT2KyNgNQnd2StXCmp3Nw+NY6znxXxHU5W4h/jmOx47FqIxGaLlg==","shasum":"77c5cf36e867ceffdd389347b53521a2062a5082","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204252045.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGEfUT2YzIIQ995TyTd8mbdmw0631k7yPySOW3csg2wjAiEAkUzj6LmX6sQPH1kFcEZU0xSpBH2jg1X2+CNrBuw34Rc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZ629ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUaRAAkx8DK2KjqSvJ9ZEDAOADwvKnLNiyCpzcgC8FTIFeHPnw6EOv\r\n+Kwq7hPpIRh2u5P9bslu+EOnn/1VGVy2uoPK8KllK2G+j/BOFBk0/SA2gmT9\r\nR5fR4OnAisRh/X+SLolJWh7GEPLajklPXav3Xgeep5ikzExe2XwPAtxfmXRV\r\nPy6dF0Tg32HJRvBQdb8HEr2TzaVhwQepd1y0VkxoT5DGf3yvDNHsFdwDuvnM\r\nQxXvQR1s40APrJsypf1v44zwMQOfSM3dLUYEJdpiFaoo0vp+krv8I4BJ9yFt\r\nLKahIJZMEI0AI2T/PRTt7btlP6/wagFUenB+ezCIq83S+KuDyiyK0UPVRVYS\r\nv+2Blu/8N/qLbprlqBS3ZGZpnfDzzARalefUHglqqDC1tdzSv9wyqiKrMp0N\r\nh774igvU6OcK7gsxKjIoghqDB27ZDgn4LoQv4Uy7fBVuB7GKsFpP/i7LmN4R\r\nx1vqqJTM84NbiD9Qk/j0PIAMPlhX5LOGjwE+N+KUMKFjhOHSz3WetamggohF\r\nl1YfBlPu8u4tGcch/0mJ/WoLHIVBwSCL5HNGX4bgDPF5ceTZfFZvVcs52PCH\r\n+u6NSPZzWoJKL8fv+fKxYqdCxB568vfzaSlucbFS8vF+nUAt0a4EXTzItUY9\r\n0E0rNjjT0YMp+AfVISteU8cuGwsEOxgWFp8=\r\n=GFkh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204252045.0_1650961852399_0.6499258319338479"},"_hasShrinkwrap":false},"1.2204272205.0":{"name":"@bentoproject/gist","version":"1.2204272205.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204272205.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"c2397d28837191a7d145806840ca6ca9a73823d4","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204272205.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-PrRlM+GdzuplLmtUvnpY5g7syl/K1GMeD5qrZsh3pdnLeZ6/wZoBzDUDwAsYysYiMcoqP7Ld6OuHCla/LfCJ8w==","shasum":"95d2ebc77a2dcd8f0d504ae6e75c1d19f5eaf9be","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204272205.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCneYa2vU+ws4Pm1JS5qP9ra+iKv3/yuZlMe/Vzl219gwIhAMQMkSts7sKhHPibWHqPc1PjaYp3kXYTcziYkCnrFJ8X"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJialC/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp01xAAnhUqmmQz3vgFJQ/qzCDKRRxBrHYUmgYtDPnoUwJwyY2n58Ft\r\nfOEvS/+vIXAvFeLlRgOrr2BhM2Rdp3Ft4TrNrRhqsNco7W/vNNDuTH8YPe4z\r\nKYRKtI5tfYO+zUlNT6nWa+M0QuaTF/QIxrR6pqjSe1ZddJobFxKNPcxlTeWJ\r\nE1xwBlkoxL0IEU2lBWSeta/LIyRioJD1oAAd+ORksIkWSKn4tkGLNffDa3/X\r\nCPJQZwYSy0gDtlennJJp4cVxC+BfezonJyqbwJ60y0I5g1alV8EI/K0UWGkt\r\n4p+iPcpMSyrseGXAJblGOBMc6h8vFlU1HEZ44BdaufI2onFelbdoGh+fwMWS\r\nwmlaibRcGaDvb91xJ1jp6iLbLeWf1aF7knE4Gk+/twcttVHhgzYWXOmqG3OD\r\njTe+1nQJTXwJH1rMUnqK/OlbPZM7e7r3RodwYC8UUEbsA7+n+EgNGxM2B0je\r\nah1SKnvEQJmo9jKb5ZZJNCh/ZssVUz2IZuIdajqVVtpW47JJiMciOACm9Agd\r\nFQcuqVBexjd1lYDgVJrejbbV3xH1QtBwGyWD4ise/yLV43HJD4/uSbjLBmQt\r\nUVQc9WecRSLokftIemDlWbpw/ds6MZJh/D0v3wCNh8EdlPzw9K1xvDzzUfkn\r\nUKCTTROV/tLKrflXv+RFY4UxlNarx9fEo28=\r\n=GRCx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204272205.0_1651134655320_0.876908178989674"},"_hasShrinkwrap":false},"1.2204281949.0":{"name":"@bentoproject/gist","version":"1.2204281949.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204281949.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"8bd4749759e81fea16cc216637d7a185eea3402e","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204281949.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-fGskk123fsPGQ1LfnTadBAyIs5qD91KB0maKvCJ/X71o+DfP7XQ57O1ZMhJUmFgf0uU1sFzsg4QuuBKwbCK56g==","shasum":"6c024fe362b0fd947d1bd825a4cc9c18da717d7b","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204281949.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2I3DYaPA5qN1rPZINlqC+rhoPnwy9Fjkg6ixn1s0wMgIgTpydKkgjtHlX8tD8f8FudTPkp2jCRZer1cWOhk2Mm4M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJia6FnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoklw//avRGTUlVuU+hyEr0eYFDZnObAtMZ4mOoSvxFG8cqoZqcy7XP\r\nDqBs7rGgjA4x2kMSWSkG5oZmStPpj07ZKgjXxdHNU4M/KADT0Fald58VDOBj\r\nWa5mAvmfM76a2dMexzeSFb6rgtsNWMK2c6XCzv+2/mLeq+/wfIB+FH5FtBPD\r\nfLLi5UEHZNd9VAR7bK8TVhWlPYf1XrTNCYXPcIMPKYfnAjBpAarScXxrpzzx\r\nsTYGokTxHuz/9mIgMIeJLC0uIcynBBAHJx3txwonJi1jaXseD4umXgU+p2D8\r\n2XfGLVnfe5Yxi0f/PYGOvDVk0RwUbhBSMcSBsuZG35i2SrCEEBAsPrIh38nl\r\nnFbK0oqrRASc7mIyWoKFqoEZ73VLIz7ElI/s5hb443+AbjlUZPd9047qTbZU\r\npAcT9zaE6fGmFBDEk9AyHhz+YhzBUWYW2QGXVZIPRnyzvUqXwqGmhf60NtuK\r\nKwvw2pSazmlbTauCJFU3v2va9yDprp2TSgC1akCg4WGYCRGubqfAsXkXFC6M\r\n6+XjtAVTP93+cHMzlQa1w/YZ8garBQOGJGIC6qAVWUr869Arsse3birtyl9c\r\nKallZchR+VuWGqbpxVWmkRX87pFGM93+OrspLcDuYVS+lJu93Dzqig1oqakH\r\nAsDzdXm7yPeITFFLWQ7WANCUen4PlgD5Iyc=\r\n=//xH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204281949.0_1651220838995_0.25429490776971697"},"_hasShrinkwrap":false},"1.2204292129.0":{"name":"@bentoproject/gist","version":"1.2204292129.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2204292129.0"},"gitHead":"266c274e2aa669399dede55e9fc55b8917069279","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2204292129.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-qVfqGShRVDwB3a2WcNur+LUET3Yyi40zqWq1wx/yF8xJvaz9cWf1hFQORO5IKlPWseUh+HSRbIibrtknwXh9ow==","shasum":"f520fe464a278715551f10a87b2765c49e2747a8","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2204292129.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQCPmedICd+I/UoalnI83JdXA+UPZXx1Z9Wv1uDDkNrqcgIfXEQxNsRvOvqyWYnmP1FSeVx1g7JGlGYbeyIcMnKTBg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJibPJGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpvrw/+IHRXjM/SV3QFTLQBYRXkxjJAkRVnJtondIhrNHYhrxmlLK4T\r\nf9vJmmkHMDRKvAqSRliDh1T8TPudd9q/6bBRnQKMjEGhSDUY71valBhr+wOF\r\n5iyNn+8yW4VH3Ka89WSmd5lXL7GBK92lfqQ1JLAZ74xTSO5Pj9lFhJNQX/RP\r\nqy0COh/hAAtvh6Tg8K1wx087E6F3V3q32dlttgVSSKg9YUNKE3z+5Bk8+T5W\r\nPlov05eeDG+DqF4zr7nyfrD5R31m3Qo/HwEuZJ25fAavfqyVpU10hglPDCzc\r\nb+KEX10r1r07p3QvNnd4le0ADHmbwq3/ZiGeNl7/1jWmquni22wZpa6iD4xM\r\n9AQmKTWUz8NgYvib242/ZTnjP/ctlGYiAn4+MH09rt0vUXhjEYjfTXEU3M8s\r\nqPjk7wG8+3lHotZfkg0PQHW5X1Vw9Ru2DR3RiK518InzEi+UxOVuSk78U7x2\r\nvuZTckEzHqITEnOfrf/ZwLJSDjgIQmnL4Pv5Y7IAebjfaowcT6KXU31jpPk4\r\nzrYdG5hZ8WgI/5fK35LwUeKdDuQgtXkMh7Hj1nz9P7rVuEFkJoFHq4jAQWt7\r\nGVF2GfzuGkY4K9ATJjXjEoS+UCTbpQHTw9F76oQ13wjfX1N+isGlt2c2veyn\r\n7WGr8cMPmpMwkq0euP9Fod9fifW9avE7L54=\r\n=5Ghv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2204292129.0_1651307077977_0.2711824565262779"},"_hasShrinkwrap":false},"1.2205031420.0":{"name":"@bentoproject/gist","version":"1.2205031420.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205031420.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"d3652194dae7f17865db127c7135ec194907b7fb","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205031420.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-CN5SLqYFpkJnUNK6QsMe1jHVO+VMd7k86pqK58Vp96iT0R7JV6ejrCo9tpTPaCHLGEmEqcgAv92+9Wx2j+V0Yg==","shasum":"c72d29829fcacd2d5b7a2ceed5b84dac51ceedf9","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205031420.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHloEkbAnqlyE6fGpp1PkhMSfJPoIfLd0LvWDBheBkAXAiEA1cnKmxXrtWqIm0pEbFvGf1LSu/P6/mXGruzw17oPzdI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicjh+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpkhAAhH5lx5Vu9OuF83TzkoBdCZ5G7GVP4II0erC/yBnWzCKqA9Wq\r\nShsg7UCqkxK36z+yY4I99/DGCHkUtPJUyE69VB9yazwNXht2go08V21ox/Es\r\nMyjsdcZhexaAW5Iyivk8jrP3yiX7ijiTfFyA04IpQzQ2DIyyAQDTkPiu1dqB\r\nbo29rx/CVKrMxiNaR/HWzRDLrcK/BGt3tWEl2d1e7cfphwSTQjM3fxK6F//C\r\nfbdxYaCg7zW2RRfhtT3s3kSeyaAW2ZK4HipQu00UHV2h4RA1bgTjJP7oWXjV\r\n7G+Y9wiCQQpFwMPAEH9GmCl9pvmS4LTCk2oYSS6mdTtGsywdokUpwbIW9Xgl\r\nNinHuivMEbsgSNy5It0yqlUeYdRm9mTMr8bE6z7UcMLmfed1EQkYPpUIHWea\r\n13xvNDchDcEiMxefAxy1/b02kGaYUWNVCuOD3U0m62f1Wv9tDKcrrd32BodQ\r\nz2rK4mI1w9b2JUNIab/YBv0Z1ZMbeTiJ8spvZtfSk4OkbqjVUDXc0OM2QCof\r\nXYcksvQkXLhVeUM7QOqveab7VVB//kJvIYo+yeBX0aHxDH8/fhEP0NqxN1H6\r\nwrmlDrKT5AYWWnKJL+zOXdkognEdmHsVIjU52TZ6DT0g9pQR71ROB4gqs3HN\r\naV5vSRQwg0alU0zNjfGPImVbOaXGjOtJDPM=\r\n=EH9H\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205031420.0_1651652734325_0.5220334857031768"},"_hasShrinkwrap":false},"1.2205041533.0":{"name":"@bentoproject/gist","version":"1.2205041533.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205041533.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"8c9c66c7b1ace99b28d77b82807f84e9e8cb305b","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205041533.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-nZpjg6S32IXFM6UPTgzAU1+sBlWxCAz4f2MjGjfQAJQjWJymNVVu4Wn9ro61YCgTpXIT2Dc1F/bkj65fwDvr/Q==","shasum":"75dabe6493441ef2e833ca68583bbaeecc98474b","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205041533.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA3S0I3/MnYp/JVN0u8zvJjIzv5huK9JMoX7OFa1LoI7AiEAjB3FAbsKRXFUr+44k+84LQLJFc+UTo8Ur7nt00S3Ark="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJic4oEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUYg/6A12nQRM50iYrAXOt4dWQQfUlDl9aNnLUStKS0LV3Gezmcc6A\r\n40+n/xLu4gX57K+8tQPX6G2FwX1Z+h/zPvbNdjdSG5VuoElmf5vNhQZKhoYI\r\nsZX3sBQH1yAd42aSdiDu0hrN91EBjoi1IlJtpxoDJrIHseSdDZi1W/bdEIv8\r\nnb3mGAXwnEFzjT5M2q4kDCQqi2kGfTlOTKs/by66ckOLUj2I5RgPOxySxYT5\r\nnHuKVL4EA5ksUhFKwcfBTSc1Zsvu0aIYFGUHQqz5M9Tkhl0JuR8h1KINlNQ0\r\nMyhIV7mOUBPLFSazufsTQSbrMuWjof2VJ/4KRrZh5qtDq2SadZNh/gXbej2D\r\nznZYldl0jNsn9FEP2o6ScoCAd5OJW9s/zpCRqyRxtZaE3yanx22+4RM8Q1S1\r\nQYaStdR/Ekth/w6Nw+WIQwJxF+rBxDWhFGyFV0M2NPwZ1H0aoSOa2W8BfR9E\r\nrYMJ17EZiDqt8EC/AIxl54OBAIFo0TS9L18NYKcUoxjtS2Yjls13nqEpOkgR\r\nECgOTqwM7f5Jg8QtuUwSWFW8dDeWq+igqe0jNmJbcO3IIViOxXqeTMIg8wh4\r\nHP0V2AnpcMMTKVBcx7hMrniJ+liknWpYEwFTJyOcE8URmY1DAZdve59Px+Iu\r\n2SGdnNE+5sYHKJH1SMHishc1xqQmYQkd610=\r\n=WkTl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205041533.0_1651739140260_0.3779452929141538"},"_hasShrinkwrap":false},"1.2205051832.0":{"name":"@bentoproject/gist","version":"1.2205051832.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205051832.0"},"gitHead":"3658b8bf865c7e71c605f93088560c0657af9cb4","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205051832.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-+yHhTZ+ai1EJzj1CzWg/KtzGmMdOk4ZrO0aFtvALW646q+GB8hndTZ7Ig+f2WEF81DkWpKkG9Tdl7s8J08vHTQ==","shasum":"7c7633b4ca02e206214cfc0f9db1c2e7d534a133","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205051832.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICUqgBakyk9Y6W+7/2SL7iKkx/eMVD+CIP6JHigZQR8VAiEA/SDr/mSrH0RCLICKL8YwtYk1ceOeYpvUy8/LwkZDkYs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidNuOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4CA/+JOPY5eiLXbgINZVVxp6MqFcIYsKKunaF5IERrSmbU4QTxQQh\r\n0ixJjYJlZlp1cvO5ZcEfHknZmXd8dwLf3TzOX+L4lVhxxW9YhBxg/aNZY1EU\r\nDplSIX3of1sEpM57DJEL9coube+SPVFDoJu/s3L2KF0W75uhI1lXPXjI6ooJ\r\nRMAFq8oQGXLYI9C7tXYEds9l7k2o+3FZx3xunrSymvQb25poAeicTGgIHgZ5\r\nmm/yXbBzvXuSzI84pFALjTSDCHFpY91Ljxu6Rs0TNJuhI/HNNo5Rq9XV3US/\r\nxvZBcw/l+iCYQSjlYdRY9Ccb3vITyo4kF+lCuBgqG8pAYEXqO4DcXAeK6hcP\r\nA3dyE0YNmDBMhXM/7jO7Cv+70mA/VP1m2FRD+aW1zkUCGqv1/H+VKbLgHZaB\r\nD9kiJgdOw5DwegODEGcYrjOHRMt1awHGrIK66xKGom4NSqk6pKlEYPfOIZPm\r\njq4FTQO41kJgMJcJK6CXcv/Mm4w2VCCDLSuLAM2rn9TzZkaJ4gE80szmLmMn\r\nNX0C837iTIqCtaOMdlVDP7lnVQptYbJ+12f3tp3HwF3NV9n6zcfVV3fW+WW+\r\nd/5n1DtZk9LSecYH0Dy+1w+xqfvM14ttBjuG21L9D8f28rEXNLnV6x8vFPP2\r\n9+XlNZfW4J7O9WYBJ7SVuCRLqv4gOXSsljY=\r\n=B0Xp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205051832.0_1651825550451_0.08771880652859387"},"_hasShrinkwrap":false},"1.2205090810.0":{"name":"@bentoproject/gist","version":"1.2205090810.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205090810.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"3fe2ae4108e8ce4355c90640458d13cf81af160c","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205090810.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-aFENhZXA9bfSxA35TeSxXcFNKSfg9Wc5gd7H4Y2/M1z3ZO4i04Zvqkpy/lfiOKJvP/y71ALv205rgLseCBlZBg==","shasum":"cbe62afef63f73bcb9ba5710749fbc855844c92b","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205090810.0.tgz","fileCount":29,"unpackedSize":1157060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0TjNAkmPma+gZ6Pl6SgJssJPl6JDt+QT96ZhEU537VgIhAJyOwiIUpvXqsjZVDQD31NENveF57xh8/Mq6DeljzzOe"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieiLUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCdQ//arPtTRCvZ/xNpY7Flq5yULcUREyywAxNSvIdopzlmuK6HfcM\r\n9bSnZZl6NI3ZrEGJTSXKSfxcBAFZ9VJG/PJBpqe2CIYxScPtssWniFchz0R4\r\nMQrf6Z6TQ7VO+yEfLM9xPdua+v7U56E8QgVQQzkQvf/J1F7bekACetWcG/1p\r\nAq+fd20wy1G9HqAGl9ROhWiZhLCrG59xMErIjkAQ8E68e8yV4HRRqUWiyTlw\r\ntWDsSh6O7EsjKulhc9LcWbvy8+hRYTHpSlauh0sj8BENcjuIVWyKozShWsDT\r\nLBbrQ27+80JywUujzgVXdIFVqSbNyIm0C7SZUyiujzKmDki3n65S3F5ern4F\r\nTuEVPdTQRg2AMYjbz8sj6OqkYQ78B61CjYY5zqT9AKocBZkcp5+YGjyBcvCD\r\n4ypfV6fWfA+ICfRX27bQAoKLh9kHS8XOZKotEdtMdcEOUHIYR9pGn3Bnxm8c\r\nnbx8n0vi6DmfEtB3tW42M/gCtL8lG5rgfwxbNr4Yre78bkWTuDHArkVN+AOc\r\nD17Wsgdp+6Dt96pVac4BA2hBC4HLLjCa0zHmkzlzpVhIh864EyUeHxzLgJ08\r\nx9Vq1oU/bYUrjcJaCKB3NH8VK6XtpUeXZGDoCi6nuEIHbXdC7KMeQvnDtzdc\r\nigxrzPwucGNwX8WUzZD3MEE2UtCAOhoPECs=\r\n=PSqI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205090810.0_1652171476044_0.15697239651432726"},"_hasShrinkwrap":false},"1.2205101904.0":{"name":"@bentoproject/gist","version":"1.2205101904.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205101904.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"43d879755f765aee2d0eab657533b493a025713f","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205101904.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-IQoBv5x3wh/e6UBlVVDJvR8sv2VpfVT/RRqQZEEPTfSDQBxAMW2OkuDupxd8yabAMWeofbLidTwS4f2ggdh3EA==","shasum":"24ad9beb1de2857fb0164d82672c208371f730d8","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205101904.0.tgz","fileCount":29,"unpackedSize":1157066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBnQ1M/vC0AmGsEuAzhnx2zjrpjQWf/fqXH3+wqJ4AAKAiEA/j0e0m+YgpHvoGaLKEodiFce11LA2lLg2+4GFQno2hI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie3REACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpunA/8COTirDEg+LoGkDhAwaZBReLtbvRWqEUNXiWlbQu04DtISE4q\r\nirjpFgpbl/JOKljXUsyAmVyGW6weXDOTfqm8YJAHFo2KV+FftITPZgugmBzk\r\nT1iAFm03xQERpJq6lD877BcKr+py22/gUip98xsfa/1LmEEQ2KBS2jhel5qX\r\nPHN5o3Drvn3QSDm227YnWPO9NwD8ygOXoMGLDphg6RQLCpvKBC5KClzzunfz\r\n8NtNovkpii+AlUD53ZjP647G2iAqXIFi7XcGHTYbrgF6GFTj9h8fKdjbPHQ1\r\nzo9PeSgSNd5mr33HaUDgJ1Trpmi0TsAo2bTbV6pim2G1YePW7CWklJ29NWiU\r\nUew1gc2iezUP5xK++cYFhW504e9QQs6D86DT54UDfmcHhQZ2J4zXenTrmkJ0\r\n0o3thWwj+RTmHVs/WXQhURD5yq/w9tXA8ugdAcOd4mVGEIPuA0K8YOHxL6W9\r\n6Ss0OOi9aNtbsTQNWbYEX1DS44bnhxgzdYI5GmAfs2c0DzPOI4QM/5jVklfV\r\nFskMbz8Wqg6+SJAMPU5vN7VcqTBSUEXDns9rxFhdXf3j3qphmizOeYELlcxr\r\n25Ugj9vxhiGGaaGLD+fCHOXMGraT1XyT62k4ejhBTAe2/oUz2fXlVxQ8y6qj\r\n+EUasdtDnWPgCL3Bg7O4t+8a0DYCUrG8Esk=\r\n=CZMC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205101904.0_1652257860163_0.5394101182949971"},"_hasShrinkwrap":false},"1.2205120110.0":{"name":"@bentoproject/gist","version":"1.2205120110.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205120110.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"46f34860b9f501caf0eda81977d1ae3aef4a947c","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205120110.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-B4QBV1YM7wSxj7jZVMv8TlnxzNKvCi5b388SIow5ZRaZ3kT+SFw24b/yUotplvIUTCD5EoI1/F5vXZ9Jw+w1EQ==","shasum":"7c6648c6b80f5a291f5a23f382328123fcf6c119","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205120110.0.tgz","fileCount":29,"unpackedSize":1157066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2Sf+Q4vlY4Oef+21TIz9ZlXu8IanYFnrm3cxPuJ5nwAIgAjR1TuGGGdqSKdTU7pkGSRIEvI34AUn6zjNVBPkOe6w="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifMWsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEAw/+LCDjTThYpjHrArrnflgQah470FK9UtJdAzHEC+6u2KLF9hdw\r\ndHR8GMlBCEOfTN2Kg91L5e4V8SaYzrERN6NfBCM8w9mKYM+YUYLf+glL32tc\r\nPAJsWhAud5fx7fsZ45n9vVOjZARfd1nM/4CQEiTR1SEpiO5CyDrXUGJNnqTT\r\ncxTlfTpdYp7yX7WykWEtBGSiJTz9S4ZUI/2hQ/+ZXWDACTKp1UxnXdisDoad\r\n+JutlPp/1DYTXR1FaRg3cnLJiY7t8ky7hYsL6kpsYSF5DFHcG7WCI5QUyuM3\r\nKF+We4htvmZK9ZTUE3vx9/1O8SemGowEU5283fkRtH2v2aBb+gK/esSasM6z\r\n3F+yGhGpghZd5W7R5OmuEaDOVKPYgNvAN4mzkEysyHwBMqwsS8/S6OJ5L6e7\r\n2V+MQmYIh47Ao4x665EtkcorTS2+r/nPEMeKGhoMFShDlMipDA5VGYgUjqo6\r\nJiozlfqz0CZ9gJNoXO7PoGBNo+SE9epugPF8EDJEHG3H31FyAZDa4Y5/6WZA\r\nPd55RMz73SEXjdyFungIOte0A2CYa051Dv7KI814XP82Bp05KgHK/+/7NETa\r\n1SCo17j3gOoA5JRA9JCW6veYIUsurUteBzKq5KDdkCeBlJnw2L3q5+YDS7Ty\r\nLQzyTM9Beyj3yWw1Sp6xSGJeechYd6SHu8M=\r\n=StHn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205120110.0_1652344235890_0.49868685976161276"},"_hasShrinkwrap":false},"1.2205161914.0":{"name":"@bentoproject/gist","version":"1.2205161914.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205161914.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"2fb4e151488ba4d856b33f836151d66b45ca457e","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205161914.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-+iIAvUoyo/9IKze8uRMMpT7z1BFOYl66O1LnflG8PfVtcFWOuyXQaVHAYqw39VIiadbCAc4hSRG/J1rqZhxZfQ==","shasum":"66631c04ee59bea13f24a3082dffa45f2ccc777c","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205161914.0.tgz","fileCount":29,"unpackedSize":1157066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCshzHfOZA1j5+7Wv62HLT8XjrXulJ89Hw8mm++udsrfwIgdpds7mFJZtVq7v8WFIyGkIEvzjH2eh8gupb4uy24D1U="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig1v/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdlQ//S8Y+V7+CVtukodtTRaQbOXOExZw8zIvco+z0IfhEIEKyX+Ge\r\n9r7MEoJVTVaIcDX7kvWF8gJ/ZSUc70e8FR9HpeXFfbkUcytaRAk6YDMKTtoL\r\ngbpiwJNBfOIHZtV8f7RVZ6CpZm7Ux/thMdHBaqY/KJ3ZwmwsG0nt+UVLVjib\r\nYFTuiin9fnCOKCw4BtUYJ8Q97kK7fLUiknnjNCduVknoN+Q5AcdDXllZgE/q\r\nMWlIHKwM9OD8UWTK1uBOfrJ6dfXVCN2XamV5uLfez17l2+NOykPfPy/2yZ6S\r\nQXn0ck0jFqH1F072CQOzbV7Jd0qkJU6PuH0y2N20iCQBaaE5dddTXaEhMAnB\r\nVE1gfyOmKABU1gmYX6nxtDnonq92GaXA8bp1wblC53VsHZw/PjdiLsSwkF5K\r\nlTO19EkqNbsQGCs9SR8Y84pc+WWZ+DVMmyyLwC15DKrRdP9sxnr+J0Vko0Rx\r\ne6teozdpNe49FWGCg/kuhDUqmqBumn3mVmhdPZu4rRje1rl/a4hrh7lJJfk1\r\nza7WKx9N56rrqjDrwb6izD9ecFLsr18QLhtcBAeuWxAx8xMPGe+0JchXhkWm\r\nh7PAuMhRhNO9mkNF6fdCxpu7WkOfPPK79jS0p6OhM8OkO4enRWuQk1LQ1K/d\r\nh2avWF+rB5/TeqjPmpUxx0c+qKKWBe6Mohk=\r\n=412c\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205161914.0_1652775935363_0.520592311704416"},"_hasShrinkwrap":false},"1.2205181800.0":{"name":"@bentoproject/gist","version":"1.2205181800.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205181800.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"fb3f61c46e2221f0f2e1dd836127cce386c7bbda","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205181800.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-u9ATnXpbVEIfYQqadt6EmMAufQD3BQRllKsst4M6WtCssTS1zNDjI2sfXTRT5+SZWWFZvfscsZSluGAFkpZDww==","shasum":"934bed5990f25df0d44173bf667c9de389014680","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205181800.0.tgz","fileCount":29,"unpackedSize":1157066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDsWO0cz4KhGA1yltKc3rSw43d7oNjfhx8cmsGEqSTlaAiAg3CW/c9C4jUkFl8zHJB4mqHydxXUub5+mSEJ3chiB4Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihf9FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoj9Q/+OZl1a6Ggpbksfi4AMWJuRYV8KMkC/0k3Tzp4up9VAbQV3hWl\r\nut2LCnMUHwBTOurkfdZXr5IABTe7OLZE7vAnr4Yx3vEKrosbqwiSqVWIeUXt\r\nOW6Mh498wSR4svtsuWI57gV0DoTz+wxKXjyijq9CbgFwKHmlcU2J55eK5wpt\r\nsaigcK1ZXxji8vMivfD47wodVg08e5pWC6RkczSByK+ih3lZP1A00rveJj6K\r\nJi0CZWoylly/bid80p894HFqeehPZUi1ltfQWyVZbCoc3AEJWq+jsAl6DCwT\r\n/1rmP1ZwbLvv23rfLsKjSsw2Wtm2FrzgX2Uom5YMnEjo6obLHKxsiSZUcdkl\r\n3ZgOxixhEMRAcd03dcrz9gIL+YPf+svfFpDehLZA9yrerqEB56uSpWcDCD7j\r\npC8shuStPyB2onIJX5oSrPkvVEAgBaZ9MF4tJ0q7OngE3UyLjqJBaHkCd4cO\r\nR1h6INLPl+YpwHY8b8fxuEQajMbaq93I4uBbFP8tlFrcKgt+FX7wiq+d7q6i\r\nUO99O27zC0natZoGing631M2blTr4syRGtbbFcnQIxHo/K/KWwqj9W4UHDcq\r\nk+aubkC4lCYxqjuLaI5q7YNmyDyQfWumBfe+LgacKoTi5gFU/W0vrnUVGP1f\r\ndKyOYAN/1VF6tqVwYst4X2Nz5SUN/VOdGnw=\r\n=VJ8D\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205181800.0_1652948805729_0.6543239001016277"},"_hasShrinkwrap":false},"1.2205191749.0":{"name":"@bentoproject/gist","version":"1.2205191749.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205191749.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"83c369066eb9c7dfccb12aea936f29a84bad30fc","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205191749.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-00ZtnygMYagfvwFesCHONbYOY2lqRiwKEZy6IEpzOxCf/LivwFqnCUgKvudmXvAjGK/lf+gusgxbjrAL+tiawQ==","shasum":"947956dfc6ed80730732c01de9073e83038e3fa3","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205191749.0.tgz","fileCount":29,"unpackedSize":1157066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFH/n7KCJ/LdtQcQU/zeiegr+izSeK7i6y0YMHLoDt4DAiBeL7Z7JrxwYkbOPeUt71N4RkFHkMvd+/EHYm3CughTcQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih1C6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8mA/8CaeeZldbuSpV4Mh7jS3VEJZYN3rH0uYPK7CmCpivGWDkmuvi\r\nKfX2q5fMjp8Etue3626nB738sz5IJuXMNvNnF/rHdYl2L+lIIfGXzfmLspZx\r\nQxN3z68glO4WZ6gk4IF5bnfj5s7OQvBlJZjqAP8+6Zt4nEdF56QjrbVWgmp1\r\noA7Y4jN9bA5tXhgd9w23xqvbjP6Vt7cjGCU4cVsP8I2/rOQwaEXFyNhsLxHN\r\nt8OUDvedxZ2LbZG9LjhoqmokaPT26pIBjuTXUG2egiysrW001DQsy5hYX2U+\r\nLMecMeZc88HIogBSWBTrAvEHeFJ+g3H+QlXEBitpkrlEsrktoVUx6JTrDKua\r\nwUhOwPHLPl0b9JKeYGikSjb0Cxrnqqou9XMysj9if+NHQdywwqbZJN3uuLx0\r\nTq8aBxFQDwbdYd+KSqQ4oYgtCkNE2ARsHBXilc2Uh/hFjBukKeXlReR0t/ea\r\n6QRAmFtWfV3TzAvmeUajSw5Jq/Znt79+4BKgj5l20Zlg8lcdxXy1fmDBERSv\r\nJRNXBxjoFTyMorkNZD8sEoEBdSTW2uUqRzklIKREpoY96SYcfZm3yTNTmzu8\r\nwh1G1FwoHbrc86reIMaMnXY+KGCPlM51krHtPK7I6dgHB5FpmHgCbmXAcHoE\r\nVztz1Sz846r2aSIzAW2/dncVtp+oH3cMoX4=\r\n=8kjn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205191749.0_1653035194274_0.5821516741974391"},"_hasShrinkwrap":false},"1.2205232225.0":{"name":"@bentoproject/gist","version":"1.2205232225.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205232225.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"ed0c674bfc87fac47bc1360a13f5d69611a1228f","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205232225.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-FG+033/SraJlOytF44qh8B7cr64ju8IpYXeWln2HpfWlN5VoESMA7sxF+gf+bBtAaHICMM6U3bbNHeN6ocnrxg==","shasum":"a3c68709a6846472018a05b21fa5bef67783a5f0","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205232225.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0eVtbSXKYWfnh+hFUNpMKobo5Y2yRGsEggrQu7G5MOAIgPcTpjoidNdyPsHXkXH04qPa2MZajX3tXmqwK34+rhuw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJZrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpbBw//e5c0N1o6D0qTEPFkQ10DSbimB2qw4BnKw+N/bcK2NKeXUW2T\r\nQZyCO5PmRy1AyE4vU+tw8KIpNaSNBgxApH84KhZNX8Znz442Iw2y7CtUJ0mn\r\nQZiiTzIIC9dxFRwqhV5zvm7t0Gp4DbbMCoSl6g26By1QNRGZEfQFSNMV/sdb\r\nkOenUPvgtu25P4gRNFvN3akQjlhH/SBlVi0gSvM1CbsodbGOZX1zIPozCxpJ\r\nDiZb3yhtLC26GmFVFihmf/ALBYVooD+3tc3nYXxpk/BitsRMKTgddswpsaYN\r\nzmFbyZ4ebP2X29kLrcHBBd0DXPZA26VbciSsC0QO1NGAYXCxP4nQ5HqC6zCb\r\nNa132lBJ+5tT9OM6imv4VLiYYLRMZkS/DN+ZTcb27foeIaPsp8zgNWWy0K3f\r\nM2gAN/ZksdKIOVwcC++0Ao1tIcnrsep0TCn6tV3iB1IcxQw7f36E3oX1y7zH\r\nKYG92Tq5JcNUqTMktZCG6FBIPkkVjXK9MeycyOGym4zYplc73VXxh38Hi7Bm\r\nI7M4BM+oSsK6vXLDEzSDfqAlIXNmj4glbFx45hJUYpMq7EdSsj/Be9JyDVwM\r\nYf2O8YkukvxZ1f7j+Ii4rMRO98xTKtOqSYTCiDkH6tPsO/SuIpTovP6wF7De\r\nVaz33fnFyCm20Itg1wIuFuWq+9LAzh0VOE4=\r\n=HzWN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205232225.0_1653380714999_0.1993891018105236"},"_hasShrinkwrap":false},"1.2205120110.1":{"name":"@bentoproject/gist","version":"1.2205120110.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205120110.1"},"gitHead":"ed0c674bfc87fac47bc1360a13f5d69611a1228f","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205120110.1","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-hhtFgLFuARQlt90NZEaxnUu+gdROhvk/4GahJBIZCK0SsFDgsXnSCjram7EVvl3HdNgWoOcorfn8qkLQpf/Zyw==","shasum":"257651d08dffab323232fc923e9fa55a6db5fd76","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205120110.1.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIClAnWed93XayWqryeeUC4ZvSbpo3J5J8yzNuyQhCzenAiA40Bn4DIfGQ6fpaI8Hic3okjZzp+8h6l2SCd6EjGyTcw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijS4oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9ag//ZiUY4UB0KJ4c6kgYI9NAUEPYI149xD93dz9vx242pqlLyJYA\r\nt5XOSuAY5bvJCAPnkd+ut3YruCGm85l+D3gcLq5JvcazdypkXy9RR1ogbIXG\r\na5RA4SsntQEtD3+p4YcHPVSdxkoocdJgJT0vCgmhMjazAD6k9rP1+1Uq86W4\r\nNzMKfLNloN/25MiGh/lEt1Vxihq9bFKmmCVTrb90HHz8MOhHiKneLUXtka4K\r\n1btfZU4n3RtowewKv5QaMdXSY+jrY3U/WdL8bBfagLQ3QZPF4lbDAyYQ/aC/\r\n8pTaM4HSJ8ZLBlO6icd/7H16PGa/A0DwXxttnc+e6Pvzfu9YdtQIOkYWQjIF\r\nuB8fwBuO26lBKHqsA92bfA6yIWNfrALfMp0gwFcCDgaTuOz/pGXYK+0+HP3N\r\nKW9xh0Zx0kKB/me1L7SYcGw3nKrpGGi2ZD7oY8Ck27AfnOIOGoPpigK3Epvi\r\nqBcaq2u2YhT3aBIYf+ZQSa/RZIrLuHuOfJJ7PfYlEcel5k5Vf4A+4X0jrMdP\r\nMVAUe/QTV3mxBa7CZMatDc6ngJTxerV8Z3TwmK4iI+v09/DNAKfwyM9fYo/k\r\nqzdUdmA1HPUwJt/6SPDGMMBlqDpL+LNsMY+2hfo9qmtyJO2W6i52UZEaPSvQ\r\nD4lenWx1fqEB45+z2zBYeWM1pTqGuq9Jz0I=\r\n=Mm80\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205120110.1_1653419560221_0.7092210071300067"},"_hasShrinkwrap":false},"1.2205251942.0":{"name":"@bentoproject/gist","version":"1.2205251942.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205251942.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"e2f9546e2689785f0d9b4ba72e61759323c45bef","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205251942.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-Gd8KUWgB5i5yF2wPQV7LLu6kd8+4RIr6cxEQfaoR1Axi7fFY2dSHiWfGCdH00spaxpllT0ic53W8Mt9aSZpWnw==","shasum":"b7daea0c90edaa8ddbd19a13a5200a63dfbfc192","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205251942.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFGGLHZ2p2a6pFx3AtQYfhfClSHTkppaoGmE1M/kg6zWAiBOSs2h3UQX/O6Ap9Stz0EOguiom70j1Si3gyBf1izNGg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijzmiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuaA//SGcAu/tL3raUxUur07i22FEcFSEaNkZ56gDAT0kk1Bqkur+0\r\nNZ0izXywCjdVuNk/M/I58FzTeIRHOQ+1AaEHpfMAa80LQ3NUQrLuG62N2gAt\r\nk7EM7df0qC9uSLsLHgdF3nDFFvPVsYad8oJHpqVm2IKOq9jwKEJRD+qzI4vI\r\nSVnrUlqARg5GA0P+3grUs2sp+fFFrBa2mZW1y/oQatHGjS5kpKe5DMRJoqck\r\nD+O37PMcheyouCGogdCRzcUpvgPgZaczAqnDDZ0l3K4IJy2VZqEvTinZV6nu\r\nkTHHOP+k0FxhrB+HMk3QJErKj6kqoD37+wFnFa7i3tgeH4mFiRTekmnlilMX\r\nCOQf2GQF5qdKWym15zQ8Swg/uPhoKAkNnF272fSgp6k4K9qKr3R0vIwv9a7c\r\nzMWhi7jnGJEZPXoLW4hGeMW4bWTTEZCcjo1IDT8q0ThbxK/Pj32+0tmljVCY\r\nv3AAj3LnqT7WN6LRyr9oayr4nEkWRUxargyYRYVGcrztl2j1bF2KFoTfDxvR\r\nVICKVN3bOikK3GR56sQLQR75Msa2phcQcYTUnliwN/x0+MFfwLy7yVQa+5De\r\nGXtVDQbL2/VrDqtgueT2XHkh1daYKfY69V6nzaEOc35ejFGpMfn4nAALi5/c\r\nz7Db0aQ/kLfRndxlR/6+QIdj1xXhEFVj20k=\r\n=LWZN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205251942.0_1653553570241_0.4875395183436848"},"_hasShrinkwrap":false},"1.2205270638.0":{"name":"@bentoproject/gist","version":"1.2205270638.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205270638.0"},"gitHead":"11e6020f1ca745e65b5d80408e0beca2a8d38004","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205270638.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-L56yaJrLI6i4YbHtia5xQ+JMo66lbQJ+Efby+C4MLHXidgz5nxNoLjYj1XqN7pu0vO6MqXWE48OZeF+rHgQvUg==","shasum":"5b54225cb231737ad30e50ada4975f1d2dbb288e","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205270638.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICdmBEey25JgHLjEHKPObL6WMb+s08YGdXr8d1KNM4TjAiEAn3vOKmgFOrusOVdIQDA5RuzzOZcNAMwCSGLeRE050WY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikIsiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkXg/+KwA/HdqtplCT7x2BUe0hYyG/SxbO1igYdG/sYjx+Tb8Vf8vz\r\nzzMJaxbV6mL8Vkhg5Yl5D6jeQYLWmtXm4qdujw1xNr0Be5KWHutNOJjWW9Ax\r\n3WmotenflPHxemiwE6MyNinR/T4nNc5wzT2r28ui1Mi5fjXk0jste5Y6EIdf\r\nXLI/1cDP0r1ia1Tf4Ylq1bqBX4XWWFNeYZllVqgawCXcDqJ7sQv6TuO5wNoB\r\ntg5+X8dQINejvTvIGE8zTZ9ijxQklMEDcu/W3y4Lcb69H3JG4Y4oTA7SmXcV\r\nOpttutfHfywnPxvtEL8Z0Y22F9szTU0NCraZvhtueJ6ZDOlJzLSPDmcO0gp7\r\nYxG558sbfQHU6cwIg/Rqw8hy/pP8/+tx/i6Ee9bmk+5FaPKYqrNn+DZArMYC\r\n7UttArGb2jjGTQjK9QyANfNMdUPiwde/TFMFY4N69Hz+KVULUAwhPck7fwO/\r\nLTe/pSU9wAfPTHUz1zfxUtVYqCm/mPdWrkIHM8M5P36/vL3tsR5DjHGOZ/3v\r\nzhOeqyTNAEkcM2y4E4tIwtquR/HwGpEyiA/5BSVELvm5dt1qwZphBD+ccHB9\r\nUBscZWYQDY40npmssZMop/WKB/okB7ML+SWli947UlCD4NWL5RGjoezq71ka\r\nWA2EMLa/0QC2Ag/hC+LH0PuJGRBJ8yYxy7g=\r\n=cgsh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205270638.0_1653639969857_0.40941523152649384"},"_hasShrinkwrap":false},"1.2206071918.0":{"name":"@bentoproject/gist","version":"1.2206071918.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2206071918.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"f200c815cb7bd0e1495bd9c338425aed1887a459","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2206071918.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-hWqs5eNPdGsy2Om12WPqTVmxzHG2K2ANfojAHe/QDvNE+X9AAjE00wkgfqUD4hvmIzjOaHe7xNU0fCo2sAHaMQ==","shasum":"7b46d0e5abe1579cb46557c2c7ce7248d7b1e340","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2206071918.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBiHWTkRnWTff5wbbE0REs4HtQSAJll8t5njaDhuLwGPAiBnd8Fawm/LbXsnYiuFtR8EQnCCBNietlsBL3IzGLxyGQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin9CXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmopgw//Y3ZaR/8+u/dyULiMfL7HmxTgSC/kGHa9THlyryoS331hZoLp\r\n3EIUffKdgxRvL61vx8CrlbMrIHh2ZBYjnNIXt8+13kCJ4WtTNBEye1RAhXsB\r\nvRZmJMLTt1aqqCMxMASMfqioPX9NW4QNtksT7avrUaBpIy9B+qhWmw9uyjNa\r\nUPKk4vjlWvGMXJmxRNvU7SG2XNlGB+khyfPFOBQpTMJ3HBn8tQDuJvgQxNrx\r\nGb/htLthPm80PTvOHe3khrEv3V4ML+tePljpNR4E9Aso1hkLM5CbTdjoRSa3\r\nXnoD8SqY8ZfFZgZi4gL9JjCvFHUS2VJtpwkL1H0cQhsxXWZwAm7ol19iYEs8\r\nifCX7Agwx5hLN9DR8ruIleMhI3+d4uvtL7jTHMz06gwQ26TI+lcCW/OPOjOJ\r\nJzrbeC0fSmfVXUf8Zm1JTiaBnpl58jxZbsbIpiZMlghgv5qdj8TdR51VweXG\r\n2OW/rBWEwMPBxoiyQd6kwi14tHLNY7Qxy0qvOIUOxfiHv1sT20dzumBEoQnT\r\nSLH5o8cgPthgWLqr6/Gf3m3z9hvCxvwG23NlEIMg8KiduTSq8XuITzRZGIE8\r\nM8pwCiNpNh+UCv435f2En9G+YCVcgFF7M9cZClAVJfkEIu2ZwbiUg+56pa89\r\no7SYkwv4TNMluMwCo6uAF+Ns/WVHAC89a8M=\r\n=QMYe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2206071918.0_1654640791035_0.5379054558381076"},"_hasShrinkwrap":false},"1.2206072228.0":{"name":"@bentoproject/gist","version":"1.2206072228.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2206072228.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"9cfa89fc95b4eedfeb00b4eec539909f0b0c0f6e","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2206072228.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-qMifsL04BCJF0kK8/EEANbVfzu8FCpsIKwc58CpcDjcx7/GPqvh+7YG0+20qyWQ0V99+QNnTYj0bsc3RhPi2CQ==","shasum":"c6b88c0d5bd0188cebcc8ad7da876201cba6cbf2","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2206072228.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEkqNqNReI2PKC798mt33T7fV/BqdX7+MEAKtJK6ZfmVAiEA1VaGH99ef0pAijraMTC2EgzrKZMe4tVHR8r9sPbFFFI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioF0kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCFRAAiMFHMHLGhWRPr+D0ZulT2kZxLMLrU/BVevpKhQtyT8XscAe/\r\ntt9I+Ts3arcC6ggPWHFM1175QedSgO2k1StMHKDPaUw1OGR1OlDLMgPV9oWq\r\nu0Ru9XPXGnyKuwWYbIFa2ET7eU3H1UsFxKrRTQhefs3i9sHov9QUuphR3upH\r\nRH3HzCYddPJkYrIiOsU2zCWw3IVHjawL91hxx/guNlIbm98iW5PoL4QCXuUQ\r\n4lszucduz38c9mu/3jXN7/olW17RFIFHyJqAdsOOy/BhetdV4DpurX5edVk9\r\nOYF129y2dYOYN38wVWFQ/J+5Ujws6WuPRL/tKc36vtVS5c0CMugR8zAtKc+N\r\nbs3XB52DdDBEis4HGXwxHiG5mMizwQyrt6qXNsIs/E9hWeuM+nUf5EcUmUhv\r\naU0v1V7tFy+k7AErpiEw/T1BwdUUzqKrUw+6z6SU8DXSKQIAc4xeolwbnlNe\r\nsyCCJtQMXrIrLZQHDfHrRQp02xCWPLigEhgt4UsrsuwpbCFbDPNP0BmMV/h6\r\nN3cvOGg9bVv/BwWdGq3D5yHf4GxlYbmo6F3mbfsaAdap2ODRaZohaJUiRG4F\r\niDxpMg7vTa4A2iNYoZjZB+fM/ldTouC3uiFFJNo6u6mkSIivx+z4Qg2pezYM\r\nqxlhCfcQWZB7TxpzkBKQcYsuZ5jCFuuFlgI=\r\n=1Nah\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2206072228.0_1654676772671_0.4030650496622772"},"_hasShrinkwrap":false},"1.2206082301.0":{"name":"@bentoproject/gist","version":"1.2206082301.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2206082301.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"32e83d3790f33da4840247d996ed3f6b256a796d","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2206082301.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-LM5yfTwc05KkYCvV1LWe85UFYfsLxdAqJgnC45NJRVPPBKMVQtH/T+wnqgRh53C5UwO26V2nXxIuDaNIdbHUMA==","shasum":"bd25b6db2b7ecbf521707101ba8dfb8097755a0b","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2206082301.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCP3ELtkcZPfl3d4HXXLdhsTyQu8eAIaLRWzwwLRK/lbAIhAIP2x72kK2nsk9/9K3o0XAVHxn6SIfuf7N14VH1Vd/hz"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioa9jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdTA/+IrB53QxaPHgk50EB7hqT+L7XgaGANwmv7wNZ0ZvkcSamE7wT\r\n/8o1+ZM9wOUezCHvRubwIeLVAvQkE3k438G54TAdguhGcVJdHV35H56Zig3c\r\nuIe0mBCghu9nBNf/aqniIZ/YjpXAmva1xht7JskqCtjaAynwwYmhRXfy+1K2\r\nrM3my5owSrTTXy6ve6p3r63GkFieMQbrQIMi3zO1lG77GLXOBh0OSXIe3yrR\r\n4V0+6Hm1wvsNiw3Qb1jX1p7JdFz/D/ejSn1MZ4Ux+c3WoauEcmGCNQ6+kKXZ\r\nOKUKsJ8xihfM1amYis6ApQ2tpLT5P4z+4MTl324tLq6OMcSVNdFl8pYi8ipJ\r\nAxdQpJZW3jdxV4YI40R0/wNB4w/gwJBfaPGysrzFHAyai8NaDk/AIgzIuNAA\r\nxfe6QImZW8Jnb+eXJpIxYYY6YT+P+yYKwFq/MSQvh915Z/4JG4+uxuTrd+8u\r\nLwvE2VC8sx+qk9Me13frnhpnjQ8h/cBC7KoFXZAn9zKBgbAOACXEDRW5BiLf\r\nd+HIrBM4zCFmCpbfc3YwOKSNHdcQA5k9e6fBoFsEraa1dPOvSSIellAqVRi3\r\nvWTOFSFwmlNtr2b7CHNdBgbgK3ZpaCDwNvms3hUWeQorUey4q5HBwggsWcXd\r\n86qzjirNN/3aD0Cnn9TtIFbLHeApB9k89G8=\r\n=mfIQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2206082301.0_1654763363548_0.3353426935479089"},"_hasShrinkwrap":false},"1.2205270638.4":{"name":"@bentoproject/gist","version":"1.2205270638.4","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2205270638.4"},"gitHead":"89e43e107472144de698a2c3ebc9e78ef35d58b9","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2205270638.4","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-YffG53OqB2Fg+HNLJObIyIjLviwCQd6kMwzXtmqXU87Ls8/7E2vUrclnOh4TzwD/zJGDF+YJBtSOQEB3SsHYxA==","shasum":"dbff3f082a0ce97ffa6fa01cb19bbc5bf42c6389","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2205270638.4.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYzMR0hz+znxB065dGrs7DqDI40J1GMInGQLNDGqiCTAIgBolUShZNZ1VyGtfZE5UUvudQ8ai+Ep3H6p8zmzUC0Pw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJio7i7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrn/g//cpTVS++P0Hb/fU3m1X4Aw0HB1OFBsEjg+1F/jkHJLRP1laE7\r\na0TBd0RBSpJS4vpW+/OlCJqKnSCoMCg733DMZdlKxkQabHxCCLsBTxms5aJ8\r\nJJo8ABjAChpycWYnnP0cM1xsjN5ZgmnAQZYEcyoWUwHykRFaXkbtcpRmQBRS\r\n5Rm6HzJiig6BsC3BfzL6wFIrK1lRRL1pafqerCn3gxy2+K5Zi+TMPtRTOLk0\r\nC9ty81e29LvjpBUtQurGPkRUQpqfX0QAY2ZsaX0JysA9HNTnrUxOytWSvhom\r\nuGv6J30G3GaQEqpfdJ8qdWQa4jYgCgVP6skRcAAc5sqUyBJ8mms8Vi5MEKIK\r\n/M4reIqTH96PdP6YCNQGstFRMoSjqO2Rq82EqdxafX7tkcMc43TuzqgLaDTG\r\nTgtb5zRzMoy+6VcM3zA5jNLyRQA9YhBbsxN2o9yyElC6WfvDfswPcIJMQgVk\r\n8G9pp81n7+ar/LFCrQB8ZJ3HY6dG1dINxreQ/P5nqMy0gzhPacU+xI3hrna+\r\nrakQ/2ytnlK3lYI7sIrRTAfEN8jPs/0O5NeJF+J7yd1Mi8EBMqBRw8DW88F6\r\n0p8w4oM5OLJWi4IbYkFUHPR5koZXoHOXwWD2j1+wmDn/qvNf5D9/rUY2vrPj\r\nEGAXV24JT4z0KHGeoeZxjy4olV4q12E7L9k=\r\n=nGz5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2205270638.4_1654896827610_0.9394003921518075"},"_hasShrinkwrap":false},"1.2206101637.0":{"name":"@bentoproject/gist","version":"1.2206101637.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2206101637.0"},"gitHead":"89e43e107472144de698a2c3ebc9e78ef35d58b9","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2206101637.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-5Ki4vGuVJAJDNrCtXu/uXJFbByWaZ9pxeLwBmanRAbCPHAkkP5Hemdrkgcl4oEGNLy5lgzvGsNTvXk7s4PIT+Q==","shasum":"d731dc6d6c72b177cbabf8889902465bbff012da","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2206101637.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQg4wcGuh0j684F6UITny/clDPxYEct7UQua4mGZuXkQIgddSnjVJoI95iMIQ8ddOAJbxWLJkW72hQGaHy7olMKfk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipFF6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpmwg/9HUlSnUJ32utman6Fradc8+yuH1N75g59VEy1jG0ASVjkZ2Nt\r\nFWqaFgCNM3PHFp+4t7kydXbwBlNkvcSwFNptWUk/m2C2w21m08n38Sfo8eSO\r\nStnNgic0DrioyxT7bm5Lf2ClrJuOOxplOthU+SDdpz44F+UlZfNMEywhhnq0\r\n4OGZelIY8KiBrr7KbFT839C1IY9V8gXOmMf/pbXOji+Xe4lMSAGHOA8Hv+2y\r\ndQefiVEOK73SlKYTsDeYvVklTYlubfwiL3v+gPcnfyJym/b+7FFy7sBFw1YP\r\nEyn/KzAlm5hBnfBpwKJYKYHO46nOr+DJAqgr13WhN383pWiFSKGoEc+oRYBo\r\ndwsSl9q1fDv9xmk9WLzmZ1gDPPHg2H5L9GWATgpfYsSdmb/XXe/dU7UKnhx8\r\n8B3wDfPoAb7o9+Fe0+qIgjMu6BxaTwnlmmJdOiM5Pexjq+mH+wU3EDKYTZiL\r\nEYqb+MGdoRC9MdcoP57MEr/mpkvBURaLSPffg8qw19PhWwwScRZDuWotW+hg\r\njtRGJ5UbZV1L35mlg67FPNZcHlnhJ3jWFvWlVuhaA+u6OsYT2P8PEkXsfk2s\r\nzEhPURoT8BSD9KnWS2GykP6vmEcov75Lom8hyGGBTmvS94P1g54+awiQV4NT\r\n4QsL+IinQQlzDKSXY2Le2JZNOjUuf1Iey4Y=\r\n=2Zjc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2206101637.0_1654935930449_0.9865291044909703"},"_hasShrinkwrap":false},"1.2206131450.0":{"name":"@bentoproject/gist","version":"1.2206131450.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2206131450.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"f8fbcf58e78ea43df73b529ed4a25e79ac758981","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2206131450.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-Fvh6JoY0eswGm5liy9q9uHthfQRmvVu9ERxLS0e7eEN0d/X6Rlgrh2PLXLG52P2g5kfeHihx0VWJV7j/SI2MOg==","shasum":"4134474c7e1b047773e011c51058473a68efa2d6","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2206131450.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZ+BaKT4TnsaWBXEwD6D4754gnhnqAooYe74hPQgr1sAiAbZTIhGOO7giqG5sovLp0irDEEXXBgk1RsStFKOHp7TA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqEZvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWMQ/8DWwCEs1RoC7w4V70S7HDSK7+hkYoq8s34ZkVKv3v/uZLVfE/\r\nNI47fYPMrZSvdun7p25PmRCr4JwDyVJniciyyF3Y9VRAIQDUOVvCsG7W1iz2\r\nbNsBCgT8Pt+6IuFMPE5gi0AiP/6MkbVWRJbBJkvWLTzyZlTHuhjT8Q86cY24\r\nWsBppdQvHZ0dEVkjSlQ9qR37oiV4pPW13rp5sDNmjD2jMtyEQrPw7+MJjbFh\r\nLwEFleko0nxCs4qczgvmnLRjTkUumfHaQCxNREmoMLuBErQS6YHh4VdiR9yZ\r\nol20gkgWzfRueQN0S8WrrtitnSLAxU/macwJ+q+t5U+VZmlEEGzMa31S8Y5y\r\nOCB+lvcJoPvE3SJ2Cet1SnUeKZSi9SsKAQjsKny8R7VFa2O5l/h15vT79dCO\r\nLPVD9BKXczllDLlEw7675kTHxVPmeLbzONcT34ut6T9uSPr4dO9rJHRKNByg\r\n3nSCradvsG1qPVwZoqlanIJ3sKdW+sZ66Gd2DthdbwTFMEkbUxqo0TN7eJcv\r\n+e6UER75X1/aLHW+h33Bk+rCB50an/DNM2nuu5m4zHUdOBWVt3XystNUpX6l\r\n1XruQM8XKQhHzFELnULGWEMTIkuItNKfBsugNfb3XnWwHlbdN/+krpb4ci6U\r\n8o1bKjwfmZH9GLkh1yNksmiX0MwMxnXU4X0=\r\n=VjmR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2206131450.0_1655195247359_0.25549080580597305"},"_hasShrinkwrap":false},"1.2206071918.1":{"name":"@bentoproject/gist","version":"1.2206071918.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2206071918.1"},"gitHead":"fb620756f1e66d99fa06cbc467207602e4aeafee","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2206071918.1","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-hBR0/bO3URrLYaqcV0DtasTKvEfqMZ7hE0eIkIqf3iJmCv5KrgwqqTMm2TdA/LD2MEUA+qB0AuTsybqZln+I/w==","shasum":"32cd93ecc714ae8453a855c28438f416562d4724","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2206071918.1.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEs0n0bCPLqPTSIQB7Vs7YhwmH4NSYvOpPLz+DfIglVaAiAYo+fBok/c0AcV8tvKZ3T6uGGZyWXuImojb1J+Fq0Uzg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqP0BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmwxAAngGTi++uIKs2MJwXZhGv6sQThIr8K4a2g7gOmorJ2a3zygZM\r\naG7abxaAdprbhsQACT1babtOX9H34z+pe9bE91FBgw00Ldd07Xgaa7ehrJMe\r\nymmcHlShxUYhdXS3gfEFpl4b05/OSZP6a3ZIRicn5DhXFiALatZvcBZaXGw3\r\nhleJd7NEMiVE9olaFdhIkLxzInTSDhropqjqQrHoxGasul38EDd3GnMe3RTG\r\n3P/5kfd7F4D9E0JIRsw3PmFpr9HKYcXESSMysZ/RY4EYCOFpiEkAeJT5xjXB\r\naxJ4C/nWN4dymuKPlDRTp4s0Pyk6JQxMEAsrGyXwPk1v2hfmO+biFkh7J5VD\r\nf/yIbVgUCPB/mt67raoNE8sxJDm9GOMz4v9t1SV9nbOILa508JfbpDRZE5u5\r\ntBCULWTcSaoRGgATcPFB1M1A/h3Ow7BrnZVZxLWxu9nodblmDuhff0hbdEMc\r\n1GhwdelT6UK1dh8KSEwETK7EexSmYn3loQZJqwDmLG0sIjpzF4mbxIdquvpZ\r\n5kIGd52kJP3bZnGrADeIEau21PS+yNSesyWNF6aKgbTplyqI5le8F/Kltg9T\r\n9U6rRfdgssExUBJTCAZ7hnAaYeJdnI5qFnpEzOTwwvK0BwPn40cr+jkDwCWS\r\nBjaq3AapbVyl6UrY1Rv49KjA0c5zRzN7tco=\r\n=Zgk/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2206071918.1_1655241985492_0.37149176900916214"},"_hasShrinkwrap":false},"1.2206162023.0":{"name":"@bentoproject/gist","version":"1.2206162023.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2206162023.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"15781b541aae254d04a1cc777016aa40759100cb","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2206162023.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-t3Hh/OFxKuJrDQ3zhenI3nm1NKcm0OYMFzbuBdhV786F3wqoDB+Odkivc0cDY1XpPznxtMnsgYIxZuUv85GQvg==","shasum":"c012545bc3160159cfa73578d8dac723863ff49f","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2206162023.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDlLaCneBvCePMc/xTZG0G91NXbdqQK2nnb5io27+sIhAiEArG5h+t8DVHTKXbQQvKprfY7Q5jMKjfUTuHMsrB0o59g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirDrXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/jA/9F5PKNHxW0mNDrDK6DJDpnT+pFPIN+fFsJNK1ZSpYNXr0KAqA\r\nbT4mu5DzyIL9WHPb+Mu8ZTkPFLeAIzKbVjuZLmwOPJOLvyybHEUAVkpwrZA7\r\neYFkmHDyU8yGwIJ48O54zucCo1pemeHMx32a9RaszVL0frP7/ALDMd/2pw+s\r\ne0cR8R4z8Rnm9OuvyIzLDQ7gRbY4fuTo6s6Ec5hkMaWPPN+RbsSO5dwyp3Sn\r\nfnshk3lWzYDGiNdEQsnmyT0oFl0G7v0dLQZMVFhAtKZXFHZCpdWnc31jlyRM\r\nxzO6045yuWWA+5P3DiIz4NJ2u9TdbfR63kkQAQR4Su6pTILgvqNBkEtASQ0K\r\n6fqWRXcenRjg8ssqYFGNARLTSVUrSngGHSzqRb1z4ROniOMY5yPHn0SeqysZ\r\nWodDRgOb/RutboJsXXHbEfGhHFeMnMwM58xtiZolRE4ARbUzvfsHpfD/5nQu\r\nQIM65frESwsq4KpA/BPxINroZoFe/KJI7C02fVpArJ4gzqxbkNsIcMnVVZod\r\nON78hWryCm/2RQRIHBYqO/QwcUkjSSY4Wt0aAcPgGfb5c98R7ONK9w8CLtt3\r\nfB179XiEMBgd6srAKpr8CWGxILrqS699LIZh/2OAhsZeQZjeFGhKENEkQuM8\r\nfyJBR4XZ78HorgToo0pHRsL+03VIrfYMnio=\r\n=Ha3B\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2206162023.0_1655454423589_0.27400043201791324"},"_hasShrinkwrap":false},"1.2206221455.0":{"name":"@bentoproject/gist","version":"1.2206221455.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2206221455.0"},"gitHead":"0f6cdcebd462d3dcf580d8df0a7dfcdc02de9061","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2206221455.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-lDJeuDH9DUD0nY5yV5EUfkP7/EYTVIAXUypgqeauWKjJC9YVPMLi58K5A/YuRxEZNQQjD9IVNdeP9uWJHJi6qw==","shasum":"b64955551b1b6099c7f66fc1bff6ce6d8b994283","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2206221455.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFiQgUe3uK1GS2nLx0hoZ/C5cv/AxRbZtpXBmg0ryIUdAiBOn9oJyI0NJ8aw8Idn9+z7qaOS5N5kScoeWPqGhsxjeA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJitCOvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3yw//aivR5PoRkZ2FPFZ1nxt+kNDkA/HZpFGJpyDb6L8DstPFs806\r\n8w2hrWZDTmYIAg+7kgw1vIyVMBS9IS0Sl0JYljIfe5nW8ZUU1EtcEHqfikKw\r\nLW03QRIKNLWZzmCow78kHYR17tmvpMC/TD8cI/IbWRVhkTQZsEBkvhis7UHe\r\n/aNYK0dNukFsTbe5NEZMtIv4lVB3947/4INhLigILZiOO0BpPBtPLkHRb/2F\r\nplD5YPhtIXSNacKL4IvUOtZNBJpP1K0WuqkHqHz/kxCbrQ99gvT7wIh/FP7r\r\naBVqPzUVpdraYTuN2w0h7+jGKyx+AGLyT5WVoaIV1GvdlB/fsuMZpQulWBur\r\nzjS/IGIbcv84x3dK4c5fEBZKoYC0kSyQO98z3wUXn8ysaJ6gJa0Xp5pc+Zp8\r\nSUV3cuvtfCm4jCrKCDbo+WY2zNo6bCJGOooSKBhYMQozcjtec9CERDxu6fQu\r\nC/EqAUIGaNUr44tgvyXJSiKGn98ozdpi5CVR5bO0Y0MJYV09qQTQ77OtkKav\r\ngS0DgUf1EslSGg6OSaG06zdp0asKeMiKbyr/DXMGYI6TXGyIqfUorChu6V89\r\nl+ja8e65AE1oBnaRy8zcWiO/CwOGN2Oh9s6RtN9/ZPE11J4VfRJwzJ/uclHk\r\nVdswaLDZntRRQJRqLE91NPQcl9ykQ4xu7RE=\r\n=JjLJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2206221455.0_1655972783676_0.5982567263120335"},"_hasShrinkwrap":false},"1.2206291614.0":{"name":"@bentoproject/gist","version":"1.2206291614.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2206291614.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"34fbeda57c3cc9d01ab3c39cf9618342ec840187","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2206291614.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-psEQiGt91YRDeN469uFJMcQ2S/Qlc55I+3GgfAGAOsJ7WLIT06XnNVrCaAfozHY6o5M1ZtqSVSOqTymDqfY9Hw==","shasum":"07fcbe277436e768aff538dc6005dcc2978e2c04","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2206291614.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICVyoEiBzcOih2xxWzxv/Z2Q9ZuPAsb8747DgZbeOMtwAiA1gb+UfY3N7zpHBijQ7195EaX8x+6+7DB82UeDZUwgbg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivcodACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/sg//ShV3Hln7AQ6P5FpaTg8nKTKqXWoi3KtU036C27ePQ15tM3cw\r\nKc+3882wvKEbutwQGk3OIIquaafKf3r05B7RsjgQdaF5jyRTefHZN/Fao+7m\r\nuZ1CBCGqCj46zjxQ4VSQ/egGgapSkX8SIatCS+9DwFRqwlSbp8bioXAMgA59\r\newcI74pu+1Ea+xFnVcumUrMViLDMkhjfsxdzC5K0bobM7lCBx4+0juY0Gv3Z\r\nn4sPP8QOBgiALoPwd53sxo45P20SOKiOLrlTEJ/018i5EKhoZwbsO/NSUjmX\r\nxf6vEoLig57a9ViRqqUvW8flzREaeblhMJDqGWMbE/5qQy0yfm3p6YCB6K6P\r\nwpK8td852R/77EeRsfZ9ljl3mUFmWjg7w53QVP3PTLYDMZmKrAPBEcvpHkQO\r\nPCHJNOcx6TdBmVP+zn+cCJ08+IpYGE3okAaxfixXR/qLVRqt4qPSX2kKt/7P\r\nSHe2r1PPXhpZ0tpZ+k8lgg3Ju/dCyzQL1dqEe157WdHLRkzpkH405mnZ3QBE\r\nV1nnhInk2qroZK6zC5U0Jm66pc5o8t/au/OMbCEI1jzTFvkw1LQWSRhnFjIc\r\neh3iCH8dLGH3u58cjLJi4MQWZQhZAqVbL93j4umL8TC7RDP3UyBzqg1Bl3bh\r\nJqAEELWfUYSpIPRYKM2ULEcpLqmZsLyYcD4=\r\n=48pj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2206291614.0_1656605212583_0.07175448771106163"},"_hasShrinkwrap":false},"1.2207071723.0":{"name":"@bentoproject/gist","version":"1.2207071723.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2207071723.0"},"gitHead":"4ab5ca14023804a1af71c15bba775c5805e2085d","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2207071723.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-naTBJ1onz1ioXJMk+VBgbF0rG/Cej/Vr/4R30VnSFK0hIcihxDd44Mtxokw/H5R1CG+ihCoEON5g7ud+Cj0EIg==","shasum":"b71bb44d873420ac95a7066b6d86fe1c3263f0b0","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2207071723.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHuLm/KLVMjcjiPa2uG0JQzQuL4NUn0EorJ8dWAZKH/5AiBJqw856PhkbPYCJEEAigmGWVmicm1SXcYiEhDJQRQL+g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJix+vdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotTw//TKk7NrihWsWpEqM5f3hn24pNkauCD5W2pyVRXqiFYqAvkjOs\r\nDGgvr2ept1ajehECQhtOccveDCkrAVZzDlnAwbF/NehJi93sZoE/xFLs8d2k\r\nEwg7AJQUFdUTaXtW1UhvB5Z3KSGaB5pcXOFobLRAt4ApoKA4muHOJUMDhg54\r\nwPucKjDgiUjlC3fZ/HAHreu8ysjZ03+D8blpPIB7tWXWiYYDAfV9WVWYk3Pu\r\nFGwsKB+ZSwLMAmyIyWjVIFAOiwOKC2Sj/vuYT4ktf/+E9tcUSrfg4R0FuD0G\r\nadmhFRPiO4+T7SElVjWGg6VDD2LKmVOpPcxuzpRqTRzGYYhef18fFy2SNmzO\r\nJV1q1jDhYBU8prZ4z1M+a5QEQPhO3SqKPhDpRqAPQkuSr58+UZneUYi+vX4N\r\nBsVTNnYEo7rwtLuU+dY5cRA4YFnrd45Ngfn/WqCVB5gNFgyYWxbSuFkvZKn2\r\nM9pQ3kI/jhnjesh9tiAkis16rdJQ5lmPB8DhnBmuN+hMkwPPiKq4xYBS3tan\r\n2xot5rhStJO701d/RgIn9EDHNhqSC7VhkWA2yDDw3yzEXCtj+L3B7OeU2dpi\r\nuwIY2FXzq+LAMnstCJ6JCZQzyPq180TjuFtoqS2pVyrjk/6O0rMBKIzcqff0\r\n89my/EgpFIqmB0kCkN0abnSma1LrRQ8xQF0=\r\n=lbUZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2207071723.0_1657269213544_0.6087451390509937"},"_hasShrinkwrap":false},"1.2207181727.0":{"name":"@bentoproject/gist","version":"1.2207181727.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2207181727.0"},"gitHead":"78802d83c6c9791cd4400e761bf22f9909218a58","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2207181727.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-t9hFx1SeZuuAaU8VViL4BkBN9BMmLZOwApGPoYF9KAeaZt32sL/IDDRiHeLrGVyjESzLLYa7udgT8t74yVdSIw==","shasum":"534b37a1c19f1f38c415bf1fe854f3e12189f3c7","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2207181727.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIApSCeZL4mfG1gg2qjsDN2/Z6yoU2HVNtPQdO1QGAgE4AiB/jL1AYxZMVIg5uot8tIMofYbBMnQR3GfaD3oFSaDP8A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1mp6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoqzg/+JO93kaBeciyjEHVwVeCWNEA/ZAyOdNKvMY9eCspI6zjgc1hw\r\n27h80icfEpMZ1KLxHWa3zlIFbKJIqMVD7uJhphe9XOvAq0ZVZH+KMXCq7DVN\r\nt74jdk2vji3mz2fClRGfTXFr6FPD1ZJs/40hTsrJKYxzrROWdgdcO80srT68\r\nesX4mGQEmgO9gf8ARkVqz/vxbPKFDAM59GqCwdwQ54N8n9vuMfBqr52Ot2PE\r\nc8jlZNEXaBlcPcKASVwCyUdn5ObvvkyNwwnbe/iR0sfcA2NoIO6lOYA5m8RT\r\nmkaBaAtZcxH7aZtEr+Zb48rQUG/r94LZQO8YooSUUagvpPrfz9w2qwUFSihz\r\nPn5+v2XcRvJOOjKGksz2dDoSRAsFG2WXbtHQP3+N4fmGsoWS4ENzcs6mhASU\r\nZqHp8moC7J7lawH5nph083vFv9kTyiNwWOtkwJvRQ+ZDWKiWCFbeSMBu1cdz\r\nm3MQVo9gFofuVg45NPjvrDDsBh91WvN3JXSaa1Cc35HuGef21pyVvEjTMk2e\r\nlUIwFLyff1mfRdH67o/CagnhUAsPspR/ImOUvs7bYQy/Hrkm5DlHfGjt8WjG\r\nBvJRSUuAmQBhskH9hpzheEiN3hkK9epSXA05TGsVgdYiVrDElxDdU6eLOU2O\r\nKUHUklGAbazKVvQQOlX9e1jJKoFWOg1K298=\r\n=ArnB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2207181727.0_1658219130705_0.8442087449335842"},"_hasShrinkwrap":false},"1.2207201724.0":{"name":"@bentoproject/gist","version":"1.2207201724.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2207201724.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"62d86212e783d34fd2dfa8bd02ffb0e447c0538b","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2207201724.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-t0Eeyiqtx4c+PWsoAhx0A31N3QdokW913QidYi76EDuKkRsAeoAaBGfMSfftTIJG3zb4vZvLGvX7V4LP9k8h2Q==","shasum":"329cd12e5961e8902db13749bfd2cfc13c137cc4","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2207201724.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG63vCKOtNxTSr806rDpn8C0CGCpKmUGN4FoD0oVO121AiBqighZJQS6b50jBDf7inGvvYvtpuSrkC6cuJL4yGVEMQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2Q2NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVrQ//XVNiODf+/4NCa+uyYOJozeaqQlA2WybFHm6tqTQ+myy5G/pd\r\nJ53Wp8AAEMJzdqxwWfudFwXJnvBIrkCBbiGe63EAea6nYCbVyyVBvTyI0+ju\r\nDohJ7AW5AXSALZWEBhCKiKQYtiCr8caewAMUmYX0EN4ye267Wn1BrJuIZzze\r\nKuORq7BIj48K3YDdqU1WBnFzz3AW65MVIcW2vocUfn9f525yEs1HhH7880aQ\r\nnWLaBbdtiFyCmRVmJBJRmgekmu4fD9tsXG2biLdpcpcb/NM8khc+aK9xc9qj\r\nY1maZY3yp/6NrZ75/94qtnghvnG+xyLVHNvyI/iXQjlQBKf9r4Bf2uJHm7p0\r\nK5GsL/W2coypHwB7EyvKjI64mgAw/MImKIE2hOoY86Udw05hpfQ9juWxuMAE\r\nXZ6ubLptSTU1I+wNRNT7YNjlUR618kGYPNxlJtmLPWutk1kTgHycHBztWPJf\r\nPGdUGUoU3Vghk5gycODJbSGpGz7IBWE2xpKy2QZCHriCa6T17SNVXqgSycMp\r\nqJraTU4/0AWnLSks5nKynI3OgRWOrZPyCH+gXszrJSCDGwBJ64bnWLwYKMNQ\r\nNAzeYk/c+Gm1M7KorwNtrmAp8XjJgiu4rkD8ZxR0A7JezEOENv9NoOelRCyB\r\ni70xpZpeAK6CZ488Yrq18gFyNRQRaiQlWXs=\r\n=bFdy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2207201724.0_1658391948847_0.007710183085457789"},"_hasShrinkwrap":false},"1.2207221643.0":{"name":"@bentoproject/gist","version":"1.2207221643.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2207221643.0"},"gitHead":"83270c82c0130eff7988664c86a7482098f9477e","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2207221643.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-HBoxWacb+D3p2r7i5qIddgHW32T9QROlesil1e3UqdusVrkVyDAxXZ0mjh4sIsqOc42l7BiwpaBNfwY2dqpXqA==","shasum":"66d48e9f12ae8afae2e4f82f91b7dd36ca53b390","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2207221643.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD83FJMRAmvo8D6Ydie3Xdv1ff7OovUi44ihV7YawZZHwIgGuPK4B6jxSUmnod6fKbJur/0fhgYTe0H33LjS1pWpw0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi27CKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHvBAAmGjom3zuQLpomoU3DiDCi/4jCnswIXj+P8PPXf4z66YNPbAj\r\nr1wTrLVJ9C/ZxUagEtngALWhmZw5i9wQm8nCCXK2aik6ftIzsVlx2NBhOQ7X\r\nK1+vGNKtbaJFomgN2NitspxmYc3lm3EQDd83aWY/gYGnLUnA1WlevV2rKx55\r\np+9vG/bHX8ejisjpXq/5ertgPTLiOFoeIBSQTH5fEMIE+Uj73Fpjd6jQkcQj\r\nkcDZe18PhEVuH219S0gIKofWdP15sCn+wn9fDUE4yF0N8ylP0dVpz8TYejAj\r\nUqe9+5RYYmQJggnrDQ/FqpDAn1r7CNQYy8bMyRWYcMvU4t5uzcHZ19goc8H6\r\nJlLQb/Q6CKRljtTDaEuwrpQxvtNcmivCr7KxJarFtwzOE2ZrtGop/ttKnoRl\r\n7PAm/MMfhJZ+ub7wBIh31hn5D8njDHmT09CleZ9i49zuEHszIlYZTMFVW4nY\r\nQdlehct0/SUwfHsDRzl6f4MmvlI/R8kKyMJulGX0NRQfkImMZniceRTDTcMT\r\nIEAmVxe5RP1w2+h9tKvY4JuS8lDS+ybiSuRFVwPm1+LYGi+Akp8vZ39JjlKN\r\n9sky0ZPyfjscKO02S4o/iWAH3RGLb+YMZNNevrOHNOT5TMMk3J3yv80djnlp\r\nj/xp7FiipFMyYd+SLlG177AQ2XyQpUY8LZs=\r\n=4oW8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2207221643.0_1658564746012_0.9341492608522683"},"_hasShrinkwrap":false},"1.2207261725.0":{"name":"@bentoproject/gist","version":"1.2207261725.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2207261725.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"b73520d61dc1a279ec10d2a27f58891e2e2d5d93","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2207261725.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-FcxVqO/SyTLtFOMVjk1ZKa4/m+vCP2SdV1+1MXZ/92MR7ybn0jSKy1hZd5zTSpowbhDuWiMaVHSqr6xxmTfy/g==","shasum":"8e00c5d4d4dcd529e23c5188a61dd8cab78a006a","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2207261725.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICaYu371jAT+paJc9zNcl/Sq620SjnCiuQrajP7slQamAiEA5xQ7cfJMfBHJ5o3XwkEOLFHFFNsywEgRMnFoeD2nHxY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4PaPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqsQ//Wxqv5JA1ItmtbetQJG/gsg27EWH1dUSePjzOaXEkni8tJy4p\r\nfkrba7iKBixnRaVCCFCdygnPxvf8sl1NSafoPp6tQAhhmthVbMvejX3t1/bO\r\n2ZEzdKPzoqvNrRdKma6c0Bds4eWutEIMnGJVMr64Nc+Guh6lTyGVEWrs/SKK\r\n7tKGEEbpAjBJZuh4FE85iReiFNs5J8YGec5UHko3vELah/l5fIsnAvISBJxB\r\nSTOEzwD9HSx0P5Clz+qAVrzzJL42iTonjIqCT+kJIffCI/4PwVINNC5V8t13\r\nYySzTYHQAU2Bod599+2qH5gEcTjePLO5QoGmKEdXpBptlt3zQGGYg+N+ruK0\r\nfeLchdxtLvA5s4fXOpLitrAp6twQVyEcICs35jAwshraizxQVkuBKXyaA6Vc\r\n5oJpst/cIszOUtJ88J5e1hikI3YUZm8kv6uW1Kc/BRZKkp7FtcCXpU9ExteQ\r\nPGQSFuugnr8VX4bWSMFqzQ04OuG8M504si2UG+PCWJu6RHVTt8AH2TsbqBfG\r\nraFsMLYP3rU4XbIaMaJd8XR1tLC5IgdBIHubYGe6OL8FL1TkSi1u6NlOsZzO\r\nlZrCyQkdQvWKBZUdQdRitR1TSqNXJ8yZbP1WczwB/6Skymq4W/r+Fnxy+7LW\r\n8BjT7ddv+gOrrJKvqL1Vfcmp/H0v3pIxazs=\r\n=d5di\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2207261725.0_1658910350948_0.45634629757829703"},"_hasShrinkwrap":false},"1.2207281718.0":{"name":"@bentoproject/gist","version":"1.2207281718.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2207281718.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"5e3f3eee6148e0ebb57aabc48ef987e9b5528611","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2207281718.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-28oPcIyPgh65FltP2acGSEPYA1u+u2j/nT+oJ7Jth/OPIktRId10HqPbwTDQP41y+wUyT7i9pAa7yqetVGHHvg==","shasum":"83ad8bd3339eb109089bf49823e80292dc9ff122","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2207281718.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgnNkxvwjrNHbwEFoKCXU9zGq3xx2I6L58j8ID/edCPgIgcv9XHVRfvkDfpbZRJAQoshhwZsm4LFYRruto0+e6MI8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi45o7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXxQ/5AJPdS4ynHSxbKkqg9iVJNTa83vKjVX3d/BDLYEmSzWkkvnu1\r\nsqQoVcB3VrUdzQixXIIDYQtKgLd47Vkc8GxHZaL3pkzJ8FDacqQFA9ME3kLR\r\no46Fl7jYuHZ3bUuJ2qzFojtoWC2ka0jGAWV8IElxaujBVT/yZJQYm5mqGkyC\r\nnXHhAgzQ3RSC5GZ/U3+CMUtpYeGZlS99kl6aFT4cBW4EhxCNSsftCvzm1f+c\r\nnAa67ViOFVcRYB1YGXPCwOaXE7Y0Iql/hLTGrLGeqFTaO02ohLqAOg1KAVJg\r\nsGqRIgeCuRunY1VVrL/UZO0dILGdTaJqo78TxIjsIgy3o9kStqr48/D3BTSH\r\nJ/Eyl7x4zENzyiSxvmNsufjn03VSuYt1aC2P57Gll+8WwneIhNi3sclaMqbV\r\nywRqrzET82WD+jR2eoBOswBnqFc7S3S/HXDwkGy8kGU/661sqUgW0iiJ3RUB\r\nRE/wMEvceu/W8DuRtLNscVEvgTn3ATRqi8W7dhaaexnNTjXF/TH3sd/7HkLm\r\nKb4fFKnuwOF+RvbWMb7BZqxcJ/lEyLIubQvV0A6218E2WUjElvwNA4w/kY+1\r\nbdNyu+GQ9vJ0xaBUwsrMGqRNbbjsyxeAtaxLGKJRpGjGFCHOofGnRhQOTbby\r\n6hBcUqZMu/QfoNB4FWKsrNSMX/JUQQLap8A=\r\n=V4oB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2207281718.0_1659083323206_0.33374524724802557"},"_hasShrinkwrap":false},"1.2208021808.0":{"name":"@bentoproject/gist","version":"1.2208021808.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208021808.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"b82b832cae23ff854449af280f1b02f4dfeb99f4","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208021808.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-HCuoQKHjLNEnChbzAlAt1WBvaspUMbkWfoGjVQr8Z8sBK0oNjZ6Q1047QWow0pxcalMiRlA9UlqbvzmkbEilLw==","shasum":"f0edbf5b2b7f9079a1f1169a5c4a8d7f4e156220","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208021808.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICpkjJRkMULvRjOKea6YAPYdBnfZA0/dccSvRSqkTTx2AiEAqChufe6sFgZRN4UrKuJg60tB+3zxcwiS596CmmdDQxU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6jE3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1tw//eSmx1TI1++Sz8WO6LVmebJEIpawoGQHM4cYAfDqdkI8zNQc7\r\nvvCGR+R/CC8CX67FWeOdX8qIyNFCT8tAQwaIq2IP9BWJozZdUSTQeCQlUCnp\r\npEYPZ6fyZLoaJILH9FIn1ttjxkg1/ZSgwZ/FfLyBwm0v8i34EzDAecPw9k+V\r\nxrEaNL6SZYwvjoUAjx9w65hcXq+NTHjBtGrqynd7tB1rXO5CjE9XLUTuAqOU\r\n/ESJA+AyyurvnGwGvddFeCPZ70TSFsPERFs8YbeqcFbSeWMOnMFKjCqkVF9g\r\nhIRY2suVHLUMbiJmur7eXgILhScNakknYWgZ5m5Kw2t/weX24mmGfij/hB7o\r\n7+umr6arisWkQhiJXW7ruPt4Zd0qNhgvZD8pM+tQchCf0Nz0zNlE7Dak+bCq\r\n99aNCe3/wvu32CctZ7pT8s+Ob8DawDzOSvv3r7wPIUhADlYOxkeH1P04YWpy\r\nssGpWOJiRRfXuwVV9kCO8X74nItle9tSXF+k5+K2xQQA15yaX3ICRKxarD0M\r\nd2GwyPcm0xCQK0lFpEd1oZnHGh7XKFU6Aley2w4hXH9/b2wgQMtrhvkgJ/0K\r\n17HPpdT4bT1Yz75kHy14D3dfOBZF0uUoYCBitK6VV2ZusIC1CvdgGT2Kewuz\r\nUzrS8rYOh0stEIXjVa9odXzZ5HhYXQ6H7QY=\r\n=rMhi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208021808.0_1659515190756_0.347516664606472"},"_hasShrinkwrap":false},"1.2208042017.0":{"name":"@bentoproject/gist","version":"1.2208042017.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208042017.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"598aa15d3922507a106666aca29a90334c7b2c05","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208042017.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-EfGVqzE1JjakDUJPn3qq4nwnHejX+Unq2+rMRiRVOUwD9YDb9ZSBsojWxBM+2y02yY+U/fNn91Z5YIL7mNZ/Wg==","shasum":"7db6d6cf2fd477dfcbdc2ede83886db405100ecc","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208042017.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHW5kybXgn5x2pw+TDDZVyti0dMqWeyHCa5KTrj1D9c0AiBDzG+4Fujhg8mXlm2cYC2wSAMDHvQCfH0Cyt3miVfXyA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7NSRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrg/Q//X50TMG1B8mtJpPKBK9BatCO+gDKni54gnaoWq/feDx84UDgT\r\n1DcvwhMOWarWbq9oYfmhnRgRKg8lwe3m+GI1FidiUxSUnnVfs9hJxVc11/fV\r\nUBAf43+kZwjCpzyU9ffE6pdha9sf0yIuiNfzdgy6mziACXIPr/AQKrb9QSuD\r\nlayORYVgkZb+i293aM3weksUi577sHM4ooPYqn+FknWqra934V7Ta1vV646W\r\nwH2ldL1hdYb9Majwn7dwynDG9vPbb4r9jPtU99KQX5QANOAAAvkyQxRuATVW\r\nw3hCSn6wsEn0o9tE+8jQOfJl9e/1WiWO/z1pg8ckML6uwRsnMah3Z55+0CZ2\r\nscY9u9h49aK3fFujsSdX1PFEr9YwsBz3nEfBrBZXLPir5JZ5p89h09uuE6lR\r\nkwRpcHYx+RWXHmRxVdRIRPrDWwl12E6AveM3VFjPc7m6B0uSw3jA7E276tMg\r\n1KYRX+1fskCg14LpHLJDO+Q1jzCDCzg7YNXejOtaLih8sBPIryLWnKjsZ9ER\r\nv2njVQuN154eD+bOmQ4+9RfFYTxNXJyN0hxpLP9/Ikxs2ZyEBxJdCaBjJgvh\r\nX/+rOPwO1SNdg8SEfp5l3QdDN5fm9p+COIwxdG8BA5xsadKNUNlkRcxQa7G8\r\nWzKGGMljrMPpFRxdUAqW0fQDTC8i5JXlE64=\r\n=u/X9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208042017.0_1659688080733_0.03905061909143703"},"_hasShrinkwrap":false},"1.2208051912.0":{"name":"@bentoproject/gist","version":"1.2208051912.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208051912.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"5f50e49dee3435f3a242126437de7cc8263c2ea8","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208051912.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-VOfhOh213HN2tE8zNbiQNUZ0zW6TbFS/NZlJTQxPbmt4eviVA8QJIBZv7BhU/ezlfAIXtc4SM73KKcbMr+ojrQ==","shasum":"fede2c402a55b404d1fe53cd7984d1ec9cf8bf8b","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208051912.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQ5MBiwMgfWmnl5peC2YJVTOrQdxMItQZuqh7hGIJ5PQIgSefjiB/CUKji1awPxEKnmbSc0AK8FJxcS16ngFyy6hQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7iYDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHqw//YFqNqK/qIXjeemCm9Mp6ATr64S6FlXP4/YGYsZHmXZUbLZwS\r\ng1m/Y302xdh1O7+ex7y+XIZbSmicYAFCqFFA5dvM1+KVN/Ij/snBlcbj/m8J\r\nZ+TzK72ediiXVVuQbPiZxRpzUEfvB4oyCfvbszyJXFqWYKTYvpU+ppqs4XSS\r\ngETjct3yhutH8styp/iL953fnhcVGv/aaRL+Xnzb5/V1ODU/POCuBjUo0n+A\r\nbnjljBzCJA9ot+pp8lCGZ3b1oE4OhTtzqqOaimgFsXThrGRCboiHBzgOyfXC\r\nMWuiiVHd8HBKk2Pa4nvptzfGpIUmaqSHD+093tnMB1V8UcxicLfjK9ZfPLBY\r\nBrC4pOm8lJRkRicO4j0tCdqZlz4w5oY+PhqRrYXWUYRHt888dVFEWgZ1tmBx\r\nRN98wqz5X9zlr+fXlsY930U8ullEel4HnvwSnprjA8ucmuN38E/Rxz6mAElF\r\ndqtMFhFYOsOUPNZ0snX1FDsJjHw5et9EkznrJpOegn1zyw18B9GKM5nXemu3\r\n5+YwqOEyFfLTPbeNj1MJwtSYJKYM86AKgTKyYMsRksZh1Z1+z0AmDytZ4Qns\r\nMdw1JUCslYuok8bIpdlaLaDGbSzF0V1ZchklxYP6kO+nJoNIPX5EmRKDan/P\r\n49nFdUa+sT/3ObGPpvtyVj8B4Cz3hVVynP4=\r\n=4Qag\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208051912.0_1659774467761_0.17859249058694604"},"_hasShrinkwrap":false},"1.2208081650.0":{"name":"@bentoproject/gist","version":"1.2208081650.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208081650.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"beb9a33429ef933995a664a1aa534cf7ac0984f5","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208081650.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-x+S3Zt2PdlFI3aDt2ejYVN/Ea600k3//b6KGoaK7a/V5vV7UhTvATJd0Se2innNikM9AkUvfzpyHAkJ4XBn0Uw==","shasum":"bed21fdaabd7872f1a0f1af0b023df17cd1f96fa","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208081650.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQ5BzbNXsLheKmMLi8LfZudsJKq08n+6t575pKRD8/8QIgdsRypVd5SVNWQbKUqvyGqH9yUeepX0YhETf4q5Yp8Oo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8hpKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbSg/9GmXWUVVz2Lz7KhP+8mx4F3YjUOHL3w5+i1E9rwBsBC9nBte+\r\nZTSIifhv38SgKyZbw7ZJkvAaNsMBYnyq1el8yNxUJGsQ3JXx+6wQGBLuGt9/\r\n0KOfnSRuwbjztLBJUqsmzFwm8mJwf6BU6xlYxOCALcGFs7VPg5bOgA6TMZ58\r\nUqAzcwMMsbbITHTVFvQclHXplwxsmwpFY9Wn2XS7G0bOrUJbIag3dVssPZFH\r\nx6iAknRrl8qlI1rR9f0t906Noqv0nsUSVyTsmuF+TyabxJrchpaSKUd4dmab\r\nnFplv0/bkQzSUXxPdP3rd0V6h6kBGekmFTnHULt/E34IrlHkGAUi78ykkmu3\r\nFlZS9OB6lLquzHLGRxY/rPs53Ol7rVsC3i7QYhUOlJA+4sAE8V73ziIx1LeT\r\nctqR7hI3nsW1wJwEPpqzDB9tF5HaIccJqrlg66sZdh0S/b6GeQk6rXx3r8JC\r\nKb1LZt6BRoCVMk9pt6gkewqLnAIOYbectz9R3sYtlB/isRIkQaMAbbmu/SXb\r\nKq0Jl7kAKSmKBDhbxe+UhXV2y04gVyI23+7Hjo4P4xP92HE/B/zfaaeF0NQh\r\nUDZ8Ila/vIgrMO702Dmajh3anDN0bFPbQOfvgYQLip+/aPHNE/Yoa6UhQ0f3\r\nsQku1xrgbpuGFtrLGS1uXFkc9Qu/nnXFpbE=\r\n=mXOt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208081650.0_1660033610207_0.7139117761139688"},"_hasShrinkwrap":false},"1.2208092047.0":{"name":"@bentoproject/gist","version":"1.2208092047.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208092047.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"5147b5f8b54805bbea52be75a64d125a06f88aea","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208092047.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-/mbWEy0+GHTQ/b+1HFRq0bN68ksbspip3gqiRX4YF0ucrzJqlmtT3CIHwqNBc8xpdC3Lkmw0DKKLOpvCaq5pzQ==","shasum":"a6e065d37bdabebf52c7bf7eabcc810da42a038e","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208092047.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCr9tg6Pxh89IfXhlDDrKoEGcNQSwclzEW5ozayiA3IbgIhAICcBQi6IxecVlpKj+NJnuE03Q+oXB+1xdQfEVeOFqno"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi82v2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpxng/8CS3uIwzRXGmsrGzUIIZt/KjXFrfxC5YXeMRXoiptwXG64Poz\r\nEAHMlVq62Tke9wgIFnYUrKxoNh2Q4Y4D6LYU9wFdql3thU1S0LcY7tXZGVg4\r\nc/6UAwlB/39iw786ye3x6Z3q0onRre2i4+dBj4h+Q2pS7OyaWkcfCon1eg8x\r\nMcc8jUK+SFyl5Xjfzz9Kw5V+3UmbPYiq8VgSWS9Y1M/MPQaf5xvbIZxEr/fe\r\nCgFGyq6egK+gNlR4SsV/vAUWKlL1NnP5aMWMl+ktdpeDwnP6c+HY/CSr1Ege\r\nmkd/EUrkliAKU1j5M69WMZq+Dh0OItYaoE2QjS8uRUNHp6PH5+eHUm9B6XWW\r\nXWHgw+RdU2ImA59lWYprwlRSo40mkyc4Px6OYh5g+wHw1H1q4kIu+epDqPa7\r\nGXJlNZJZUu2Q9pMEpKGN5Y8wji2dkxsyYu9N1pa+z/EHtFIMe1bq3hslCcdq\r\n8/GCvmq40z2FFne+v2EmpkArvARe/On8H6Qv7FI5MbKBhWaYDmsuWs/u5nBZ\r\n0ti8njZkLwwR3NPqvYzKOMdbziB62d+Q3j8IpFlueSIZ8d3JAU7BEwGWEA1/\r\nH5clvgLLZKgMp9+JWS545E+IkD+9Iu6qooImuHttMWgAIrIrOs67hK1SkzOK\r\nqH+XymZv5IypDFhk0Ym+0fOjsykrd0t6hyQ=\r\n=ZTgG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208092047.0_1660120053858_0.5018696042655602"},"_hasShrinkwrap":false},"1.2207281718.1":{"name":"@bentoproject/gist","version":"1.2207281718.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2207281718.1"},"gitHead":"b2cc07c9f0ea3633ed63866b9243ad0bc964dfe1","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2207281718.1","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-/BVR9e3d8xFmtJqQexb0HIUcfq9pLz7vsoC8Ym13VnPzBliRZAobVlyk8sp2m6cH9kA/upybAy1xQRvkK3toCg==","shasum":"c2b7312cb52b5bbf7ed1faadfe4f0ca2032b5df3","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2207281718.1.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAwFb8NXjAILsiYSDJhyZU+04tbBpecyxfFozfNtOTtgIgBYtquTWp0H8ZGCouiIQNALGT4fN0JBqj3JcFvOexaz8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8+NKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDAxAAl7pK/EvMicqupPxFrV5AUWRCh4Vt7hm3IdF+ulAajkFv6l/F\r\nYcoX/1UrKXzf8z/BlAm38TC+LKEDH/gkUGVMUzHwLQkbzxzhi37Fp7DUmAXF\r\nuT5pVEfI4oqxINQRzLl8yC8kUB/D2+mgKHnwS/cE+3l/cX9+toLwskIVddhO\r\nOIyjfkqD3dxm+T6dpZ1mvnXycs9E/l4oU0PcEjphbkdEic6/Gwy98j6lcaXU\r\nUAGi7LbViJ/MftV6FAYro13hsPUEEo/wXpMj532i9/k3yJlaT/UIsKcSyWDL\r\nmh7RXKsh51WrvQax87MUxqaj7unW1HERY8d7YPmDJTpaHU4gTieiWRmgg92r\r\nB7tRbud19it2K5gX1uJMUXyjvDWcYzSE4BVodF0l+R0gYEtRmcl9RqjkHV1c\r\nK75xK7kUqehZW3V1Yc2qeNhYec31OyBfLMxIDaF1fUZ6812rknj/8E7LVxrY\r\n/gJKrbVLy2WJgpRMGSJkQtQ8oZvoLj8D1JL5dAYPjTpVarcU/dA1+1cSXRHo\r\nzIP5G3pGkEH9Tj4ULhem/SPqW1rxxV7Ko8YcNQ+IJVdyVJcy7jYz9igz6e3f\r\nVVAIcBJV0ImMy0JTy0RV0Yo9344G/Y5OJPvY/HrFHQYdfzzv++9ACnkZYSTJ\r\nldvOGBzfndfCoR1ewv/QMUhmJQ8T3J3MebE=\r\n=scEm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2207281718.1_1660150601933_0.9843528134231121"},"_hasShrinkwrap":false},"1.2207281718.2":{"name":"@bentoproject/gist","version":"1.2207281718.2","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2207281718.2"},"gitHead":"b2cc07c9f0ea3633ed63866b9243ad0bc964dfe1","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2207281718.2","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-JJXSDXXGVI6gsYB03LZ6q4J9q+fPWB6J4DA+/69R0FS5jGcJ+GTAay30m09sCoxXnPwyeDj5uR/IiDqOLf2jkA==","shasum":"746fb74c603d8fc5272fa38056da81b7fad281ec","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2207281718.2.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6SVHjucn9H7nmNu+kk4hnlg86yAxitTrDfMmXaMHg4gIhAO6ULeBiox7Bi3swM7XFGcfvo2XWCA4sUoIbuihZiTKk"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8/W1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjMA//dAL1MccP2Vm6UQ93T7cV2WH8LDVr0nj7ppACe0wPuUFG5ay3\r\nvula74+QC9TLQgbWbqwUGLYzuO918UILABSXZcB2oVJF6LZAqy3lJslJdVuT\r\nFwaj1kJnoGUc+Y69Y5/2A5cZjOjbDdXxRhmz8FLcwl+XKGxLBBIyYCCiu8HV\r\nQX0kJt644IIJ6nxMHzTGc1IviPfpuT7sL2K0xs1YXWJMxB76hFvam0L1SPPi\r\nG5P5EnWq+qTqo3JXDw4Dpf9LLD+oOvq58AnuakM2/2pYjAgZMnp09StXfrIx\r\nc4AAp02OXO6/0bcvoSSRXf468gytqeTpW/7AafdWPq+curgthbAiHdLZsbZU\r\nFmTYQQCwJEn1X5sSYcgikKqFKMg1PCTux0SvmptS95K7InHaCSCwdVio/4qh\r\n2GBQHjThqoqfq0hZk7CMsEev+wa4QJXdZsA3Qssmbs8fQ0pjemPc5jMkiwk1\r\nN1pihD+/2EbdkFkHLKa+2gMHi34V8YW+pAWq1eYMUowzXKfthhiASLOn19eE\r\n8hTfQ6mtQk48IENMV1FyYn0HVkeali4NhQ8mG2cvOfnl+rM+BmT2fyV0fJRs\r\nJZXnP++idFONJzm8ZGWA+XhF6g/MgW+DvbUATL3u+AWQdAxkAY0nAG4YsbuS\r\naN3SBT45KnX8hNx0ph6gh+0LzjBvnHG9MBY=\r\n=xHQ2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2207281718.2_1660155317080_0.5840608364386886"},"_hasShrinkwrap":false},"1.2208112015.0":{"name":"@bentoproject/gist","version":"1.2208112015.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208112015.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"83d345ea27d61c78ced5f68848c4f342e947fab2","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208112015.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-G8R5Q8AnPzoD7Cr3JPedXjm/KF0ya30jmd3dkB3p3G74+GGAEhk1M2ADlnu80bXZk2PgzV8PjnAjv2gar0pOYQ==","shasum":"845f62d1d2521fe0e6c0e7bac192667647e6387f","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208112015.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNIptOoYTtRO+5AvoMwhOyrg3pexkX2n5agUrHUDDCnwIhAMYjzR48ixKUDM7oCrtxgFQKL+ZEbpi+U1l0hv4l8nLM"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9g7iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrY4A/+KnlaKcPAUPpuTMKvePhQzfs+3MjUydsIQZJ/WuMAZkqPyE9T\r\niEnEq2YKmV3l5PqFoj4iNH8XzgNFdmd2ZGQDtshdol7xSdIG4m/wxpytLwyo\r\nw3rGZ1zu0Pnclhs/lbTqaSoFcO/+METTb/1NqJFVWbnQmtSHJjzZ9KFUJffF\r\nlM1+ROsvNBThazmn8zHVnYS2jzSI6b8/Z4qW4lW0IK2+2bDVucwI7VTUzjQp\r\nhRev09H239t3cuWOjLXShv599MSpYy7psrHEsWyYpXAXBQMhdyHA+tv8BXhR\r\nOecbf3/JXgLQHrSw1vCaZ4iRigBD9lHCUjkfpF1uFfYwcI79ChgfCxyEnLM2\r\nDbMzWRVHxpurDDkI40b3VuU3uskGv3I5brZc92DtpuhNMLPLMmVjXs5zUqAx\r\nXU1NGSU7sQFERPg7ETt5UsSlNOdgzQqch9zKdPABlWqAiWTpsnYL07mEuKhj\r\nDTiqWJrzBce1Gf+OB9H/8YI8Nr2JJTgBr99KO9RjB0/4vbuE3iaZ6aw+DAOG\r\nH0LZjIrLU+5Ska59GFecIX8tjhB9bP2EOYeIvhIMJFJcsWesOOge2VnaCwyY\r\n6wpPmmdMRUv78awGVvqN8HahkYngSat4EgM/h9yYLmA9OTxiZTgk5QGKQcur\r\nLkrPu8rS+gvAN8W0+4PjGjzhBbN1U4h9hwg=\r\n=9w3y\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208112015.0_1660292833905_0.8759383617219063"},"_hasShrinkwrap":false},"1.2208121708.0":{"name":"@bentoproject/gist","version":"1.2208121708.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208121708.0"},"gitHead":"c9c6de085436b10c2fcf8e6c10541d6d2658af93","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208121708.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-or/0GrOMAhbsMj2sqHUQn3yyHfteqKbsIkUO22pfCh6AUtLzOv1alIu1fY5L/DwKWiU/TgUhNInUcOuD+uXUkg==","shasum":"78e418ef35238c257b6310715590611120d3bd08","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208121708.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAhxi/ErC+pRlKzGmMX2vw98GVw3a/qaAaHgGHMfYtADAiBftk4S8LIuY/M4+cEZsuTcENU9f3Bf2l3lX9aiouLDpQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi92AjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1BQ//fyOIt+PsqKBKqaQ2vWhAIYgHHXbXKtzmvf/j+jhgdEWhtNXK\r\n5vl0lHKmDgFr2Z22xm2kj4SlzKWy+aLoEY7Ovy1bAdtZBDlgE2Ioc4xYcNEb\r\n0dZXua/gohFso0g3RBMEnDMG3FeZ/c0V+uhIGW2w7+KpqcFCY4TWFBIq7xVd\r\nnLoVxV4VA+TCUhW71mAtCXom9wRvH6iWSEeeRS2IYu4IlKCyd82ZQdpdpyV/\r\njfHgvVg8RnBzftd6aPPVAKnn3qsYyI53CAPX/XsuRI11vNsx0iEHUytTuful\r\nDD3cJ60JGFpxlcieBsg8dLtAC276YV88Tgzj/YBpETEXtlrRaLMVa6zXUv25\r\nE5+5Lef1TMy+OZ6tgiORylB0oz/CvWYddV6HTUce1lGzmlnEjySk6PWLIJxQ\r\n55gQCOtvY67C15vWbgQVZ/xFdQZ3rLxZUUrYvp9xG6R/+1k3aId+YGdA556e\r\no82kZwoKUK9e21gKwvZSoNAf7MqpDjOwOVhtaN4p9vIv4say0dnBdnvsXXOi\r\n3q3/gBxqOLpumi7ECBUGhxwude0gvRqR1pQHOy3mYyPNfkFIKrCN1z6BTxcb\r\nSAZUQhRTqKqCTYm64OmXQ7G8+08mipHHeEtm06q6nCFPNU4ushiMFsHm8O3C\r\nCpa0wyj3u33YSSnAz0wf3qno64g3fAeznLY=\r\n=rbjH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208121708.0_1660379171072_0.020506200950436426"},"_hasShrinkwrap":false},"1.2208051912.1":{"name":"@bentoproject/gist","version":"1.2208051912.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208051912.1"},"gitHead":"c9c6de085436b10c2fcf8e6c10541d6d2658af93","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208051912.1","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-GL4+PFhG7HPqC2HjAUYnG/Ddzh2Vsm+SCqOkM4KNQCIluSNCKIYz+zrcxqBHfUSSRQLqfa16AwkW/IJV1z3GMw==","shasum":"f1510114266e4de07a15cece692ad6d6a887633c","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208051912.1.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG/WwPwoTaNHue6rqnY6Zw7BK4zoFSU0j2de9g0EDGcoAiBzwtM2TjVbxYV/0xhgCQ5qhRVQZn23vRNsq/+N0IEmgA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/CKhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrjzw/+N0C7buGe7vTT952B0SdZ2fUtB/MxPt7VMV366JM7+sWpR+aL\r\nRNT1wXDqs0DQEx0Is0iYv4xMwFpIChHE56GXU/egpWh0wPKs6T72avXfvi2n\r\n/pd4qt4bIuPoFl+e0puA/rbQtjmoTSz7s+st6kw+UDiwdpabaUCJLfSs290f\r\noBkWsXUKuIW8ffIZ5yMoOIdMMy+WZcYJ/YjTfZxItXhLPK0YS1zD/vJe8OIb\r\nEsLPSFzhVn2iTWSjq7BNTABiDuS1cpgj+NPAqpPMUwHK+CyicvA/5PEl53h8\r\nNOwn90KId8m9Q19aH/tXEcQT5/YH86yOvbuwLZSEUfhOZ5vIH+Epr5pEOdQV\r\nkUkb7qRrCRN7EWhulKeIdN7zi5dSqPPUK+ZfnN0nG34iWtJxLEUKXAnN1sPt\r\nJUjridDWU4eVnjGKOS7d80KrXHVgkJJkyq4AHRSxE6AB+2gsqXGE/FPZwbUI\r\nX36/Tlwh7tb6mbhD4RBLL5xOSKC4A6QiZx+IVcGOkwTv7VwAowXhay4iXUnq\r\nrehq0ubfXp5UFRCD36Le/GWP/6WgAL1UmBnBzuEH0AGzDTqK2nv4OiGqmHWc\r\ni8zKBSCOd9oVxbvNv6QOdPzCn5hsg859WL8P8sctCDFf5meHKxCiXuiY33xh\r\nLYNpfCqK8uY3aF3I/KWD/FNpE74IBHge5lU=\r\n=tnew\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208051912.1_1660691105468_0.6130864752066636"},"_hasShrinkwrap":false},"1.2208172101.0":{"name":"@bentoproject/gist","version":"1.2208172101.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208172101.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"372d5623dc25138bb97bd48cd5f97f3be8008658","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208172101.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-oWCq7SdYwM/HQXJJw9Db0jPZBOJC3XBm8d+tTjskEt3atTL3EDkVRIliScF36A7+ttKyfi+IsS8+SZwGJUxKMQ==","shasum":"b0a5410c63265ca95bf7f05063513fbdfd26b08c","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208172101.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCydxvTs8hnrpfeaHmkJwnSPpPP0KlQrY8GhII5SPujbgIhAKj6y+gB7QFhZ42eCgQxHqnHHshhLLEu+zgLCUUkgxGZ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBpA4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrrlw/+M4IJHORdpVIFchpsDgelVaQUbhwN1sgQ/PdwJ8tf/tSP1bW6\r\noq0ldtUgCAroc3br5tvs8Q+Iz6bziHz7yzx+f3Y293pijOnorAZKbLBLnIDZ\r\nNpfKgmFgfzTgktZdUi0hkhvPnfIXbrjmayM03Z2GprXR8hvlsoOoo3aQcBM5\r\nrEwymLACgQxWZlQPD5V3ZC0E1bHB49a+5snua1EUdlfed0xn8lpRq4PlUlrX\r\na3dqowkN4rKNXhB/zbamVo4yTh2ksh3ME6ju4vns89Hh7OHh9NZcTYwq7gXE\r\nEo301TCVv5QImXaP87sUKKG9PNlkkqJKe1oUTBVIMy17o/uDeCZvykz2vLyY\r\n54Wrcs9synCsN91nGTxf5VJ/REvYbCnccWrGm8tJGx4qEXnvSnco8i6dsSSa\r\nC3823ZVGOZFQeOjxtQebfpPbjEEMuMhOmob0oP2huTmu/x9tTyqs/tMRP0CD\r\nhyGS34Ybg5VXQMrUZjG12aXA9eLUpOdgJ8HpyJ2fUSazlHSbedISAeCAzedr\r\n5smU4J5t/sYRaMaXc1vjCgjInx3P2y5uVRIMfBy2VYKAkPpJY7MTQg9QQX0R\r\nmUtOTYhe0eTCvmeaNYC6eOgDBoxSjUlqGl/MmugSD0VbA/bmIx/RB8za3E8B\r\nTc4jVXET+rta8bi05elleC3YO39Luwiu1dI=\r\n=8U0M\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208172101.0_1661374520043_0.0821006243511917"},"_hasShrinkwrap":false},"1.2208242209.0":{"name":"@bentoproject/gist","version":"1.2208242209.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208242209.0"},"gitHead":"0775e3db3f5e3447749a9de6b4ef38433f6db4d3","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208242209.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-kaIPjzvH+6vAglKq8kuCMxXbGJXNu5QvGkRjSYLUk8hPMoy2nlNllo+0T55nE2UTl9oZjhFgAjI2qKvp4RVu4w==","shasum":"713917e2567c9840ecf4b7c8cc923e24ef8c4f17","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208242209.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzcvV+xQW67FnFDqFmIQwNQYcXfB4UYxTYC2sZBtiKgAIgVk545uBv0evZ2q+Wzu9U2MqwIO79y0Qh9Z4YAf0Fv5M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBzInACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo04Q//dwS9OxKNoFpYqOSr+4t45GT8nQW6YXUmhQfJjpbAIJudzVFk\r\nyFGthwb1mEyV4+wtPOKMg8hc6vgkEXLAC/cet63VsjZYiv5A0RniiOPiuiW4\r\nC9T3EIy+yBg45VKl8jTRV0/MYg9pls44BueG6PAr6wZ5+T2adCpEYg7uUz72\r\n8TRY3PZPAPd44Gy1dIxW7f4DhNevWVBSZHAW6WB4PkHvoA+n/D0mgr7atgUY\r\n9kPTZKJ95YIUDd4Ni6VF5ylaVOXCnWX/ob+f6PGQXEkjRll5gWsLil+N+qM6\r\nrrJb42Wl2RUCYOpuhKyFYV4jc89kol9UlkHsiE/k3VQx6Uo/8Si2vs6gA8XJ\r\nPYdeEjyNxsvEuZeVbX75q1QmirI2FRHik3trRCeXdBtcVAGDsq047zr0SuRB\r\naKTF37mDS6Ckf20/KYPLa5HS7zUT9jhWKq1Zv+PlGIuyPlYu6BekEQ5TNmZZ\r\nM6rkf4U4lLC6prTxNiD/74k0u/oVSovYuGsz5Pz1APEiGnCrHzxzZWANS3GQ\r\na09nP1Chs6FbbL/9CRRveG+aM7QPavvyXY4+ZkaGBA3xCdNYQz1TAk9S1YHy\r\nX9m2bjesMMG9CWcoCFpNjU/2qCToaW5bvCDhdyd23uclFVGZb+QAM06Ohg8d\r\nbFb883TodMlkusIwKXN/dnpap2KhoWVJC7U=\r\n=vlY9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208242209.0_1661415975064_0.1467492193262665"},"_hasShrinkwrap":false},"1.2209072154.0":{"name":"@bentoproject/gist","version":"1.2209072154.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2209072154.0"},"gitHead":"b0743385edcd11eb02b6e380c4fb5a18793960fe","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2209072154.0","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-0uFsRc9QR+Cfq5uBMC4+xjff3xMhCc2CKaa6c//4xUEorObYFl6U1uLvV+er125oUzv293J6yHiHM7yaIhK70w==","shasum":"e91e8b54024e6f12540c57d2a1b6238a46c16e5c","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2209072154.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHBMohANY2sktTbHrZtBkgZhWzGYPiWw49lmwoncLNhEAiEA5NDjW2Ue4IXJNbMLpUuL1Q0+yJpe81cRmKfYbKyw2w4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGaa2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdPw//eJEVUYEjcua1baSsq/xNJbPn69bcr30GhS19Lf4XeQELUVyZ\r\nMVZc79FCmFwLVwznELCkHZ10gsudQL8n2v2l+D7TiFXlgHQ5jn3ifc5VpJSS\r\nOCVDYW17NfLVjf3UqRCiCkMHPCLhuA9VS5lBGmTxV7EsoJj8PwYJWyw2wewX\r\nZOtHRWcrFzHaHdxtsU1+2C/7j+DOEiMtHz5GOhY2Xp1J5EgHzSNKDqck8IDu\r\n2LFRL+znyQYczNzNQXuehNsVnS+cggmt3BkaCLDNjn7BTiMRoBK8zcoLoQcW\r\njnLPgrJFZ5f/NTICJmzz/TVm8jxbbq/u6VeMJ/3mRQG0L+6gle1Gsg2zmiZ0\r\nd2Pehhiqyy8h2wSQbLptHhYEAH5VRKq5JS/T43bEpCTYJC0qjGfuK2menuTc\r\nWeIfuDVxTCeq+qEDY3qUGGdpBPAWasPAHsXqfDvOFzUnkPh6K1FYALU+GCnk\r\nWFg+JOTWa3oAgX8OJiSUMUeolwUKhFN1CD9lVQwnvR3gNytnzt/jgjrzz71+\r\nVbpZWiMlC36Vs1PlTFHx8kxCZGhqmwHIhI/oVnryiQFd4t5A3VykXaGJp8v1\r\nYCNCNXV1ryZyHRw9GsnY2qm1zNyFkVF7SZpo4E4rhFWAT8cyQ2QnNXy2Pc3d\r\navFg8wtN3tprGcaLolCyQ2b7GQ/BKKClN5U=\r\n=cVUi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2209072154.0_1662625462638_0.9470358703728248"},"_hasShrinkwrap":false},"1.2209131909.0":{"name":"@bentoproject/gist","version":"1.2209131909.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2209131909.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"b912a3976adc47e6a81ae645cb98e51d1e778150","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2209131909.0","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-aq+b52uxxXgRvnA2U1m1AIFuNEukJn3QN4HTvdYhsZ3pIektCDYynh8nRjPvB7AF8AJ8/YXUme0p5XZOX3cHIQ==","shasum":"5c884d38f1f857dff5cd06b068eb9f272cded69a","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2209131909.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG/7MdcZ1fmAYYIPmQrDA+PfdSr8y+NXM49oqNfqTqgGAiBy4eH/xhuT4Zi1QEs0kS8VbxlamdMYDr4lDV8obIDIDA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIZReACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7rg//VUcZKxShK9jZdlE1xod9G7rEwaxAY1hCM4bspdCpg5xm51tD\r\nYeGWPwyLDsbse6DTARgyS0lRWkh4nUXIIcjbSsznJIIB5MOGdtOLTor+q0PZ\r\nuvpZbCTJyixLW4ASMLafDm/IIEp5QdfNgRdOZj4iChMFVBl5Sb0mWlRZWoj5\r\nbERKh7QFBndLUsOlgexPJhjqSTWQYK0uPvSsDmU0qpWc82Dqg255kcLGT3sK\r\nj655pMXhWUZie9K4Ggonx/9AHM66Wjql5ODiUzmAeASlbTCS5YaQKyM0Wn5+\r\nZDsRfsxiacwEXkTbzAJWkndxaKhfXwg1Qh07wJxQMLMLeXOidkSrlSgDsDuq\r\nYyweSPBy3I3PW3kB8vQlhoRXQvWm4TROqwfr7m5plzmpUZWjsIT9PVaRMZl7\r\nYO4j5dJCd4OQdTONiiozGOl95gxHihgiiyGoDWWiliku+iJUdV7bGwJUv42P\r\nGtPpthjdJ7BWmVvyCvjLKNZ24iPxKNrqlJsNQJ6/S9CQBHQ72F5eQHFkV3vU\r\na53v3HLGzoz7j4UmAqOR6QFgwmfSWjTZ7StAD0gde1FN02pDs3PhQkub0F5f\r\n/oTJ7vqBDzAA035uT/7VXNwNeuk4btgspi3kI18TCH3bmTT6eYvc7dKlFfyO\r\nSZ0mW9S8DiRhCSBQ0ENAisRtkluuCsnll0U=\r\n=XXBy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2209131909.0_1663145053830_0.28038689436563735"},"_hasShrinkwrap":false},"1.2208242209.1":{"name":"@bentoproject/gist","version":"1.2208242209.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2208242209.1"},"gitHead":"a64b6c7fbfdfb75c935b112118bddb3fff58ba57","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2208242209.1","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-D/XBuPmKyqrn3H5n0PpVTaAT9Gnyez2K3P6TcTUcN11CDqwAEL26lDGJ96XYCixfV6VAJk7x1NjXWxTCpXmTWA==","shasum":"59130c8e3efcd0a5e36266667e8a3b61c3c37c69","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2208242209.1.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjIsO/1PA67ucJQFpayZ4eKJtrBz7Yr0N3kK6XoTG53gIhANVhEQS+xNpFrSNdxvCL8Y29sqwiEdYzYyg3E2zvr50p"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjI1XwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrzww//TSPOnxh7PADVSssEwLr68dSsqGDM3cXiryLLEsHS1MgSUjm7\r\niWIPP4H+uq7ZrYNGPz4ONFGMPl+zE7v5ooA9r/HTHWQat0uRVH58PkY36O0o\r\nlcnuDdaBsUPWAVE8oONyj/EdL7Iz6GgmwgeUm4+sxgCZ8FdzDipmx92hhUOs\r\nJuakIVXKr849wHZhycscipGC65hycEmxgN0M8KsGvWk8Id5WSsy/nBeRNJ0/\r\nz6QFOcjJkViIhXwH/DSFiJDmvv08X4+dWONqldDSg2xHciji7toM48uN87Tj\r\nB7dI7JbSq9AvelMdyUp2pYKUwo7T8L+OFBA31tFqOqxIvxI+Xao9OZqUpLRv\r\nilYlspXIy+ln7OE5KdG3EOpZc/7/pFtB1dRsIjYxvBltRJREz6Vhnw3kUSZI\r\nawbwaclqK1XXnu6IkQwYJF9kWF3XSenZc/1L94CTICaAv8yr3oyAY3bY+nt6\r\nrcWgLUl0WD+C+8zm6aA9xHhIMQrGiDtuTC9fb7KKGkTCCqwd7YNzvpsFPEpt\r\nfC99D2dt0b1nWGxhsLU6l1Ka16ZMuLKUs+hLbQWafByNkiZEqH1c6/Ls6fYX\r\ngK6wb6QE5gA0GwdZLZ2hxXqXjhRtb6ZX/bMLSnl4RKDbYX6pdtVdMCcxJkoR\r\nRhFT8L3JDGcVsT7vKn+DKkN8e9gIfNmSiOQ=\r\n=qNDJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2208242209.1_1663260144572_0.2908447073860825"},"_hasShrinkwrap":false},"1.2209142312.0":{"name":"@bentoproject/gist","version":"1.2209142312.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2209142312.0"},"gitHead":"8484b3b1dc31fb138a231b2368acfe2cb4eb913d","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2209142312.0","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-KhhlF4mENb7CSn/GyuYg0Q2DfsBtg3L6Gqy4aDeBihqtV6Mg8C3J0PUqsyQvlKIFD8I8daRRYfnTNY1NoevrkA==","shasum":"40e1c1b0188acd1963af0fa0c8d13b7064384735","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2209142312.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpWKBKwWWe5S+m9EAU/xgQYmnsPdej1E0SHAZGZI3xQAiEAqXtLbYDww8JIk0qJ9ARifv3VtsclfuZkjjArSXUaabs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKjl+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbUw/+JI6RYHL3Yh1j73mb09DOnNxVAuNVvG3pyKWCYxe8HjA9GU1Q\r\n0wyWUgd6TB/2LqdQuBeiENKg+kSjP6Ur2RzqboH2GtMhqY1D+W8LfZlNHsV4\r\nwi+3pRkfDspySNHZ3mk8y1eGy+Uv8ktOp4QmOELAIa1qGaO4OgSCVJRT9WyH\r\nY7EycMmEn1hvcEIT6J8CU1C/I+qvIHzyHBgd3V96/1dvcUUKxzKn/CzBsB75\r\nvAyGhOtij1YkIKSzX1F1Tj/nZgBnCoFsKyLAFBamhqi0ZGXu2aKZ7JkkE/0N\r\nL3SAB7MpGMU/1S1snp0Kort58jEFeHGq1L2rVp28cEEOXgEUDV2zYdetB49R\r\nL5v6RqzbukHxwYtSRseumTxFkt5afdjxiGCJq666LPDdqWrWdc8oDq+U9zc5\r\nP7c4eunARZ5+VVR2OQejIHE5OZs16Bh/DBcbkC4ECDvn4drzVI4tPiiDiKxY\r\nObYumHLfH/7ZwiysSOQsR0mQ9q2kScWgcVpYu86ksjXtkJic7FRGb+ue3qkf\r\nuBoYUkxoHpwE49svHUgLlmwNUjh6AlWbmoePXS//N7afLnKXZY+rHBLXdsqc\r\nyquNOOU796zTkxWLBg92maBv2bNNv5KXufDgh3z3B25SO3eXbUZfTF9oHZyF\r\nikn6CvHNFjT6nLjo2jGsAJFMmfsSKsQke3U=\r\n=LrmS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2209142312.0_1663711614371_0.5768149582497035"},"_hasShrinkwrap":false},"1.2210010655.0":{"name":"@bentoproject/gist","version":"1.2210010655.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210010655.0"},"gitHead":"b0c5acce5be2019b787b6f4bf7feb13b045ca7ff","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210010655.0","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-yPRlQZEWeQzsdlIJihmoaKkUB4r98h/d/cDw8UNZt1OEg0x6DR23q/vcRqybf1MVhybIFp+33zRx0CQyNufE4g==","shasum":"08a0778fcf43beaa6298bc27982c2854e8bb0e13","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210010655.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE3QAPTT015Gy57pK6O6Yu2nHlMdGFzDwYjnxJH9TM/QIhAJ86qN0jPN3yu7z45Sz4yvgWOcPI5v79olN6vADjvDrx"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPGQHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEZhAAlfk0lZ5VWy5ye2fPmCBPltuCw4H3yNIkaXgKflZgbVkv2h6i\r\nmXs7/OGVSVx6uwVvgsOL/zt40L9z/HIMkZqUREhZnqe5iD/83D/hoAk2S5I4\r\nP9W7ZTNQkk4y+OnAl7vZDHDhf04nGQg2kTMECkjXPjdlxzhstDv5Kl9Ir4sD\r\n0Gl2jH4nxEHbya6yzI9PqnA5lSu3e6GdB+lMlAJUpIcpeSmNLsoE8zLVyxXv\r\nSb1dPCRotx7eYTRcDrNFW4iSZsW6I3bSWT8kmp8Kun3HVWTUKP7BEVn5yotc\r\nWtl8H5umm8ylk4PJ5nr680aoPa0YE9o7XLqC65I0t+dpEsZbODsSfROc2Kvs\r\n9ye57o1P4CyB6XTvp0t9Jo3DvQIIyNl/8Kf38tiZ1aPcM6F/YZbYX25Ax+ze\r\najaSQ9N6jt+m2ewsLE/viNOLJw2m9BGXEIw99ypzDhHji+XPYffrSXrFmBjF\r\nLzocaLgwL/sFW3BwTGSKFGgDoiSGqkeIQLz93JJumI/CJVCeF/hAWwq6Fry6\r\naScO2AP9AgugeYLP6O7dRguqfVTEqTZ98Uwpuv27nGAKJScruymQ4qu2SGhn\r\n01QXYjJj0LUwKAXTv4AsyDunxoKHHD1tpkV+dhIEVAZ9KtODWubwW7MIF4j8\r\nRN4EEGGIK4Zs0mEdjmhKHOy+/MsdIeHrPtk=\r\n=kgLK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210010655.0_1664902151487_0.8726261589630635"},"_hasShrinkwrap":false},"1.2210041838.0":{"name":"@bentoproject/gist","version":"1.2210041838.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210041838.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"e79aecc1c4639b06a7f2843d961bb14f293a53ce","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210041838.0","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-TRSF6I2ML2IchaM7VRL+DPmnMb1tnj7e1Y3UI3KbmLxdm8ceMPLIBdlVGzqkc4I9h542KIf16+LRCO2dSiwLmQ==","shasum":"967dd8b1a6b13cd45a887d28fdaf6e2e0ecd7a69","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210041838.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHoKECAaKQoK83bT4YUHjykjJdudSUhLmgkOD9+fJZleAiEA1fa7qd+/H+0TFgnq+BTO166HJOAKJFH6T/6DyXUZY8E="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPUBiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrqeg//fFKm19KhT9DLwFD+hUxPQV4WPWn9YG51mAZHJxEoV+it/+Mj\r\naH2lV98GrBMS8B1Z0nXZyGClCSm7MhvOyWw/Ko/he2cpFa6DD1/8Cco2Dn5w\r\nbkjvTaT0lW3rKkkO40x82WmJ3dU134+KgqI4I8hRi613qt8sfaZlz670IXEx\r\np+BHSd2Qe+6RJpt3IcAth7Py8YutNQqdO19nP5s/KLWb6269hpnYZ2n3aqYr\r\nHtg95yMfbir1p1tsfd9HvhjQSBUapYKhpsR3LuVLab0myURQUlD2p42DGSaI\r\nON1OCA9ho0nZeAQl3s9xO33Q8RTqVmoWAo+Yv1+Ie2D4e24lqCBp+gV5WYXF\r\n6BY5VOY9m1gPBoKwz9IS2EgZrjxC+3bSLpcSfWPKLf5cooHOwijEBeIbj25b\r\nKl2zWHTc2btTZerdUFcz8Mn/JowkOqpcWdsEOcXqb4g/Hfi1KiF5zhdAk/uI\r\nNIFTmETR0hWGhZwPRYTtNEyOMO+4PPgRlTtC0P7uNL2PUesqIwTuXk6sCJbP\r\nb2juvFiYJRCM15M72l7oq2RKHmr41XDdu+GJ2d9/tiDdt7SFEln4wOSUAXPY\r\nBN8keDJXV+1hc0WI07xi31V3xxyrpxE0tPbHswW/7hRqJQwoWOK7RkI6reSU\r\nKPl2rzNXQ/giNT9B2jn9TDPN94Q2gQi7Cuc=\r\n=0n70\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210041838.0_1664958561931_0.992657076999073"},"_hasShrinkwrap":false},"1.2210052034.0":{"name":"@bentoproject/gist","version":"1.2210052034.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210052034.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"8a0a0067f57f89d0566ee1db3d4bfeea072d3c56","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210052034.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-xkvsnzzCa5ruFnbfubwRx7UsQYPKx2GKkhwMvC81wgRBNPFXeLjPpbpx6lhH0sDcEZUD/yRZ06IR+L4b2fTtNA==","shasum":"05ed235cc991a9e6a9df8dbc558782e4cc63deed","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210052034.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+5kYJywup90OW1LGDt5Qm8AM8Chg/MKPNyVWJhm3tEQIhAIU851WByoZ5wlIpP0Xb1VtqCwK2lPvRJL6ns9UGnUze"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPpDfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoV4g//RRdOaIGBaql2WnVmWECLJ840dv02mV/jtuocSPRXjSOWJ59c\r\n6znrmEwNRG7Vcek/yW9EuAAXqSMzDJnRUbIZWoLXOqR2efutJPCroBtGZrL+\r\ntN+k5ucDH7afx4Adn9v+1eIWeq5jZYlRW8ta+CTBMmOcF8mbAxnnSZJCtlGA\r\nIE44qbjxeCruGd681RLlx2nZirWH4lnbQZe7z13J+X38qj6tYvGKTld+jsuF\r\nWNnvGPUq/1Awxw6WPChyzD5EaTgil0jekpjDDwLxP5sZMhDfhLHGsC49cf5W\r\npy6UnbMcd6KALd1am/cAy+W1ijsKybjqGwE5P5VJDVEJx0DHGX6EpqM6R613\r\nSpKbTp/l3bJEERb+PWhaX7vFIZ4rSD4eqn7mmlG44FRWiSpyVaSKgIl5NQ4C\r\nyY0hITnSu6oD0WcA03+sgwrB3yb8oDBH62IKa/tCyH35LxLb7uSNO3fDJZ13\r\nYznIHFKEGSwCIYExy1HpcZR0HjO9AglP4HW8kq1IbXr9mgnm1gL/XHt9Pwhy\r\nqBPW+eh2dlGOLxLKcYzgk7oEaWuxTKzWD0NWuz3vMuHd75NPZmLvbPq7qV08\r\nUx64MivHcKW28SAVkS/JXOUsQA9DJgp+Wok7PFVsDDIk7GpWSUdfv896he/J\r\nlG1SlOyfVGp37qhOuVMI2yFpQGEGgtms3ds=\r\n=fWkd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210052034.0_1665044702964_0.4313715802746958"},"_hasShrinkwrap":false},"1.2210071758.0":{"name":"@bentoproject/gist","version":"1.2210071758.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210071758.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"7c969ff5fd5406304f6a9867fa0db59b74e94524","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210071758.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-FCiN4u/0pC8xR/Yqrl8Qr9lXJqonK66sWFo/eRCBJarboIOmt1Og/tNE1owO1q0aIUau0Dqx/WYxK/onHyQuMQ==","shasum":"f42be47370680f7c453bf32e44ef552bd254906a","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210071758.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBWlsiwepVF8PE8F3dQ7TbWpQOOkhUNzGQE3mjRJXClMAiAwith3fV50T8SEmW+lld4tfkp8P67aS/YCGRXd4sbBoQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQTPpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWZRAAkXrusbenGksOQe+dM5CV92bIFGiIKee6e9n5l1ui1YfW+Ug5\r\nicWxEdkdBzqOM7kdlni4gPofVoLMFcGcwBORMh8i5Xjc2lffUlVkPqNxEFZN\r\njqNlEaJm3IPI8CVqbx4Un3lbBRaRh/f6Lvm6+CLD42RWfZ7lsz3yW397KnSi\r\n7q/BVH1RvjCTjiFbMV/2oIzfw1yzctZKH6wr973NnPwS+qxck9mMD1xXLVWR\r\nReyRDM77XqYuomf+WFEZhi/tQweGreswXn9y7e/eOSpBwiRhRYpmuZ6U/4z8\r\nFloBeiP3JeLIyp8oDOeWHkKKEu/ILrnEoOAbTduCgMvKwVY/F1AllYXRmbFr\r\nubdrQ87IIxHOvpAXe+aiy55RBqUZCeGPqU0EIUJBJaDExGZK6vGb+jBAHt0N\r\nmKwiUKiRAg6VJlb5sTc10aqhXX/sbkwq1SiKtmoy81rm9Zlw5v+JaBOHs7mC\r\nbLXLicsYaNr2SENLw1jFqytHIvKcwsF13gReWoPenGuvsHK4uXE50PIr7rfJ\r\nUkuDCoAL5ZHIEg5J23FZ2e+AglR/1k9cL4L4YnAs75S37mjDmlLneoDUCeJV\r\n6RxESvSHuGzF0SZOc5etLrH/u4x1HduqjY9ml3KR+kK0IgQk2mwbJHXSw/pL\r\ny6w+0kDl7jj5tWwyf1tirI4u38f1bTclofk=\r\n=9/mL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210071758.0_1665217513296_0.30564286102560034"},"_hasShrinkwrap":false},"1.2210112333.0":{"name":"@bentoproject/gist","version":"1.2210112333.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210112333.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"1d82bae06844d5413aeb632cfb2f3ef443548ad0","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210112333.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-7SvGV3y1wq0jqNSf0l7ZDsmL1hsbAHY3/fV37vfxl5+9zdyNKUMaKthKSWqPQhZ0Gpo736Kc9/UdMO3Tn+lc7w==","shasum":"1da77966170a23c655f41908a5ad55a20f2541bc","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210112333.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDR2LSQ6c4G5Cb72v13yyIuJi5TOU4qIgyQjMZ1HWmnGAIhANOda/AmBLE/GTc9avgl6GUISX/URVTLNzKfAbImacuT"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRnnQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmofbg//bTF8kydvlztSz0FMWLAx2K8sEvNTCyZ3zAwYKFf6mKT9GuPa\r\nrlS+UiDdQ6iERjsDH0wsBPTdQrbUUEK5PJ2VYmV1v3+E6IS/6DCk9P2XzJh/\r\ndbABDfnHA1DUT7gj/srPbsLV9buMc+gOs9M8QBO67t5QvqpUjzFxsMeyQP8V\r\n2w8Em26rZ5O7SMM/HSdfZ7SlGx2UV1aJff+AnKW472WmrPxmHAdpDRLa35WA\r\nH2IMdjj9lnzDwfqZpC29+Vp+4OC70kJmz8Olf81okFXbJetaKSnG0vGzC/go\r\n7a2+kYSJv8lpaGLdmQwPtDy1qAuyYSzAzDjHNbCbzwSqjjR9PCkk3PgBxnLm\r\neTemLTkV7b16sKukagl4WUoflSFYO9bow9gsstaczAUR3pfIfts64m59jAXt\r\nUJ/3V3nUZZ6ZM0utKshPjumAqWtS/HWbAAFMHn+GLTXKVpXg3G/XslNti0h2\r\nTw2L/Cf//WtLgtNVMu/7rkfIcMCJhAITsaBQkm8OMpRXGmlxjClBsq11tRep\r\nI4KzIyeMUPg9h7dRIBynJrbbq8LyLIlL/BU3HgwCuA09/bqeLaJNMQQPQrpi\r\nNj/OxnZCEmjl92s28yvAQJU+PExgQr1tAlvQsvgBxpqbZRZeT+Fj6cRwsyya\r\nmEIiVOH2fcsV+F7nlJlHdKuJq+ogEpwW0ak=\r\n=9HqZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210112333.0_1665563088189_0.357468805098887"},"_hasShrinkwrap":false},"1.2210142102.0":{"name":"@bentoproject/gist","version":"1.2210142102.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210142102.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"4cbbe2b23e7b0c5b0c005c94a574ea48a45f7693","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210142102.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-53Yqxot+SxR9/Q4cR9zd2k+1pjfgG+/ePGG5lfe6eduEOh4rlcZva9TiROrt9eKTwUmKANkooVAAXQ7+M1qkbg==","shasum":"af6130b860463ed15edeaeaf00cb930e4d2d9d94","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210142102.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQeCtkJzqP/ESX34rXURuO8JzQhu2ZLssl9UZwuEnUegIhAKFNlVlKWvBJbHdfSTcznnkOZ0Mk4N0kJgQC5miYwh5W"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSm4SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmremA/9HWzU545XZdjGDp2PleVfmJnw6nh2wsSiNuf5erCVIUuWKnUY\r\n7ZYqo2VnV4a70rL5r1CE69CxMxKIzG0sZfFaoVBzTw2zO15uG2Aa8hmgiNmh\r\nShK1C38zIy+tbpijos6gzRIFXqUP2aUV+axemXj075v/xmCkH9Rx6MmD376/\r\nGAxltTkqN6h81OeK5xXOO2hHQm7GD8pOWXL2DWcWJdO0+kwyyD/10vzNuGUH\r\nAn1maEFYnX+LHSdk9oe3FKc8dIsKvWSnsscv6rpr88XQ9W554M9sJj27flEO\r\nzMqqmyl1WsPPCWofTnds8s+n8sw36o1QBQof1875001GeHkfkmG4IwGH64Pg\r\nsLlJiyytFM9vNARdmpjOhW61x4ugElXWa/32RJymWtVb/8W/e+GE6WD1GdYE\r\nhJar+ufiuTji//djcNSBE+Pb4BHuL2gSBZok4uqPpPduz2G1hrfgKCvbhfZw\r\n5RnYcuZzzvMeicg7XWEfyTdRLsfj6iEozhfUSjD1rh5JiSgoBfkJ8XQcM32o\r\nURarxnVOcSndB8uafA2JAZaFleysoQWSz4BHa2YZ9r5AgOZgF1Vk2wET7rS5\r\ngRPGWIwamyFZsD0Hf/RgSwGRe3Kh6juQ+Gc9HtA4UXwV6R9lyDf3C+wZn9KW\r\nz9EuVB4uYN89ssOG4Jed8A4nqp44tsbul+U=\r\n=scbx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210142102.0_1665822225777_0.3024407120500716"},"_hasShrinkwrap":false},"1.2210172057.0":{"name":"@bentoproject/gist","version":"1.2210172057.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210172057.0"},"gitHead":"fde225e8d98aa5d96a939351e6e53cc7abb13cf6","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210172057.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-8A2KbR5F0pXTdPaOwXuWJT14IjbUH4Cm6rkyJ9xNjAgpD1t/CKXCoGTFgjIdLiD1+S100UE6reqUzXXMrqSjMA==","shasum":"4e8f90846505049ee45a02db24d5593319881032","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210172057.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHcLtgj5LeyylSkD1Z1qlQmIb8sDVS44V9z/EbKdb0MyAiEA/XxkiteYCmFtddiXFP7DTZSrKc93zCONxuQreYvkAY4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTmN+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMuQ/9EqJiF4HEqzDw1zNCUEBASsZEOOTuMe/gw7Vunof9O5Y4hNqS\r\ndRnk7XzKVYRyf7W4JQgtQfV1EwDQ6ATI0AHWjCUVeKb48xNF5qrHD3qXSd+D\r\nPE6LncaaNisrlviRtcy7FUnItSg8brFMTW0YiQvKdQ9bhZUlGSsmJuFq2+lE\r\nzFK7g91G5LI+N3id8GGtBOIKfBcxtoBFszFqm6MHSh13bCXD1Q45gf8qAN+L\r\nrtTXOko8Fb1l/SuxwqglM8LQZPboRbZrkT+F1auEST3nFhKxrtlDZeSPmvNz\r\neo3IB3LWxggv6iPpHa2CSVtjueAIU+QWd8ZZn1ZJx4eDMfGAPCEgSemHe+4g\r\nGI+eHte3BKHLccM9+7KEG+JowLJmjVuKDjPTN8xqPKP/7UMOngF0dRWmTYu+\r\nDc2LHthewslipMV9jePv+zjpnjXVxuDjFYr9zoEwJK4mojtws3wKAZJc0Fx1\r\njvoAvMoMUsWEq/8oxCO+ZD6tCBvjsdNKv0jJXJUfW6ofvBcrGVDbZd9xwP98\r\npkOE053oHDcBblCsxV+i6KvuGTg8/CmSiMwuz2np75H0eLpICMSRhuX94gk0\r\nvI8CmQGeDHkyLSM96b/t63HLfqCVGCxRzZVLQi9Cc6vHgbQUgWxqm+g9sF/6\r\nwFZW/5ZD+f8SkW6QOxbJnWHl3dYaeAOQugQ=\r\n=PAPe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210172057.0_1666081662458_0.03826587088427669"},"_hasShrinkwrap":false},"1.2210191347.0":{"name":"@bentoproject/gist","version":"1.2210191347.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210191347.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"b2888af97582abcfae901ed340328b22e9caf2fc","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210191347.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-p+GyB7gV4pYOT33E4rlGil5xRos4bYqb2H3EJG7dIVUY1JGa14TqcKtEYzp+2godZvPzauw62BLWnkzKMJiF2Q==","shasum":"f28cbb7fe2ec240f1ca0f57fd68ee4f02bfaa752","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210191347.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCY2vzhcQek0SUiLh3WpR/nlx23GkYs+qNjsYqYcTtumQIhAJbB797gtp0KEHlJaf0F8Dp35J6kAMfwKUKiOF4PjLzU"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUQXQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6Sg//Z1rvv9sdQe4sxg5yJSXor5cMWW4wK7UcWMp2ZNGyGTv6wKRg\r\njmFnMqvdc//fC6N0xgGgVoBlSMWTvIXvl/AJD9MS5UM7PRE3EPoB4cq/WcYY\r\nNyMOLCi5JMHzoOkI+Vpmb6sTmvb6zzDBx3HwTAclClwtQVOjQOPmTyyGvm3g\r\ngxeVioqKTFTckTJj+3y2BlcU6fLhRcywK/t6aCC8NcqPGMA6TZbRPJgm01t3\r\nC2docZikAAeXhwTeuVsfbLVm2MWUpkY6OfMvMO2zl6fXnHqX7Vz/1oLkQXZo\r\nifXUUyld39LBfNurApbYUox7RERitgXvfD3hY61RkcdqFnM6nt2CFYeX1q5W\r\n8j/qWRciPxd9ZUvGsZq0p8tcy28mjBmyKW+AEe8vRMt44XpXa11OSAABrPay\r\n+51llJsHvPOpkOrGNYoDl2h02uozq5aR4nGAkYIyP7mmnB+Qirc5xPKtVSjS\r\nRfBGVnagmo88Y7KPH1bmF1G2lEotEz1IHFwILLU63X7MFkeU6Q14oOkeUtb0\r\nzmdAGJ8cmWCr+/JbyaXx4RMDRRrR6FiI6W4JiJG0vngv40b29s+IZiTtvVhW\r\nPtX31S2GwX6dt61VnAPMJCtyzNV4Uf4ZlmYy9rQMwq9oBIeE67VlSmrnI9Bm\r\nUdhoZMMIBQnxmXvW/Af78nDhMPsoQR9AMSQ=\r\n=5niR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210191347.0_1666254288555_0.5129511233627995"},"_hasShrinkwrap":false},"1.2210211855.0":{"name":"@bentoproject/gist","version":"1.2210211855.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210211855.0"},"gitHead":"07d99f82baf83d9f0162a6c7b8790cef43e820fa","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210211855.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-rK3PgNEj8Dc7BgqeDKyKhD2cv5yZR54oTcbrF4+Xll6abLN/pto9VlqTgCr+cA/aNrMXKzIao9NmcvpyOiNIjA==","shasum":"ce60d295632ad53d723dcf8b37f0817b2e32a32f","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210211855.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH2Yen/We402qW+yRVgdE+/7JHhZqxeGKr3qrgimgacnAiEA50Hq3GHeoS8/B9QvNMqfwyzWHGKfyYhFjzrAikp7/ws="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjU6htACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaexAAm+R7jA/nXSWCETvnPG+7ZdNVUoQd0TQIu1J5K9aAcwJoRone\r\nNMRFQZADqisFiUiSkNOHbiAgQoHc0xENMCijI6LilfzHAh4XPAXhRIeyFztA\r\nIhfSIMvRb8/HyR0jDFDkGbEYYPOzgoJQD4GOULJbpssePmF/PbNaO8H3AsAs\r\n3Xov8nzoP0l3xWrTg9qWrx1ywwk/Bx0JeSoLK1r2R5tfVqMJEVqgXhb84U8E\r\n/qcZ6uVuQE1l2A6t8rDmvU72Helrsy3PY4DvOjOopnOZ+7/FGcWQyZXFo1dS\r\nNz8l7kJ849QHE3UfzykfKWdNZKDBU6HWyR7narOIJA8vC29/ZX/TZgTGojHf\r\nRDh80ce23BiUCSPXOI8rhaWtD7JF+v9bm5aa9rQKW6BhpV2/sJj6yqEIo4Gi\r\nmbrjWvmcKp6IdENgyutwHJIwIgD9FwOgHktdzvtF3UeKtCLzDTWS6HlfnA9y\r\n8MMsIxsKB0KbWG6Z/UNj8TJSdT9c6cDkcQcQFQalTrq1TdumtT2DiZofPbV8\r\nE+pSrPCSYpzEHLsGFynftH8tvrq1Opf13tD3WXaeRXqFnft+KquyIcVlCDHF\r\nc2Jz8BoyPFVWVnv8q54rqcZo6f63MPhe0xyI8YoOctIX6w6M5MLkzkf2JhFF\r\nnEY8wZLmLYi9UH99Mw7ieWlt0PEGroN2cz8=\r\n=M+ZU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210211855.0_1666426989696_0.4414026510436515"},"_hasShrinkwrap":false},"1.2210251605.0":{"name":"@bentoproject/gist","version":"1.2210251605.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210251605.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"a1f66509b5a6104dc33409f285dac1ab133942f6","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210251605.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-WiuIG8vcpo3q2yYBvXrni7I44Ve5c629EzIhR9gVIOtuz7Rdi6+ReSg5pDKOG5MRcS2kD7qAEOJX6zWUr9LuqA==","shasum":"8f024f6ce56340c5ce48a3b31556f344c442aac7","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210251605.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCD6WA1y6/lga1+wHmlcCX+HOxzkxFwrilcwXcgAv/0RAIgbFRHQU/i4loBNRtuzeFlCYrkIiK+RHtwxqprlZ6JQHo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWO9vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlBg/+NbeybYi6WoyL7Kh+88RdWNaDjpZ1J2HN63rSpgOHZ50uM/xJ\r\n/LsZk8tJwTHyEc/R35d0u4sS9SstJD3EJjv+ROjcZZEf0diWjNyPBrEBWuVR\r\n+Y9WpF5G7XHBdUONmRRLG7yN1H8jWcfe31dYBcbdTm7/qzO8rIS8bn1Nt8m9\r\nhQZcqP486qisGqs/TlP8j1qJke+2yqLOz4q4AL3dj2p09li+8fYsflJVKmjr\r\nEgcmZ+sTEqsMrQCaHlFskzmmKXkbGkWhBF/3ugMabI8GiMmouoy2lcxoPCOX\r\nTs6sPyj5uAfl6YEWZpubm1a1Vrl4Dzc6l/MAq0sRFpdP7PZWIBmGRPbEEJTY\r\nXOcI0NjbK/e8/Q3wLn6icj2U6aSvk6SPquOIFkITRRbG8lMJ+eJOJJc61DOz\r\nqUwNQU9Vw84t6F596nwfFFKn5bVjAELUPirBnfK5eP+qeHpeqj3TrBX3jkf5\r\ncru+ZC6Qd0W3NATYNWpzc0n3Y5dBDgAlVkhdbz1r70J2oSbOYfzk5yCrYsjZ\r\nyjxTJGkfqncNTgIJbDQ+XDMOLDxkCTIPu8DkGVFSZTFopccQ53OTMxxO6uO5\r\nXPeJQcYbIaLwG0oncX/2IY+F6TaRjrhLtcJZXL5H6X60+pBP18OQ81a5y8Eh\r\nw2WyhduzlfvsjY8nyUe3BCmESASaao+8Zdg=\r\n=7Ovr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210251605.0_1666772846884_0.9614968364350109"},"_hasShrinkwrap":false},"1.2210272257.0":{"name":"@bentoproject/gist","version":"1.2210272257.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2210272257.0"},"gitHead":"9664ef260a4ec8fcc997a65025bb11a20fea937c","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2210272257.0","_nodeVersion":"18.12.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-eej2h9fmcNb39U6MQBcs9Gcukhd7p+jW0MgUn55yQrSiC/Cm8C35o7AOkkYYhNNkdemozR7/25dj9iEp5Xsq1g==","shasum":"f970a608426252c2b373db813c7893c8eff1decc","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2210272257.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZ+dAfkRmP0LZXteWl58InFXSROwErMKbxtKqe+jTzcAIgcnlJqbwSdJQYM4epKrGvexKQC3NMDsXaq2jHNcIfkZs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjW5IjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqiQ//fnFmOzisZYwwUcEMqpGMSICCfepaG+UwMpqdx1YqRHIOSerK\r\nfJwfTOqKr0ghSCLbgqQbSBt09C+ZuCaheueKz8Ve83wZCYnZXkqN+Mb81zbu\r\nwaO7R28c+SpNB+RgNda1usXyFA8XxLg/xpFKcbMjne0Ey+fDoWKJvg/YTe38\r\n5s1N9LCA3OWUM322G2gGPzNVUGs9b8haykfSEOtoCYDajo5dFx6nU1LeH+6g\r\nfDgTaKgk5q9Lpie6lngjnvCMuPCTcXfrVeIL19DJYxAYYEVdMi8OMl2z4M+z\r\nK2e/z4ESpkVNjBv5grwbeZixXM7o8i0yodOB6IkFkBWmr71gETIGM6Wvd0mP\r\n9RN2kJ/NsCkV0u2eXwtRKntCa8RyKSwf2OV8eqS1mrew39keWCnY7R30kU11\r\nCIJC3qsmuTl/KdNVIvmSilTqit+lBtXPEkqN3HG3Xrq8RgDqiDNzL8tx4Ag2\r\nURbBtU214irHV7Bhaa8Nti1R8UcteETLyg8nrzsj2tDssksZIIDRJg3IhIoy\r\nntkIl6jmZlUK+0ld8ApMI3AMxDSAqyRC9BnEzncPHt/gxYH3G4t7L/OpoTeG\r\nCYqBpZIRZro2QdhglX/Hczdrm3ZUOrUpM2Jyr0ZnHebfheGjcem8Y+SLADmF\r\nUuWhWob2goNJiG/YKmxNdEZXb7H0ukXLFHU=\r\n=BEcZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2210272257.0_1666945571716_0.1669359062303548"},"_hasShrinkwrap":false},"1.2211042305.0":{"name":"@bentoproject/gist","version":"1.2211042305.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2211042305.0"},"gitHead":"592500a0e400703252086eb8ab7b1cd46d674ff2","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2211042305.0","_nodeVersion":"18.12.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Hcwh+IAw5L6BjwHZJq2x5ZKhqB/S+lnR2Op19mUSLhD35/omtiSt5FfG3MRurUhfynK7w+OjA6roWPj/4whelw==","shasum":"3423e233c78bd99fbe4452c536ae7231a76a615a","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2211042305.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPTbRN2Am4g7Sp+If/6o2xigdmMq1rqPaZ/pwfxYSUbgIhANPCRQ6V1teZALkiM2bKOdSGKQKCNH/+7PTPeYz+/gtq"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZh3MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYWA/9EBtT64WW3GC9k69YOwL4JokwfZ/8fl4j04KHJdupIf8fwe+W\r\nv4Ne3t9WpfsrCV4o8AlJls5g/6DwBMJR/bjJI2V/zlPHxWJsf6PeaSO5nOPL\r\njM4JGZEiRwOlOSy+I3ZpzYlPW8VFgKFxrdP6D6PSma7aqW28T+YS65YqExBJ\r\nGL3cTnCNfUYrverFyXROWvfhgQ7CajjrJm2PKPzusXUjIktxKqbujtpHkwjZ\r\nmAq1nLj/3JoBLTssjN5BlZ37r+g8xjPPR966rs7wubwNoNjcKbXXd3lkjPa2\r\n/h1RUge001fLh7kXVAhF1R9f8ZKXx0p3xNNQu+ad8j49mOFFR+jJ6MdNrf25\r\ntsa1lchMnNEr/3IEpiGEYjIFVUF4pzWUQnwtxRPJwsRl6CKh/o+rYWYbQGM+\r\ntPGbk8xrNWbpGKxRxkFkcC+i4l25T+Zb/p6elq+1s/AYEshJvAnQnRPLYSBf\r\nj1UlfFrq5evROt8RHyR/92e2htyEfIULqJCA01iK9j/VDftVI6vxvK+kexlS\r\naLqhaMkyS6ZNKAQa6Mz5TuyWdrlyv5QtTY0m0MGK9Kl8e3xHoDDK8jRBBzdv\r\nWuTPaxkVvQtruTmb4wRSgr1WeZHofxitNL8zBoUfJKf+YfTK6/t0rlSORqzj\r\n7UDfHBPiVSkYU43toKjbkK4OKz/dFVSkjrQ=\r\n=OAT/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2211042305.0_1667636684066_0.3942544622852435"},"_hasShrinkwrap":false},"1.2211060024.0":{"name":"@bentoproject/gist","version":"1.2211060024.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2211060024.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"f6dce0a3fbdbc90de3eb1773dbfc31ff1e476460","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2211060024.0","_nodeVersion":"18.12.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Hsy5EyTWx3l4HPm5dAfASu2HWwDABTnDxyZWT6tjoDLaggBzd3+hagqt+HI+o6nNEhTENpRYbVP3O58tMvAwEw==","shasum":"85e6805e8ed997ac78943295af71fc6f60a0d466","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2211060024.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6qdhOkplZQRKmdtYRttKrLzkhz7mdqr156q0BZ1414wIgUCwxA4CL2xgYkwU/EIdWvOjb4ktThAofmfbBQkddPK4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjahJgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaXw//SMvEWfRKsyAt0axgkFJ0Lo3MvGrkx6jVXB2skEqVSmBMQFir\r\nl4eeBr9KHmLkoC1P56DCdfBZrx+WMc0eO9lcfPGSk3XQj+kf1OIuCbVURYXs\r\n1bm2Z7eTv206aRr7pTukFk69sKGJe2vmZvz/F3rWHdh17X8tXB9jcw6ML/Ux\r\nlVx8eYGPH4F5xfeGXvHnJAzBRiSSJueuUtno2b6RiidE1i9rScoYy+ZQ/tqu\r\nNuzmjqZGW10GHeT/0Sg1LBCRzR7s8Q8al/FPPbDc9V7Fc2jccmapkV+zZdOy\r\nUkht8Ir3ka5J/ABIYIlRK9WGxQtjukZ4MSHMgzmSA1ddm8O5DmV7tYxpOV9h\r\nwbUHQ42rbKLuzxfRnm288J/K8czvZfkInEEofeZF1tuiy2+ujS6Dj3dwhlvP\r\n1kzVcybZ8XNNJOUHp3SG11j6hrEd6qYc2o5YEeSisWZoHei5jzGBH7WUxkaH\r\nbIDL2JmolOForDmrGXIRin/bYZhhhlUFCSv4BNDyBpsAvH1X3erZ9tV29PFK\r\nKz7gMgiwLdw/Aj9Ys9KmRoFrNAhJ42ZUZvsu9zu197wGRxVlz0tnmf78NrbH\r\n/EFMuhl+42ijSTc/pyW5+RgvtJMOBRvxAuyWH4RobYQntjnMDhpt2HcAFahD\r\n7s/l0BBqd6RSf9ls+cwkYvoIrtLVCRmEoi0=\r\n=MWvy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2211060024.0_1667895903806_0.31396135782772916"},"_hasShrinkwrap":false},"1.2211111611.0":{"name":"@bentoproject/gist","version":"1.2211111611.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2211111611.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"f9c1138144838b5c4612a779bf407d2b2413d105","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2211111611.0","_nodeVersion":"18.12.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-g6L2ayxutQIvUGLBb1DehpPaYdIRRtA5d2v/mvZoi+DclmwWf8SdFyXY+nH6DzqobuDWIGqwKiX85gmxKn2MhA==","shasum":"2298953738135389b5b6691144c5a13095360012","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2211111611.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqttvaME+f0jjO1g0Ur+ZfWmJn9VzFKj7BZTUA9WUkkgIgFgwhYkkQ9DZ6TBsYtZkQQ3E4/zGG0n9aaae0xkWKk08="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjb1gtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpImw//UwC/VDvKl7oVSbQuyyxiOkM52Dr9MUJze7p8zAVr17MTQ6DQ\r\nyVj3YjSntZR8P64zmUHjYOsrJrfZ3PpKl1v/TB9W78PytjqZ8g7RM8pf51se\r\nhF4J0fIGpSAYxGBaOJmayFT80HafGdAmyo4LjkHrZQW26QOh72s/t5d35J7u\r\nDkv+GBnd2C6lEOrCI62s4e2FJB7uZI4/6EQI8k8hOOevFUQmPQy/2meX6jbB\r\nr7ft9FMFCE7k8nWwN2TV5G2L9LkHMl460PatD39hipUuFzN22HV7/47rDcLY\r\nZafA/WNCXaVKYhku2vbrcup/Kyf5s9hufA1Chi4PWXv1oDavBzZe8QJaQwO5\r\nLJW+CNTTu/YIQaVyi2GyGeXd3Fc5STjF+iT5zlvaE04/fWI2KbnqdA9vdTiW\r\n0xQ+EE50P8LgEoABm6Eo40o8Bwu0sS6+WHzPXtD3tU5LqGLJWegTUqvRk196\r\n4wYcZ80QLT6ZSUOPBZOPaxNjgouq1n3YEfOLVcoLuVfn+XYt3fwBKd6lFJbR\r\nrmlAHqGd14Vl8hY5/xJr4mJPTyZxfgZ87319ezTP1aQ7haHJC03SSXVRx4QU\r\nDPCyR6yv/6LPVyyR+SRxVR/Awv/leGj9kenboYd9n7Iq4RNIojAKp38Xuetc\r\nUggPSMrSad729/3Edb+KCueIVOiNm8rgl9E=\r\n=b6Jb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2211111611.0_1668241453327_0.8419695766160746"},"_hasShrinkwrap":false},"1.2211151402.0":{"name":"@bentoproject/gist","version":"1.2211151402.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2211151402.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"db41c24bd071b6322e0a5188c4bd74aa94cb9d5f","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2211151402.0","_nodeVersion":"18.12.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Bns746rru0sQiB7yLTVDKYxIqgUArhW0K/LdO/W0CgNgk7lwlObU32t58lM6niWH+Q8Uie+Mq6HE+uXoH0y6UQ==","shasum":"c78fb341effe398d5fed982dc8df0dda6966c1da","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2211151402.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXjmJKQIVjtA8yIgMUVzflqr6o3rQ1UzCLXhX9q8JHTAIhAKoA6MOSvLeV6J0F49LmY+lyg8Rb78rBnwbs8JDVKwK6"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdS2nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWSg/+KgLpID6320MJeUVKS445qxkr1RE+m0E2wXdBdm591x9Ym1LP\r\nnyUoa3v6DTGcgMDjoB8aeCFCHNJWuLxZL76PSRY5DmAlCr2YruYD3Et5DJ2+\r\nZ3ucYmslp4TuYsEHY6C1r3nDJ9jbgo+2Iqtogh4nxtz7ZM+OhRhLFosC3qw2\r\nooEEJscPHU/METDkwnbBXPBuW805ka2IEYtewaVug8XVIjBx40o7CvSTEepm\r\nwFb8T0pV2X0OMPGmQyoEPB66tDiU3aoT1r0crDphINiVacxEDwcvpJ5c48M5\r\nktGr8rJj0GoDNRC2X5GyolyqSOdONLeOQQbty41ZVtjlK4gkNBUd+kosW8Eh\r\n3xizCIr0rgRO3wqN1hscqj/Yb/hZBHUge+bHV7E1DWBUAgha9Mbll6AiLk5y\r\ns9VmKPPiPZzIiAl9BezNr2JU12NN7GwoZxRYqB7JT5Sd0KsrUsp/l1kvlED5\r\nlSwt4cYcsQVVb6SEN6bXnl0smiUh8E58Xq3qWKQrGiKKkXwVBQhDCGCRIl02\r\nj0fDWWemHI2HGR0qPBrlKpyWgB3/8fNQIt2w5uK1hThE+ncLEdZyJ/wOfXGI\r\nNHu6/eeKo+ABFv4NxJbEGrrjAyHO7r49rFgwDh1tenfIaLDLlo2Fqk7DMwSg\r\nZv63/SAy70PvHpHYhn51Fbot9EoR9DKiI1o=\r\n=nHcd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2211151402.0_1668623783299_0.49778356941702895"},"_hasShrinkwrap":false},"1.2211182146.0":{"name":"@bentoproject/gist","version":"1.2211182146.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2211182146.0"},"gitHead":"d5bdbc6c36475eb2c4c14f2b02a112669f244641","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2211182146.0","_nodeVersion":"18.12.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-+/LEOqTlgU9h8ut/Es08z+m/FYmY34dSywW3u+o3/QKHszJIc9VKZgI0jtmytvjxkQeVIKa7uYed/+vQXKh3Vg==","shasum":"365248e9ef94154424a6623c8c8051fd199bf3cb","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2211182146.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwkL6bCw5x5t8Mrmi5MXV/CdlbWcUmK5c2Q4nEKljCDAIhALHnAaq8tzJcJ3qPWySroX01fkEIc/9exZVP0egqRDtd"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjeJLuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplhhAAkh3SdV2Vy2+3YSjkmx6q7mYUwt0LE7UfOVzmwTWQrX1ZxuZv\r\nEqJw16SSmncVKVYrY83zW3SCP7pNjiTSRxZi+I1qaU0brwE+O8Rc0Cg9xWzM\r\n4ZNgDAKAUvse8dxz1hLYP//Nt6nYR17Uh4riMGGnMLIWyLbQoB4IkIzuMgef\r\nDktSsPkEsnKp+LOcrQOHbTczRnW/Z6ADDprNzN/RYzKZzEIMP4MJfDpyOEd5\r\nDge15e2PVbBeeGtwCqUMP6W60gKqgEBq4wkHu9DCiEVF5vsw/GPoVoCRxLxz\r\n8CME9lLBxKU+/y+BsbnYgJFfOBR52eqvjz0sM6nKXu6Z2m5q17UVHspiu/Vj\r\niRuV3ydymODK/CBUFn+BQtFtcyxpzMYaddWIrduWwzvQALlPytZ/jVFyEoJH\r\nQ5V22DvWMvtuwhKjtD6zwUlpue2y074VG0OEP6wfqcKFeL0MUwGBRM+PaA33\r\np3UrCqJ5ClRHdY2E6PZvqg3v4WgS6x49pTwAe3S76HSJOsX2mRdR+mEp95db\r\nuk1vpOQ2Q/XdpjhQGm0B95kH06aYbF5nzMiqmfgLiWMImH1esGOLbGbtYLRE\r\nRIJwT+iAx/de7WXcTkfk/74EgGh4QO4tOBjIygL9LrURuqCrWiA8REVoi3/K\r\n2AseEarBaBsx2X/84bpcRsOn6bIiTrb9hbc=\r\n=XoYN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2211182146.0_1668846318448_0.3623881604745629"},"_hasShrinkwrap":false},"1.2211250451.0":{"name":"@bentoproject/gist","version":"1.2211250451.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2211250451.0"},"gitHead":"3f47d465c6e6f4ea83045b32b2c9f56eccb943e5","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2211250451.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-oNuDlyPtYMf9yP+c/pipTaVyd2gPNJB5kvUUDfJpRLgDzgMk1FSacoAVfLq7Pu+FnzrYSFk3+kB6AUXXCaB2uQ==","shasum":"35a399d1cea657063cac150cdffdd0ef954fa80f","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2211250451.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6/9ZYBmucAAW3Q71Cke76WPL1CPtNHQe4lDp2ydONmAIhAInWBtL4ddpXmGC/hh3pXoy1erTuJEZ0Hsl61bQKjBBJ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjgHu8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqwzg/+J7X8TS0Q7cEcEwK2SXWkpFOGdgtgzq4o2ZvAA+nV6QVQ+UrV\r\nWbpN2FPNeEpPBzENGxu7TGIRQMlpxEUioNORdIOAVku41yluKc19juZFHU4Q\r\npSvMx/wCHb4c2gSFvAjmIHxeUbG408JN1MrA7EaxzTRt8mLRhani/T+wIOt/\r\nREl8jh10Rb5/vLdzGX0E+BDkaVp11+m2cuUdu1lA/kQUZ6MyZk/9flbM46mJ\r\nS8R6hCSMtjtkloWssDaWHqOkC9JXxNSNZ5gj3AK6xku2xoRHgILsPz1sM5vV\r\nz7u3VHjO6bz/9KSabZsisa7Up5FgsjMdUcz6Z3SJ+LXJ6HJrKmywUGgUnjBG\r\n7qYGkB55iavEumKBn4Gc9+LX1YrdDmR/QAYYlA5TZD9ujH7TqgvVshXFjTfy\r\nwaOKTBZGaB8uLDrX3MpV6mLDyo9k8Xu9+1xEzCHPsQZZC9OSQeXD2Dh/CsD+\r\n6tjmMCfIF9/cqqA+6ETsfhjyVWuL7K/uO1vz9t5v6Kvbas1eC9Y7w5D9agww\r\nWtmPvFlIMJh03coG2ot8LzxyLKWuISkyazHfJE/vCfrby+8Ti1/0R9bHkm3F\r\nEHws8ZKa5nUCYh/TwN7mN5fZs3kzUdbojuDq4XmWNDvxA8XoXdjaeJXfHwu0\r\nngYoQJ+ISMvuJtwyxBsbG8irX3ZKQQLvU58=\r\n=eoVU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2211250451.0_1669364668045_0.08542299670712294"},"_hasShrinkwrap":false},"1.2211302304.0":{"name":"@bentoproject/gist","version":"1.2211302304.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2211302304.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"8ec16ecf1bb95c1a6368ab455a6cfc7b1caddc46","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2211302304.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-HGRuS92xKcqjUGIdeguMKHRSNcDgnYvzZXeulamMaGObXLWJFRK1M9xuOyGOVI8Xo5tSqnwNrxMzNS4SqQquxQ==","shasum":"8732e4babe4140a210c0442f2d15a4f5f93ee4be","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2211302304.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6drqRB/WSB600axAbqFSKv1QtMtr5h++jRxmCayh2xwIgdNQtjAQ8VEfJVLmrFX7WFO9uGB5VaXzSG9IiT/iwqUQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiGS1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTHA/9Hsye+j/tLzxu9kla8KL1XNH/zHlzInuCTYdb5OtROypPfW9M\r\nbQN9p093z18YMAPLHotWdtrMKsd9jZ5ePLjaueJKcrhHLN8wl+PM6QkUE0nx\r\nH8Rk4n4c51R/OV4mr/YpSSaO010gemXA2XuTd96I0rW0mE/dQTouM3yhEwwD\r\nAMsKwQ6ARytRgTQuY921SltT6hFe1caXftz4Wv6DbwxnibsfsBdvryjE0KEG\r\naQ85P+74XmQFFRaFuKDCqT7TtETuAxQCprNXXARHF/31RzpnGhP5hR28J3XG\r\n+QR+Te5klNjQEk1So/5Ps70id46fOugtauOXWmyEizLIVbDjzmLLTjGyaTqo\r\nxSeOCZhKdL3HMvxSD4OXBxSW9M+kmBYETTS+TzdwZOCIrERz0Z8Pq34kuEzG\r\nroJGdI5nWaFvH5IRdEilHN/mT0m4Ziy5M9TPQdbT4T060o7FAYQE35KLNGRS\r\nGegQdWbGtK9ds8WcxLJHqqpt7/mVXz4+pXIMqr6CMoyXcVHHS6nM9W6C2KWd\r\nW4478H+RviGMewroqlUjddECG1Ig929JSBSXJDZ6RBVHzXI734YdB1XR37kz\r\n7omoS4ndFW0z7/2SOFsznqh81ZNWsyei899SB3vADQjlMyHBVgT+5zvkWbXo\r\nhpYmmhq/WqYtK/g82qLWBDG0UdG4hM3hx7I=\r\n=FaAv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2211302304.0_1669883060953_0.29346301567040123"},"_hasShrinkwrap":false},"1.2212071834.0":{"name":"@bentoproject/gist","version":"1.2212071834.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2212071834.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"9e7a659da459058028a29b649ceae3a2dda7771b","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2212071834.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-XWzslSDWGvYOvnTUai2zCZJ0Jr5UVMXzi2G+w05nicCVG1IQtdbqdZa+jBZa5mkj9kgv1PUD5fxePj0I9WvnoQ==","shasum":"95430ce59db06c6cee54ac86d3ac89aaa33fbd6d","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2212071834.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIeYrd/Ae26V3eny2D4gCaRHTpWcEjPm3/qZB8gGcOpgIgN/A04AH7rwbuJRpy/mXgk04hDrK35va7GBoUqaGGP2M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkOtxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6CBAAn5NSpuYZwTIfZ6XNTP8l4RbfEg6U439LtH+4UHCnqq6JAGK4\r\nJ24aZ4oKPVavFZ8uVaXQF5NhFN2VYwiINYDAYs7bRiXL26UnnUxUbZenTumK\r\n1bikuPxbY8N56oOP8hWkZMnv/5EzrXhHMzfZ2ux6vvPCvic43OZV9IqvP5aC\r\nnzM3u/fG3GtlxzJ3UIsuJ0oEpzLeSVlJyGT5tVVd0G5ao/UD8YjbPWhGcUSR\r\nbWlYLE8BJwNSdyiU7MZA4WiH6u00H7tc7omyw7xE3AwIxkstXzVuwcPRxa2B\r\nehWyFCoMwm7s0vCT0FrLXr99CGXp187hVInrgxJsnPVEKQ1iKgpQs46n/tWD\r\nWl3XvildNEBPu91a4H1G3izP9mRWGkIhU7C97UMgBRAIn6Il7J9Pj9au5KM0\r\nm8ygz9e3BdZbRH0hCnjiptYfKGggQjS022VSyAGmupGwk/Vb8YV8tXQSnGcl\r\nrHa0KdllFBcFKEAVeLaWZouUflldkxkUAX5To9tq0qgVIQgmjwiPM8T9i2SI\r\n9ksTDFoMOMa+pMGZ9kViAWRJ1R08Hu9prpYg5kyjAqNhxUGNbP5zRDahWzZo\r\n7lgLeAtLtyNMwgwklwCBWlxxGtil2ktbiLpsPqVw4J/f5lYbupVMtI2VEaXg\r\nSgzZjjkcMBfFyDTmjJp9xrfqA9PzIL5Qe8U=\r\n=xxnP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2212071834.0_1670441841028_0.7456540514688339"},"_hasShrinkwrap":false},"1.2212092023.0":{"name":"@bentoproject/gist","version":"1.2212092023.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2212092023.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"16bff17f2a3e911f517c49d1fd2c74c8089e78e0","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2212092023.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-0RW6MP+q8KSnnW3qYQM+mZgspZHryDDzLUFqFstha8rfU8l6DIwrEKcR4GQ69bkBTnzH+5ufpNDk/0nBuIlD8g==","shasum":"2a673c9b3acd704585f66233890ac5621ebd78c2","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2212092023.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDE+qYBVZVEzQXYl68kEtGRvsonibhVcQvfmoLs3e+aYAiEA1LLfWwYvPqbuurT5e70WTj/mRulcqaDCjonjjoX4y0U="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjlEJMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAIg//QOQGMqm3uJDtTqIMRuHOSIFOvS/5s0gml6rKSpp76f/uz5KF\r\nlW4YlkXg1prX26wzN3Sm2oYVWTE4q7eP+y8V5dBed6kb9ed4OhVYssx/0HbN\r\nKDkD5i3lRcZND6bXHxL8oXzU4jVoXaV4KYgP9328EkSPVD3CqIl8yHEFsZ5z\r\nUVZlVLt03cywwrXa91hDc9w47ELE9QzDT2MqvzdKpgVk/hmFPPp6u/ZZPpHw\r\nnBzZrqnqavlZiR14WbPR3z9hvhQPF1GcnZhwlRw+T/HwXca+amwSMd6MBafD\r\npvHUS0ZmuDZvLYbC0Fiuuf1mTj5R8AcPSrPRHfPvt4EfxBLJVriYuCnY5eAX\r\nWhed/5OS36he38nJMCxUSNUtFsEEHONYgv7qKZnfUn+xMjLfvQG5uxbSucAR\r\nIlA92l8Ct03UIK+defQ/luBk3chmHSG03GtlMdo/yoJVvKNVaZwWUG9mPflt\r\nJFpv7qAHyq06b1qHb706Pa4pDty2btEjQxoXIW7irrczc2EIfCLTS30WFlZK\r\n/jxYEkxlH1+r1kiVznOVRVz+c6WUM6n0kGWH/7+v7xxN1tBOtUprTE0GvemY\r\nHeDJWDQoOZWdVq8C4XHuaoI1zMDwoHz3S73UVMkfBKjcR7pblyh1R/uVDWI7\r\nQFRsOPkaZEXAUWEW2Kx9uxUNRWgq4zk66/U=\r\n=pSF7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2212092023.0_1670660684010_0.7395258028596907"},"_hasShrinkwrap":false},"1.2211302304.1":{"name":"@bentoproject/gist","version":"1.2211302304.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2211302304.1"},"gitHead":"16bff17f2a3e911f517c49d1fd2c74c8089e78e0","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2211302304.1","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-BVQM4cIOkY+4K0Rm5HmCDKg1uUjcM39SyflRa51PVBY00eBjndFvnHtsjLmMWeR59sUl7hhpWW7vToMUbgK3EA==","shasum":"d71605f37aa86c346b7781356490ddbe5222e2ae","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2211302304.1.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBGWZvf1/SnKOUoprjd2nSbZY2vGO8adGbGxUJ1ErcEAAiB28pACmatVFyTaqWMjH6Dgg5iuToXORDnI0bPfv+xEYg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmPQmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpb3RAAhlGR7ojtnZU29Q2GnaZfZmfEeXvUMfazyxSUnD6x/IxLAVhU\r\nQMhvqIFYa3lthLre4fYpwMdytW1Oa8gyuZJRQKfh8DdW7ts8mcELkQW12LIt\r\nFpY3ugqQ3oj/34lYq8f/446LFyW1WfYQArcwlr3j3fEjzPozejTT2/mh7xjq\r\n5pDd/VwVPHu0pr0RrOAydLHoxAiWd7NfK4fuw+f4TeldZ+7620QGbANI31OM\r\nmcFpp52ykrxOE5Tbg53ONTK8w9l+Byvl0/8CMT62w2mEvig10C/VgVJpLUFU\r\nCM3ukyHdGE6iKJTZAtByByNglVThvawbbm8Hx1X4QS0h9uZAQCO4rLdTL1C9\r\n9vrfPPmC825x0IFxXnnOQDyakqypposq8iijGdisZGV5UnYBkeSSPiybTad6\r\nHPSG0L7PE4oDhOXlCLEdI3sQ5lm6T8ilKUgSTSkqgZBVR5BeAFXAxNi5kJIx\r\nPf+xhDvZmMCqIHgGw2a7iYZwk60M73dpfJafGcN2CKwdyUsv7GzWWmMFAkKg\r\nxUSKdp5tYpQTUKo1a3N+NJQsgiPslRhzZOl2slTd5FctX/AhO8E6QHaImv3q\r\nRVenU/yaSmvbCJ5NtNAjKJSVvrZTcLkBVf2MP4TFA45huLdntgJSdLcGfDpn\r\nmG++U3Z/4Of0Odj02XSxVF5bvjmYOYDzYbk=\r\n=j/7l\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2211302304.1_1670968358192_0.03774448767921146"},"_hasShrinkwrap":false},"1.2212151632.0":{"name":"@bentoproject/gist","version":"1.2212151632.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2212151632.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"6754eb8b2feb7d6eadedb57776b91613ad5d6dcf","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2212151632.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ksro3Rptsx7mrd7YNrgW/p5zYNFkBtiDWuxv45tvoNrpJmOEpEAdxFkNicE1TwZZA7bBtI245xIt2ffUbp6i6Q==","shasum":"11cf3ced6dfbf0638666a40d2b8c780483d01286","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2212151632.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHOTtGFv1Ybi+4DJGU1Hd4HDVb+evSjbKaGPNwxbF9IAAiEA2C4M6efWxbDcF2IdKjjMaufuGxIq+cpqe+yPRY9dR58="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjodpEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJ0BAAiIeFu+/FIIFUe7VrOXUC/xv0TVmoQU0mhGKoL/QmfM3y7fej\r\nEAxsjIi7Km9sCaV5bnX+kNP63EtBUUcJA3/AqQFlQBzA7X/fzZbud9clP83H\r\n0dcDBcgN7AiZdBALXhQlXVfBHOgtsbIaLTReGuebTd1UHahLc5IjwmfX+GtD\r\nRpFcI8KFNfSBNkqi7IceX9xz49IFNxyfWRFoVc93XJprU0OWjIbDPd2RADud\r\n76lEpL+zmKUfsuHpRJaHT+WFuxf9jU9EPCGQFdicTx/07ZVuw8DvepFbNGsh\r\nURfhRpKhnjnCb8IOeC+Z8VS5v9S0XTEL6aAnaOx9AsBlru/IxWmmQT+8r5lf\r\n/DwZp+ToOp/Ui+BilzlrG0a6X3ft2cxOF54weLQOcjUV6RXQKlnqKK2sldrR\r\nsZMmSOIqDos1PQZYSYpgR+N55vFn9ZhGCF49rfgV6/bdGjMT1Le33SyInyCq\r\ntHo2w/MvRS7MkMCgrnW4hQkdxwsM82bOtrJI21obrGO80Q3igsPBZb2VKZuw\r\n13KqF+ybDn534/cBzbv6+ruE06avM8J2d/aCHCv6ITK1P7W3+UhNJ9iMLvT6\r\nV92owl4BcdEd9ktg7yC0Mgi4b3xBcY3QlXejmSkVxc7umJmxScl+5WZun/ap\r\nG3yciknif3+p9iuNZ001usSl+iglBis8I/E=\r\n=2/vf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2212151632.0_1671551555971_0.3682261533529694"},"_hasShrinkwrap":false},"1.2212151632.1":{"name":"@bentoproject/gist","version":"1.2212151632.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2212151632.1"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"0daa515ff1e284cb2e31dc8fda7f29c073e60b60","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2212151632.1","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-oFUW+QGlvkbn2jve24ETFjNktWHlXL9yFbWG6dihEeMjFGBYZ9FVHBu0YQ15nRCYTjU8rIzNds9oC2UOWfWd1g==","shasum":"7d647ddf2346fc2df73c2aec2018e4f9165591dd","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2212151632.1.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBMA+XPODW/4ViqLRtlpb7iZuZoxbT0gY6kMJS8LOnmyAiEA3R44dVvzuxjyfv34kn7RuJrAO0YpXP6IEldJWtqCkGA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjohZ9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprRxAAiCAtKyeEe6F51N3EHgZyEIFtMvqpoV5dj3ZCaJVBCdJe1YNO\r\nEAd4rxiwVtK3q6ykLYvq5Cn7vA9GEcfrdQRKxAxpRa8S1Lxi7PiOtOFBGwLE\r\nMZTwne7xheg2zSAks9ACR7XydQw0X7hRkawT7mYkYxdQlLV6IA9QeN4wNqDE\r\nHOIFEDbGF/onvC+NF5YuVBkLxkbRXFdLmqvFq0pxty5OgOM17WiOa9Bk4nP0\r\n8AqVAXrTr7fJXnKZ/BTMnOMgxp+79DKRwyYuVyubPO+3nOFA4lefVRrM1Su/\r\nbCBwD4fghhD+/CxhSPYB5klqmnHMdu0gFnrZjHzlVyJ3K1lGohCLH0jqp/0J\r\ngnERccU1X7HW2QVSQA/VI9JDlVYAMs2Errdux4j+yEfNAOviHxR04p8HbZdm\r\nQolrnRT6mFVcdYEJI/GG1NECCeXSoAJwxP3syNPx3cxuDtVm71qR5oJFZ9so\r\nDtEnYlpk4wyrLN8TPdCl0cRT+1tmheKCa+Jq6gzIIOgzjO/NnAU2syExJCoA\r\nX2cajPH+Op7fr9yTMsbjfOG18gIeOoBmDUT2GyJytHYNF/m0p/QGnbeps5rR\r\nbONCg5elLdQTQhCodRqxNR87CiQnTvzVZ290afudFT9a8yx2ARA+q7bkQBkM\r\ntQXQimNS17G6qgnbjMy//vIlnnbFgazdHFY=\r\n=0kGI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2212151632.1_1671566973413_0.5974169461974532"},"_hasShrinkwrap":false},"1.2211302304.2":{"name":"@bentoproject/gist","version":"1.2211302304.2","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2211302304.2"},"gitHead":"910a4ee7a16075d9db8fd2c6c5bfb607f22bf54f","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2211302304.2","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-qleMp6cnMjI8EdXdZlL/ek5glTkRa828xak5PVvYJMU1F9ons6sItuozQkMdJJwUbkGBDdwN6DMeLvUxUF8C3w==","shasum":"f5128077c1c85d875e20bf6dcd6d24a393775973","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2211302304.2.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHvWCLcczZivQem5oOCEVPnxaP8sq3wcaODCKK3+yQNaAiAeP9DsrhR+pJ3Kiy2/L6LEkW5baUV6238CQM130Y5pbw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjojfcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfSw/+OcROIXnByIT51KFvlpgL7v8jl/pWlA1/mWnSw6m+UgmV+u0R\r\njCX1jTVZ0laE3+O1hM3+FrMPK7NusLMdjxLqk0yDmXmfETCCriyT6T5Aar7b\r\n/+4zqqA1cmKpL5xirsOi6xd9L2AFmx91GVb+zBBUMAjNt/usGUg7hkkUZ3RA\r\n6xtjrTy9yHAjXw4Ktw38qXQjUK7jowFqV3jRGIUtX9dShrocKtJRXpDyBPYz\r\nXiaTrkh+KTP5Ch4TL2SCHzUv8y4zdqX2D860smVAZbvEzS/EllaXeNcYdQVE\r\nQrItZSE4kmAuT/qzHLrM3Sp1p9HxNPVeO72tqS8gvg2mAbwwQtAiaxaroRYw\r\nAoMlyNP6Dbyog96tQ50PPwd8f10kg03pXOK96/qAhwkagLC9EHqumFvQomQe\r\n0vIhF7ALrLBhCIV34fnmFtfSWnLG459MZV2HvP2EE4S63OhCuPREefjcaygh\r\n/jVDdPCCU+oYo3Cl+lEC643UKxge8LbLfVcwr9HnHFumjS8Y0gpzmZf/rr4F\r\n7v42JXUrtj7PqeOtNKwMZXtLauOyaWLSe74G0evEvJhvRJSEpwAVqLd77jJo\r\nmusnIRLUjCRQW/cOGrMlma+NuzI6q5O9t/wYKvDqmA0Fhut4MsfEe+QB1Su7\r\nduPPeGaig63Sm+ffiHDtSYvs3RIQnUDs0qA=\r\n=Lf+Q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2211302304.2_1671575516068_0.4467075417858697"},"_hasShrinkwrap":false},"1.2212151632.2":{"name":"@bentoproject/gist","version":"1.2212151632.2","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2212151632.2"},"gitHead":"e3ba25e45c2728fd6b1c91daacfcf7d0870ba6e9","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2212151632.2","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-mKeAaQQ7CTXm8EJnVH/vNk9SGejGJcVGXLId4zUFxilhZE6In6lXjbE9U9Q/JqOAyQTtKu7KOj3tS8FQpLBGXg==","shasum":"0575e9d4a9e5cde63db110acaac00d79bed67f71","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2212151632.2.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+NkePcRjqaXQ3esEG1a6UuwIJY778hyNOb00h2MO72QIgG3C2LdoOKsJ9SlGyd7J6yVwD+Kn++CWjqku2fa/PkZo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtG/RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8IxAAjJRU2JjyMMGeXOu8j21QsUV9y9rluAUuQwkejehbo5MaZvLz\r\ndBquPgfhofiLWOBdTX4AXjd8FjZ//rZjb4gaabm3pQIgW0cdgUNi3RDgADCK\r\nCeg4gVCcBHDbLhi50WhcxeTB05amlgPNJO3a9gdEnERywCmGKE7h48sl53Tt\r\nXcfXJOj37o4z4apVZgKzGDjJzsPKGOX/FIj6v7ghaNNQAvrVKc3xRLP01MuH\r\nguZ9bB9QtkPGfmbiqCWgF+qSg75kvPOwooBdWNpuhO5Of+YrVDvdJrX9nXYw\r\nXrRGXdHRF5ffM+DEUeTlQnuU0xBX3oKbmNqTeTm2Z4eePoLTkPguBJukfXzu\r\n2857OtOtA041tB4soiZaRiYKIon7rjQI1chKA5624MrVwj8hsbyNTcVz8S+T\r\nauzPTdW0ih/Dwg6YcC3zQ2ewe8AhyO32zQtyAMHAI9nDFQEZY9yCodX0TsgQ\r\nH3ydptrx0WDZA6gyDFMEvachAz7dbx8sirmZo9AGCTKabCc8EFXyz/7eGF+C\r\niTzAlSy1sefxNhcWLdTFk4VhQhUDJ8O47DVc2bFvWXD4bSxFiC91K2dk5xgm\r\nI00uGKc+Evrxltp321nda454USYlR6HmnTB+JPQsrVfIEYSbLsN9B4USMpYd\r\n6obYbvDKKjsSN46rBycIlGojQTJ3jCQfEYw=\r\n=HlZh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2212151632.2_1672769489516_0.3977714180285987"},"_hasShrinkwrap":false},"1.2301031703.0":{"name":"@bentoproject/gist","version":"1.2301031703.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2301031703.0"},"gitHead":"e3ba25e45c2728fd6b1c91daacfcf7d0870ba6e9","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2301031703.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-HC+TPwa7LwmiDo/IlYrnqONNcXMEBDQzin81ki2S5K2cta0dJJfFuY1OvJ+zVJdnXRS3rSorhCd99V2jJJcPLw==","shasum":"efc94dd4eb13e4e36b45950c31a16fcdc22221ea","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2301031703.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcOhif0kTbGykFOrTopHFYa1FvXQ4NdjdmynUijvGNyAIhAIZLMOnBOkgYjlkShST3BPkxG7rQBNy2I7kzgywqwfZt"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtJAmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNOg//ZNGvB7cFeXWRxQHkVklm1HnmBw2/GF6SW0Bg6iyMmLZn0IMm\r\nUGYc5tEDg63oix/rZIaLvaX6D4G8b+gFfdB/Q3n5T5FgZ/fiJ/LopzDSd1/1\r\n4mIo3x/A31jWEWamU55lg+9EkAG/Yq/9tGvhkObrXvzrv+sfPLLepgqKaWXp\r\n5OdlAkhm0xfeShCLvnfgJlC2HF7p9QNuPDy/wJgcN4EMXcmQ9ruaMDEy9KIM\r\n67yHipxYL92ydA8ArOAwwY9Db/ptxFxTugN4SYCOpmDqxNbjOJg9vjBEbSWh\r\nP61bG7BeCDIhFp08IKeJgtwwQIWFxs4ZgMBH5Y7EjMjZwmhUqcSiOPpHiFif\r\nCmaMLJW+DFfX70/KWc/PEKnHNSV7fJlvOSdT0BCJjNeJ/JsjyqDfIuNPsX/y\r\ny3A00TE9FMdw4GSI2vfjgtriXy9NcuxjfciSY6DCrbupf5n5NAUi0mdqPQ/e\r\niATdXVJDrdRpJ/0pn5D8U5scLP/WdRSjERI+d7p6vkLgFWBUtDmj6JyhiDKx\r\noCnRJrNyAOMeOLAo0Vt6uyLk5MnMYWwrkr6ASU44a8kHZHCf744AVMfLLNLu\r\nd0k9lKVIOJylDTXek2W82B+Yl1u1q4kIk3zuczkOpuOE0RoJgjMP/VAIHzIG\r\nSnc+abV+3cAcGkvLx+9iw4R86x/LCqw9ncE=\r\n=/cmJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2301031703.0_1672777766304_0.7166974167188198"},"_hasShrinkwrap":false},"1.2301032153.0":{"name":"@bentoproject/gist","version":"1.2301032153.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2301032153.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"418b16026c82f72bf8e885668d34a40fe043c9b7","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2301032153.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-/4F3cYsHXarW0jXH+whbTS8XiRE1fo5LJK1rcBSSNmll6g76ceGeMRQyGLOHAP4uSAE1N3uBfonxCyTLssKVUA==","shasum":"c8c543a4d8b30adfe88afa7b1199b777376f323b","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2301032153.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6M7m4ABtoejp5FIxOBioAn6/EUpbwqCme8KJ/ISXLhgIgdAkQLTH1Hs8c8spAw71qw0m2WI2LBrLSj6lwmFJZ9do="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtTg4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDeg/+OYvjH5Xe1+FCCe2Iptf3pc2BzOQu2TsLU6yWHH/sbpmLM6Nt\r\nPD6YY71xe44IRLHtCDKHQpRX9iNP9CpWSHp0YGhpJHJMeOiZj9rs0yAywW2F\r\nyGwpHhvS1umko3ntns0PFiLkiIK+9Ay2JBF2pTo5dMsWCHObrA5mjTcLfUe5\r\n92y6lsO6UI1FbHu07cpfQEPXKVKd9iAdT4/faZpk7dJO9SM5tEPpu+R0ksMJ\r\nSUJm6c5tnOP9tx75BKIC27pMJZNoGeLPy+Bj8Fa9uW4ZPzUfLSs2bu9tONEX\r\nszaqnNLq92z0hdnCtyy8bH+28wHkIdruYd3mrs34EAYiLdM8gq0S6sFqeKTW\r\nyiPtVuavQ2FdXfIlA/EiBWDIDw5DuhT+C1rh3eoFjsbanX2buHUplFHbW9ol\r\n5IfKqTcEfGjtx4QM7ss+COqH4QgM6mB1oFKlQZTN84HqJeB359Ym1c/aBb+M\r\nRSESXXGdUMkf3k6nEWHKMTNZ3nE25jOY6cy4oeVIdji6577hKJp2zTw+9VLJ\r\n91pQ+5ed56qRXvjAX86GnzCoGKX6ZaKA+IHMBmraOjxEVvuXF0n2djbkSnXc\r\nXi8oqX4Wzr2axSuks0p+WsADgjD8C0VC6hHC7aTHa18lHPzB5f/R3h74FAak\r\nUZ8gE3oC0kwxMloKSKzxVXYJpHQjybOsDEY=\r\n=46Fi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2301032153.0_1672820792612_0.9922684635212535"},"_hasShrinkwrap":false},"1.2301041800.0":{"name":"@bentoproject/gist","version":"1.2301041800.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2301041800.0"},"gitHead":"7026aa71b81896aaf30f29b822e1a578138e33e2","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2301041800.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-a6VwsufetbZSEXwK6rHsgwN3SpfRAEz59WeOzZ65kCqlSgHH0lzm2uTya7BDO5kLxY4YjDkzq1Pk5CXev4vgCQ==","shasum":"165ef4e247fbf695b53a3f46085b0730e34ac586","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2301041800.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICzYW9REgrJu09ef0UScAgI0QeVutMvAbCK2/zZv9A/xAiEAhLnentQ6TBsp0oB4OVYR5Iubbdd90DhqOFDgOwbVfG0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtolyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoWzA/8DmFp/xS5m635wbEMClCYhc5q4LiJKqA92l3GbU0pygIB9Spl\r\ntW2LMqn6dYzSEhEFc5kVZNzGHTM7KDfxc0xCEXZmTLQpI14oqY0AQOa7PvzW\r\n7Rv3KzJYH+i8WfVAfJKcTrmKQkoo/k+8W7QZ9pA0hXmck0WRROAPLmQjGMaS\r\nLE+exBHFFX4khsW58QpcKwMPZN+hBDUtMnyfhQG84H+hDCKCmCFqRyo9iDB7\r\nlzl9xmdD/wbKWXvoJd6HdeV+t5Yt/40WcarAbzrW9wz35psCANKaI6EGQJ9f\r\nfQFPtDXOFijqXXX9wpRHh3ufdBp2ngantvLZ6djs9wwwaA8LSQtjawbNiXBj\r\nPhgR86Z5pearaDxTOSe2wGdiNrM5OkukZzQkmZTVk35UzDZ1nWVk/ZpbhERc\r\nWmlzlX4U5QPRFN7cv5uhiNMM+SDZKUuGzFHXOoVomNFprbT4BggFkOW8y2Lj\r\nbix7V9mNSbpUDWSYEeOgMlWxM7IEyodLXbnBzzD7pHkaTsnTcjiSuFpqDyjU\r\nsVMWep2WUPjNAK10n4TMe0Q2hqdWIsdZn4Su8ATkbPM1yi9Rnkpx5/VPVKdR\r\nZkSQ4bzN19uaAvNY+I7c2qf2uxoB0ie/r07ISvU8W76cjeNsGzhz9xz+2wS4\r\noJzPfLKauku8GlXsSkmUkPM7567WOfuM6uY=\r\n=Rl0w\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2301041800.0_1672907122513_0.6620863135392967"},"_hasShrinkwrap":false},"1.2301100345.0":{"name":"@bentoproject/gist","version":"1.2301100345.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2301100345.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"12a8a2eb9a3656064439da35b736023090e7c78a","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2301100345.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-mndXuiJk7wQoDPKFeJ5eNBxsgBreuHuE2WMWjsOdr8Vc+574ApXg4RgXXhVMz9H6ThrCS74yiL8Uof1cX+YbPQ==","shasum":"477d955405b598a23d91e40427d0efd52b3190a5","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2301100345.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC80iklYnn+BGEWUiREySTKn4h1aePVhBZBt1jS2iOAGwIgOqWquteBSkSmARxy30EjSmAIuOLfWTE0gYrURqf8SPQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvSD5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpE8Q/+NOlrZSQUROKZdvGcQ+Yy7ybi0wWvXTiGaUkcb1smIhQJw2xQ\r\nmerB/2rlPHEWDNNtfpRLf7A5nK0mHFmXzEJuJMY3lsDxlPfVhKkHAn5Du8dt\r\nln2Ga0LB31nkIl9oxRlBezzuVxgCeJ+xAiym0pO7rW8pmteoE8LdQYUa81+a\r\nvdtW8xM/a9Z+ZUhtbUZBDN66phwQc0s/aRzdiS+GZEbJZ1yli7Qlw64sChcI\r\nx5+S7dM4uogMsohIoG/LYZfjgMmts8BrL0eruVfw2l7sNyxxCQA3cH98UI0s\r\nmX1xt2D6maywDj2enJhvUInaSTtsEKI03FxcjFaFmLyLhTNgxn9A6gG1gxkj\r\nd2pVKSgjZpcYpTMKb8yftb7yx4iNyrLrjt0z3mpXa9qTzDpvE/+oR0K/G6ZW\r\ntmatSw0+fR+2P0Izmdx8hL9+84Yq3R8700ZS4DJc24t+2QxarL+A1FnZYGqa\r\n3XQz9a0gruRj13NdO8tyQTLFEjCtgzRSFy6Qw2wV1U1PWasZ8FE4XQw/hE/o\r\n+Z5T80P8hptCuwfsYeMNMZj9ylxEpiAA++dWl+Lq87KXMYf7Dil1nbnRwQzk\r\nVi4XTNxHNFu8duPrFqHe563feATlYsOcdw1Z2BB1ibE2tNUGk2Ep7BY1Iqit\r\n7jMULyRb9ocSJymVbIeJlhoo58A6JD02dCY=\r\n=gUxv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2301100345.0_1673339129368_0.4898381429757812"},"_hasShrinkwrap":false},"1.2301112346.0":{"name":"@bentoproject/gist","version":"1.2301112346.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2301112346.0"},"gitHead":"290809452fa1006da1ea148fc925beb127bc65a4","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2301112346.0","_nodeVersion":"18.13.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-vT/Bk5pC+epFsSZHoswaQnVTprcCXFKgOrTgORNTnzP8t+4CuVGUXzHyFHSGGi4HBdrCzFCmxJtSK0RUeNDpNQ==","shasum":"5d25d3d4253f0646ec03d84325f357444bd08de5","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2301112346.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCI67z64wxexpaEWeluy1JpPdvPEIC7gqcLtcg2YeeCPgIgHceU8GmSb5xlV93wUOwpjNRXl+lFI0qPQAZr9sccJFE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv8ROACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmreBw//Sc2Go6yLX0F11i08gh/DN1Xd0IX4hfKCvFtVWWkIriYqHKcY\r\n+PoaR821QwkYsCmkB3+d9ediXx4UuUm5sFeT7OeomAsUvWWFOxsXKnf42v6S\r\nzuNAtnftIG6JLt/nB263hEh43cgET39VPw5okc55RP2iWfMLRVyNVH/uClrh\r\nFxZhrM3BRMKhUt8CyrloDiBObuH5h3FP64kDIfncy2OUzVLGUotNkmcybIlk\r\n/6baiTlQ9EFgmBcmHX9AL4M+iH69kzoeNLVVANy08nabEHaVKA5PxZmbDsZ7\r\nmPtQXaGBa0nslp2LeUl/JLUJ7jUP8rDP8AoevgiQ7uXh3K7rF/NX5jaN1GF7\r\n46JFVllvpMUNk5Jso+3CTv+2R+s3IxJhHBYnfyqhaS46WK0iHjPO+f4Zyw5l\r\nOU23ob8droU+mQJU5Cun52YAsbmVoJPasUgYvtrXhCJgqcL+9XjSBWF7J5c+\r\nQRli9QCP6OJj8em9038DALHSayVm03AsB29kHGAXtvCAJA6OsNifoWFcKqhw\r\nJPxnioP+ivXm+NeHSzvDwbnIDuPSB6QwrwyhBM15orMfSyX00D1leDInmUFJ\r\n1GAj1Ji5gqTaQZNye3eeDFAlh5NaQOu3xJ4HBNzWu4fGZmckEzhbErL3ANHl\r\nWkAffpoOifoOl/k8caW43scRVGbGsrxye7w=\r\n=/Hng\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2301112346.0_1673512014649_0.12224262607973269"},"_hasShrinkwrap":false},"1.2301181928.0":{"name":"@bentoproject/gist","version":"1.2301181928.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2301181928.0"},"gitHead":"8d4b04c8f4aed6f3fb83e6cdd785a334ecaa8a4f","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2301181928.0","_nodeVersion":"18.13.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-zJTlbAQdL099FUJOW4pimJ3LwPDsB1sBthG3+QY2+nayaEbTbGdGFa+HS5zuHh6nADbI0oqN9syNShhVq+Lpbw==","shasum":"05447abebf648bbdbc093e9b542ea51bd4ff2071","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2301181928.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCel5E4m/hYjK4GpNIzXZZgY+Xx/YeyMEBBlBEpqnHTtQIgWI31ZeYYdIeB0WXlc+nG5hwWyhsgfc99S+HtRU3Vx6c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyP6nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqaXw/9FkFhGOFjYgGKYjESLWh6Jjoaqy0lK+HYO3mUtud5PFKMd+b0\r\nuZzxRILhXHVXzQHyN3U7ea76HvbN6Dh/T6C3GedfzElMoSBUAjjfRvZOTWec\r\n2YjTUqyH7v9/+STQOy2DBsrkIqh2SFW1rqltMRnFaOi81bNxLMnr08RCc1Wt\r\npZlEQ1J0/4PNdng698qQJSIUq7S23Ot8z55hTX9g5gQuKIRAn8yeIvDOuWU1\r\n2tBidNeifm0woA/mUaS9p5/GF3NSWxh/SrRZuhj20PeNxWdLHdBrDqyE1jIC\r\n45hOWEvB2WJ7rTpGHj/+Soyv8OgSWk4RFZiDYZXH/z0sG+wL0bJRnxTDNoGp\r\n9BrJC6oe+GuclY8u2rjFHTWMdxmwHUUAAYqaVuTdrs2KTsMe1FrjezEWr25X\r\nbcnkvWbOPP2Qy08dvCqqb1dSwzDTptx7s4fIDe81wYaFnIKtazJi7MgnzHVG\r\n63PzYs+uAf1t7mhTELs7gBuuzoYz97ODtkzUv4pK9Q0YWtNnIVy7PPUW/3UB\r\nKPJs3ysTmzJFB0mFsfgfssOzipLCXojFUiiuM2LtKTVwJk1lb78OTaoYOTCX\r\ny5CIWtD4aTfHFvhJRnuBdxXX0Z3rqNGe0wxojW4r3cOwaN/GnX9V9LbuAARp\r\ntuTCtZoEaQjNYo8mmPoA440sOGU2I1jbQoI=\r\n=OgTg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2301181928.0_1674116775699_0.6262329005087146"},"_hasShrinkwrap":false},"1.2301261900.0":{"name":"@bentoproject/gist","version":"1.2301261900.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2301261900.0"},"gitHead":"a6ea9dbc37fe6d4b0f68e25838c857835dd4f7e7","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2301261900.0","_nodeVersion":"18.13.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-ugpl8SeNeJVyqQIhW0O7FIpnC5zv9Qn3kxWYxHRY2/8pEO1HVNx7pdoPur1CjiGU6JxCmRzj9A6wyjFwWj32mQ==","shasum":"7aecebdebf248ca9edc15eb55bf7eb9f5e67edaf","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2301261900.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsW8rrvbCxd/gWqwLicVanBSoEPFsSjWjQSNJmQO4j1wIhAKoMbnDUG4T3Km+48Ho9oe91/N6FK9Fg4TSirwZ/p5no"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj04rCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogGw//SoRsDl8usA2NP8at0VWzXs7zj9NZq+DPdylwcgJcJ5vWC+EV\r\nQWiuke0KrOWNJ9zTyttq3w9Qu2LPmIcB0DUNxeX2asYHsiGeNzo5OCwjfwoS\r\nvT8gECgK2FClitCFDQun1/uPAN8JIV+ANCdXD9wrTfWJ2KiuF/tdk4D9tGQf\r\nKCjMwK7/j4qlGS5IzMEQfZbMz539x6Rh7m0ZMmVX3t7agyinuhF1gX8Mghc0\r\nWEJanMlJGfMZwAzjGLzZGA/pDT63fweCYYGhQCBVbhCeOKIzd1JI9nYRLx+1\r\nb1HBFb1d5r8KNH8QHd/HSiXO5S46QQjE1CAbiBEvHaHPJNtop/kz0cVD6YVR\r\ns9BDBb+t7BLqow2QT13eEpjnqQoEsVQ+1VExA+dt6wNPAd65yEfeEKQRvrVl\r\nrbO3/nyKvNUKVx5IzRYX/ywkum/k6tiA9ZpBeGYkJPkfzKuN4ZtVUMis2PRE\r\n91D3lhForZ5tPrGrZy/amhQwkviVx3hBy8lZKdrOZCQfwZITfq58TOLguV1T\r\nAjjL5AYg4Pt9KHFVFD8yvQEraCw2mklKbRXLNBMZR+YMwVqUHYuxv4/VY2Xp\r\nCE5tdlfwuUJTtAtcwC63suq63SDk9y48Q0t+HNyTJa9+1wpnXeZ6x0CZLoV7\r\n+qow6fY1f4NMnMa3NmWfF7fv3/rT29jlKF0=\r\n=UJ+0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2301261900.0_1674808002581_0.75318029353452"},"_hasShrinkwrap":false},"1.2301301810.0":{"name":"@bentoproject/gist","version":"1.2301301810.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2301301810.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"06d7a2baddf76737d7cde110a7b4bb9351feb38d","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2301301810.0","_nodeVersion":"18.13.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-c+Vi0orfcnV4hKJ68s2tlx7h8E+gNXqvmdx/Ub58uvUBXIn/6yO3OsLmUq2m0s+SG3qAmxq5z2UjktAKDST8jw==","shasum":"bec4813f078b49a75b77464eec1ca491b32487e4","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2301301810.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQai9c7FeZsGW6yusuAo3Bi4+Xu6nliDa74N52Y0eU2wIgHDAcnUIpvAYkynD51xbkqoVSsx0Uon2mHKmgywGgCBw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2NCRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppnA/8DSNbsEVdYaJw5ej1hS2qsR1F9+rA5vgC9YiPvXSBg7E7OppU\r\nmj1FPTGhttkmXELdJbo2MpeXtAMpmTtMqCYYxOaLJbcSNjo/hqhfRnehAHCc\r\n6x4juNVXQKqG/ad2nrInLmMikr0KyEq3Hvzq88aDywp0GIUG+6AJ2tM3vrFc\r\n35dW9gKYPhGdAZJg3VdOfM9A8trHInmXAUHoYajReRucOc0idlrPJ8xJX286\r\n/mQdepbHLLxUgRI2jhj4zYBL+zdxXIVok3ju3e7jF+viJvS6amud1hsUbdRq\r\nXbHvdVeseZ1S7s608ZjECa/CXci/444knGkI7ALfxNPRx52poaxOQaU3LqzC\r\n5OqKAcdDMoui3bT86c8DOJIAz4aRArBHMBRpnX9DDXb0UYesbl1PHi8Dzvk9\r\neC8YNS6jYy6/YFtUZTlNztNNO8zfYD9yIxC6NmmA6qkKFek94CPKlol/l22P\r\ncE13/mMlE9QW2xLh5ZbYw2kjOH7K/kAq401pLwkw19eXcxU7NKtk0mkXKPTK\r\nUP5w4x0rbcJsSzuDC393MzjMWAjbg/bs3qiQQh/yym9H+F37japJqN4+Abfh\r\nfXSXQurikdG93+ZVhx9vkB7TiZHYvJ40cN/WOkssT3cHxLfTNqnjTS0CT6NN\r\nVjbeDXy7+kjKjYIn1aYrDxrss+wrOV+/N40=\r\n=hYmd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2301301810.0_1675153553232_0.7874050051587431"},"_hasShrinkwrap":false},"1.2302012254.0":{"name":"@bentoproject/gist","version":"1.2302012254.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2302012254.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"e4c14ac075b71415995f07a6bcc3ca93a8af5cc0","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2302012254.0","_nodeVersion":"18.13.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-cDSGqOQc9l6ZkEwUednk1NjRkWKn74nOV1xrWOZl+UvE9LBubjFdYwoqGks+N0HwbTClWciU2fnNt5ukX4PD7Q==","shasum":"ee412c2b4bad9a09ac7cb829757433da10c71e58","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2302012254.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtv/8ldUf/aNFkdkm9LeRpvnvu6cVn9e2kvgUdhDI+jgIgV9c9PeKOFmYJjJhCXhNiK09ZvnxsOUPv+y4CNsGwOD4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj23NFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppCw/+Ij2zjL1y7/JOV2FbYP5AkLGLjzQRnjUX4tXAy4alCNFsxpM5\r\njIesNL1FwKHOUpaknH7t1iLOVyx0Aq8DVwilwEbb+BSgjNeZgKfY9VDo013t\r\nUrF0JPKZQmPFjJl0n6ekiRp+AgdAgo6WmL4+7WHV/mrWqTLN2xA6aG+toAsg\r\nJBGqtiQAdISgd9CdEbLqVPXxkdynJ2dnpxlRJkdSI+DWM4zM+2+VkzyUTAlE\r\nS6zAJMpSpCs+0QgsEm6CQsy1GHnf7iTqChcE4vTEydalJF45Lfa3iZEtg8az\r\n9zwjX/7BfspzTMtrWhE+aN1HHuIDmhDbNaXPzJLr0eZX3ffWLOYuNqHVXrr/\r\n+H3lhi+yU8rj3B61htpoZ1fM8MM9XRo0Rk/YtKsmg4XCAXuvPiG1H1yXKZrj\r\nUikOVjzvg7SBke1WKjgyeALR/iB/v7Us+Bxt2F26hD5HTQguVUkrKOUNJMrv\r\nyPQoG0iaQFgDxXSYltRX7AQMrdh2fRNDsY7ujrN82lCxHjQI/KEi7oTUFxDi\r\nf51Uhe79YoUB8lOgKWAsP0DtRQekpi2S/10c94f+7TaMuc9UzFXmn26itCAO\r\nUBkxVcyLKYzS5qngWEnzItr04klnhiJQwzh0HodndrVVzf85UoeOAq97rmc7\r\niWQLiSK1slo9OBaR9zvcLdU2xGwpMkEl1j8=\r\n=vlUQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2302012254.0_1675326277161_0.0182339694001723"},"_hasShrinkwrap":false},"1.2302021743.0":{"name":"@bentoproject/gist","version":"1.2302021743.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2302021743.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"a27cd72c15b628053806c94efc4c96730603dbd5","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2302021743.0","_nodeVersion":"18.13.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-GV7ZtFMg2BHXE2msj+uW9mz04tYiBNL06POESxqeSY5gBRtvozzK5/e9xHxxrOGJXjpxXFmmW7HPuHWvJpAkmg==","shasum":"a08974b033112d302645c2d499809266647f94b4","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2302021743.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDOt8RKf7amvJMK9AqWF3HHQmSy07zmY1258t7eRUrfxAiAk7BjleMzdX1//UrObjiBPKZrTNIhqV4MLtM/tnMG1Aw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3MUzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXLg//aqWVCvGBijnAu6BfIJXB2QmBta8hWwBsp46NW9dH7VRSyE4t\r\nWVmBt6gp6GBuJ2mKf5jbaftx2YVvcD+lojFiI1y3guRkv99yASzTcLv/M2Bw\r\nVi0DOZ7Pjd0wEKZr7Oeff1EmTq1VZXPvUQvFmmpT21qw15P4pac3xpNQbQZW\r\nOKTOlWkyOHs14kbgGF8cYVomne2ql7Rg0VCNL8274qtMSQ0cqbPTSllMil9/\r\nmthIQwusnweQSZePMid17gckIsepm3XHmAKHOsAiboDWByx4ZGItzxcBUf/e\r\njSjhh5Rhd4PjR72wBxfboKog9s8AFyjuoeMI22n5GCbEdQnRXq9/KH3+jR7Z\r\nUHiSUnu2J0ugMLlE6llhco6C2cifhKK0DT2cpX5g5ikSJHP4YPR/iAAUsTVM\r\nm2Vx2OLgSJg/VTPPMvGKPYuXdpDWzKZmSDilIsUZ2E/ffXMe3YsJYCCToxqn\r\n5XYtvvxzg8NOUmQcj4izHdoqM662fDdyPfR1P7WkcvZ+vye6XueRZDyBXEFD\r\nXbjUYHQ7P276DADh2OqqrE5SrdzLzAvQ+DBYC5sKbKa2SspNvuKbQ/5+hjb5\r\n1gf+kGV4Z2dfKzhqrnlZSjyg29K6Oq8ttoHT6Dl70lwwkgscb/r+/IXGQssA\r\nKw7WzNN05RnmSH39MOFHTwEtgDg6TbNjgY0=\r\n=aLmV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2302021743.0_1675412787321_0.419405375760991"},"_hasShrinkwrap":false},"1.2302031721.0":{"name":"@bentoproject/gist","version":"1.2302031721.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2302031721.0"},"gitHead":"f8cbfb0c4e4db6b8dea923c0afdf75aa7888e4b8","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2302031721.0","_nodeVersion":"18.13.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-jbQ8Jsr1yWlIgCfMQr1fA3p78thamWRsPXwDrknNQ/Cj85P9DEeB75xrjUxojVqEf1XSQwrGjwW5nhSvt9SsRQ==","shasum":"017af0530a2b735f3e2699cec9c8fdb131a7f4e6","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2302031721.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeMgz1xFpT3WYSli4HiH+BPJ3mQ1Doh0Y/eSxcPlNbRAIhAP+gS2m4bhMbRk/Ez+o1a5fVwVMxgTEQq/c+ZJ4iQaGB"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3hZRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcTg//fgeC029jC+E1XYBGfF8D+RiI3jteAlUliMH4Gat4BpZB8BoA\r\nweSOErhCnUuBTBVjpoMEZjOB6QBJtBSiRRO2dpBJtZxrV+YTyCTJBLqBSqOQ\r\ngXKVBgozVnUpRriLxjvTAIuXADZjCmTqt4j484xKlIfpyKBIOjTCBIOgzKjI\r\n3MgPXXEQ4hsLzww5wC46i0upUBveZ9XDw+UKoA/xBANEVTNxAmMoiTUK0/D4\r\nxavvtDgFKu5yVF54PAjOg/L49ga1Jr6ZneeXAVGDYKykvJ6t1TEnBl6yc/3G\r\n6vMhAXnEORnihEShNRof7OI08efp4OFiVE6BLQHF0GOGbMSpbHJJgeb4n/LQ\r\nMSLN2Ll5sv1+QGZn51scpHOBN7ClgrraZDq7oWYG59T/YZfRrKV8pbkM73sk\r\nFKsmx280sWIs02SiU4OF/7g+qAHQo8Ze8pJ0VZnuwdx2KiXEF2/T2QWDGMXj\r\nFMg7bhsL7PHXlFlXoOpfw64EaVX4FxS1S98wHQJ/sI5qy+oJY/FrBKLXu3Qw\r\n5fc3ZsAS5m8WZWhjxGO8hP8vkKFvQ0el7eKV9QN5mjgNxsnap2L5NofxAuZS\r\nhD9oLE0l6gxSSzvCZw/e3WdWoxGG18GjAzmyTxe92juSHBZ2JzIEpwRJPkel\r\nqIeG47YKc5G8PxvYzB7ikU6g6ORmurLhydI=\r\n=Ot5y\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2302031721.0_1675499089613_0.4996013835996129"},"_hasShrinkwrap":false},"1.2302171719.0":{"name":"@bentoproject/gist","version":"1.2302171719.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2302171719.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"767b9ceecbb9759948c2b0db6f66c49097659f98","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2302171719.0","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-sFI3GlCb82qyY+sKq/d6O7IiyXiItrV8ilmN4Q4sU9ZMBfI/+nb5fYNmlYj+OpZTJ5YQRa48vF9m24YcJu8gJw==","shasum":"67566bf153f3f86b3d933175a733331a02ec4fac","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2302171719.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDz//i/WDDt++B2nquj/eC57Wb0L7XtphNiLhUUyWF87QIgVtbgxA6tYEdSl2nmGd8w2FqWH6+Gg6IzGsWreIRqVhY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj8IriACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpyYg/7BK5nh4lAAQBrrGq7ZGPJJRA4slS6w30vrd1rzXr+jSWqNLOC\r\nkDctMZ6NsMFrC7kdPDK5S68+hNJ36Xqf4LbrZ5zUdfkUga5NDKSPjsK6uQ1Z\r\nKsuHxJN1aVK9rHpmFJgjJnx2t/IU8+4wrvH7E8+ZaIWAAHqU5Fxy70jwm1wS\r\nP25OOX+kqJhRnwFd5qxp7ZtbWa1HhXQ6uo+EZMC9KEqNQ3HBuZzxBF0RvBuY\r\nQRzcqFh7SX4TebNZnRuh511AHDkQ28MvIgN/alS0jdlt+xutQ7D+czaeAMZg\r\nQ3tnxdVz4oBYVSQwqtDbe02p9Cau703gQLh2t4pYpBGxQ2j4jNXbV84oOJKh\r\n26OjOwa+RW+gB5tYmQyv1cgaQkTZ4VzRkqeyXZtHjyd++fqX7oWG5l/NCid1\r\nkIJaXv3UOJBSJAJfN10yad3pT3+pdDtUSU9CgapEDSKLn6PC4n7HBjNAaqsi\r\n3oV69CzJLdnp+SLsSoaO/YjGvTLWqqXEMCRENLXioycThgix3PM3OBWdPEUm\r\nScFwk3jsh/xAxzy1f33euIAnpAOfNYWBWd5IiZ2l8jcdmwqyk3zEoPbCccuQ\r\nQgIrhfIAo6fDHQo6tfLHQlowqQ7xgn7o8nsplOlEbsW3y0POndFXg2TGE5px\r\nUxoIwnqfEDtReuHteBZE/0Fkd2stLGQqLLE=\r\n=mO6f\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2302171719.0_1676708578611_0.8462964422013495"},"_hasShrinkwrap":false},"1.2302271541.0":{"name":"@bentoproject/gist","version":"1.2302271541.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2302271541.0"},"gitHead":"13cfe7f4354a82bebe08fd29496c4c7de848a18b","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2302271541.0","_nodeVersion":"18.14.1","_npmVersion":"9.3.1","dist":{"integrity":"sha512-X1C56k3/4ialesCYwIS6uH8Bgp/SFNp9OD0Ok/QMyohG9rhxp8q2UhRH4fgi1PAH2+t5Or1rhGOaSziANAOLqg==","shasum":"b57d2641c87d22303dc09af6ac1c5b0120a34b57","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2302271541.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXRysR8/TuPOQmA7ydNcrndvrIydjiCNznHyJuYcWhjQIgEw9XJlPkVA7cirQkYWybpRA0QZqkhTo8+ikQIPEYF8g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/ji7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrF6A//eFYHHzn+hEiZudutaUCyUPa9x3gwfW31hCD0c6kfB3tns721\r\nDDHz6/UVuy+2lA0fE9OsQw5U8cKJILLACQR0DCMkvtNbXoP3x6k5r7awuKRv\r\nsNJdgQy9pTB0rgGnha5PNq39Uu5WsEO1K1XV4NynDiNhnAA7gVYnbaBJmM1s\r\nkfxoPRlhtwOdnDxj0/N2ZFOvdNOnCaVVEbGFM9Ojn7FWwD7g+rYajLVBtv01\r\nK7EBwSnvJx5kI/ofnXfcsoYDYN79Uhm2f0CoJ1K0/9wajVTnYJxajdYUJtOn\r\nTKvHsP/08wtd2F03j30s2+pezJxHO7LG/XOFf1JYFtBJMkl5SKupW85PCanw\r\nQyhrJvHFqYixVsN8Vhk2XAQzZPaCLtfwwiGdm9tLW9JaHjbRrEj9MjYMYqXX\r\nGWBSm2NFc6UIZAiX2yNFtPq1ABWPCFlyPjr+RKL4+nie5nBUu5LRAwWC98U5\r\nzYP6ucFDs8kmyh4fjgLPn6PnyJwXpAT6fjLpcn4XL+ia5j0ZuVAp3Ktgt4Gn\r\nfw2NXKhLMkCUKK+RiO7luq8+RDnUvwmocJsGyHMZxDjTO+6Lm1VH2UwQBscZ\r\n6Y23lEY1L3/BN+OxmRYBVMLSErkNBtE4mpjfHlSblRmof7ypZ6KnCavv+1ak\r\ny2qwjfEmNatCm+0TeOkvm459RKefklqYPJY=\r\n=zGFW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2302271541.0_1677605050779_0.6323188666316992"},"_hasShrinkwrap":false},"1.2303151529.0":{"name":"@bentoproject/gist","version":"1.2303151529.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2303151529.0"},"gitHead":"d02f1bef730eec6d78d3f2fa5968ca88a60acf17","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2303151529.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-I0W01h/Fo6KSKlyDbe2dgDs9rhsvQxt9Ig6ZN4Tb47hyrlFTtlFRB+DpzXBhr114rGqOerCofAvcJY0xd6u3wg==","shasum":"5820534209c4cea7c99fff8f1fdc863cff7a45cf","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2303151529.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE8XsBkKVJmf7HUcUV/txiDDBdCjAGxXQjO2umcGafxuAiAq7vD/mnoj9e7Fql1F0StczxmFKRyVSJMMeXPVHzPoyQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEfG4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmonbg/9GbvyKtwZAAuS8hznDQSOx8PfKRHLEkpJVbTf2jhfdolr1KZV\r\nRjlQK0PiBbQerzAzS/+BwXPmZgmz+DynCPc1cO2a+pJh8JFQvKnjys+YC/5M\r\ncdyICgTYgIxcJoocE5sra3Teu42sm0fKgxJn1R3G2eEO/eT7PymIcjscqocS\r\nvDFumsEGMi0Wp8RvgvRCLvR8TedbZO3hPk+cLpevsOqrarFZ0kwWLkUKi73y\r\nhArpGrgyxVhKxUKlkGeN3N7gUII4TCMPs7/bNNySbaZwPeEJm75ipxXSBI7h\r\nK6o66tkjVEJEvD0d/iXPM1MGulofnbUSeZwlC/KBzCmlUI4of826hymdal/2\r\nEotq4dfAETI4H/Jo1KwNk7e84ngdH9YfTeiPYMES1g+pVv7UQdq7I+ngslYw\r\n0ckQKoJ7CdA2smzGRKHZvxnOIs0F0j0vHwrJAyk4imuMiQMQA130B/koJbVB\r\nTAm/t+M4ttSapRZ6gt4TCkBEyuhLBSSNRL7uX79blqhj2zVBpNOQHE8eUswu\r\nPHqLasF6QJfSbgkHGYdZTloxRJ7Wl/tAjkqHDodQil0Fxc1S/1FrgRC6uUrO\r\nUdQ//QzUyimxf251kNPRfRUYsbOS4fBXlQeAQeqNz4e8YXqFgfo1pmMorMCJ\r\nbV5XKASIWmZHUZ6/WgYkw4O2NzuJIuymY/E=\r\n=JkHu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2303151529.0_1678897591852_0.12228062715807897"},"_hasShrinkwrap":false},"1.2303151621.0":{"name":"@bentoproject/gist","version":"1.2303151621.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2303151621.0"},"gitHead":"d02f1bef730eec6d78d3f2fa5968ca88a60acf17","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2303151621.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-wM/qScc8V5ffMsjOGF2OEdRtuoh7G5lnpLZod7+NAAIbuvzx7Y2HkTJ9JG8Ln5tOS7u7KsU5W2MdZMGM0bTT0Q==","shasum":"7008a9a553cdd99d25b38dafeb8ffb573ff8171d","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2303151621.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwHUdf8Xy6tNQXcvHUS1TggQda0xrxmRJsmwcyhrYcogIgZf416SziDeoDLaAu5EHe66AOUbnTzjvSWOwNIYFlbMo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGrtoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIABAAnrKdUXaohaaNKM/81NxEtPL9iRQnoHP4aJmMFbjAboxXUaHL\r\nBcaflKijgsgIDWYF56EPBI9+yrBEiauCjTA3PbugDy+Fk2hbkQvBXP1TilsA\r\nniNWDQeoZnHTPofK5oduUKtV1I2f8la6ShfBDhnvSDujjleGYMN1EoHUyT/U\r\nQvPYO1L1suNqz236jYRuiUIdDRX8nJUd6unqS+M+YwYnZ+VFvKcNQAsO2zAw\r\ntvlOKpiGnqI5vngw/Ja8JyeP/8glnX9wwdHC3SPStgGQLQtVREDsoPCjbkOd\r\nvUJzfStAmnfpXki7YAQgmBVFCK4L2jXkvA9EV/vI+4fkE3zpaBZyz6sYEbbS\r\nAzYBlhvgTHo2nqJymK5vXfVQvRgKJpk6MIm1lRhAjb9aqRroAvSM6UiaU5Pq\r\nX9uoZJDkqqC86R8yzLouksYne1O5foB+KRopNU+07vyNQMC3NsQ+Q0OmbMPS\r\n5OfwLB+irG3/kse/UDXyt/rUlBAZ01zHV8DLF66c6gjbF4OYUQkdSOxTRouB\r\nCEl0fOXpuP/clixmlF+F9xB7uhccF0hqI9EULlv0RCzcQVD9jTUNFZXxIp7U\r\n98KMTsV3wAC33T14+13bzjAB/9/b8eb02ZMt0WrRa+Hq1MSy1wHjqvG101Ma\r\nDfQtltVX4JuL3XGFsmKoHYU7rzJj5haQmI4=\r\n=zdlm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2303151621.0_1679473512259_0.7440979987280651"},"_hasShrinkwrap":false},"1.2303231800.0":{"name":"@bentoproject/gist","version":"1.2303231800.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2303231800.0"},"gitHead":"bb614003484012cda74511a460e3958f01512a79","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2303231800.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-huyPF/JFABCGBLuodthWA99u77tC9cwK5a3HvXGviWR29bi5SY921DboT/6l86sJ7/s/gZqWbJrEw9wktMECSQ==","shasum":"f0c49884c30915f06c2738f7141c52f29f360e2a","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2303231800.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFNzfb6Wu/gTx4JpaUOw9jfLVEjJdQIhZRNqE72uwAwRAiEAzNB8YYMUZkfZ98WxVnMna3wAPS02vEqsA8/p+uAJ7qM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJArxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5PRAAg+StoKzBl5ZHiqIMzPwIN0XljjCo+QEceduMsRx4QwBwR5J5\r\nTgS942OYxJavCKcn6hkPLQ2c6bny//LIZ9LkfSgAgGx2AsSpjRQpgyCaoQNR\r\nV+CzShaT7mTsBUZADDAuwCmffc0lGHlqw6l5b7MiyES1ZEy2QzE9ngtGxukP\r\nQ+Lq4QfgP80YtTcCDl+vYVk8zczP4hnUab3ON53MVS1Co/p5MW4r5uyLvO96\r\nhkmm0i0y1/9eAEUESJUmknW9W6/Z2txtNLCSoU1tWfLyWLEY8ktrtOgi9sR4\r\ngHrgJIXQUEn/pUxfbZ97OlSCPgmrj43N7K1ZDUFbXIngbrhRsfJQl+/AjH15\r\nL3Y98pqYH9h7cDuqHoBufYk8cWjvqvyqnL2F5GivrXWxW/pqTh7AUQ23a1+M\r\n+egCfq8nrt4ee1stbV7NwdPXyjeLaqY5SknkA8rgAzbGOHiTbXG8vAmHJKVr\r\n8dxGbffjvi+bNlH3Od7zrxX6OymayjrwYvQJ2uuT61ciSiJq42Cbm8dGiixb\r\nGGZ6O2JzCv4Mdn1VfU3c7d9937LL5soGdTa46oKOiUPbuCOxn3qDZiP4fLF3\r\nWqCHBcAL7OzydIqPH6xGNGYCu79PpITjSB64cHZm2VPTx+YItWMEcg6Nb/cj\r\nzWEbO/129VB2qKowXWLF/aNB+JYT16BQLk4=\r\n=EYmw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2303231800.0_1680083696848_0.16455690837729775"},"_hasShrinkwrap":false},"1.2304040531.0":{"name":"@bentoproject/gist","version":"1.2304040531.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2304040531.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"201864e5a81ca3bd8ba23d3a14d9ac4f88d7a66d","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2304040531.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-XO5hvdhYyUiBaqMfdEIHKYssF9hf6xieBavVN5VeOkAzsLTgJtdV+Gub8p/gcMirOU7DqBfNl0eGaUNx69CBFg==","shasum":"d9c6c5e89136e8697ac2e1dea99c73977da34d02","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2304040531.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkuolKm0lBn7+83IaFmqCUThwFg51SY6CNGq9eOAl5JQIhAMW0pr8edatioFSytRlyh5zfeXdjwEXifI9eLXt0LfJB"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkK97iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpI1g/9GOWw0hE436BpwwUbQ10ii2Dg/CJ5276gIZLOGtDiixtO2wVN\r\nZP0DleDtGNkXF3LzGveB0Lg79ckERzO+eUiNLC91msLVH89oGz0PcT0Ajg6g\r\nDFrcbPbFqCRohPdpW2QE31WNGL3aX8F5mYpw43Zi00fcs2muK/eNhrokoWS2\r\nyTM4MApLGX7RfP8eQU5ZULG52QcjP4hI8h3I3l/YGTGfxJbElxnQfNmyxcP9\r\n15fiaxp5yoSaYoPKcpNMpJx/NemNZahFuqqoccoek0njjFs9EsrsaNSvXdaB\r\nGKLsYmcdsN53NjghENXPG26A6V/7qhdedHr35rBS4v5ixpasOfaT0YUeR3fc\r\nNy/zKvehqXo4uUwNIZyg2Ug4gS4S/DYSYxdC/weFa+5KD+newJYGulky3aSF\r\nnqSq+420SCm0zGV5j3Mt4Tb8B6cC2c/hOsBflIQItGkI8JnOTE6iIu26Y+ob\r\nKvMBtJUinO5+EY7J01o+P26f8u5+fWHo9zCWxkWCOnclgOr73Qh2mJDTMGyq\r\nHo9sGzoUGKPGvY8w2h+3ZMpvnKze7/xCBK/W216lSfszAeqT0vlM8IB+g527\r\nFgPfZBCaHhyDtMuGmeTg8lf8BsPIwtdWbVmFFV/QE4Y1lrtlTGYTzAMi1uec\r\nVsB/VlQmp9GDC6B2Fift++K4FkVIopaQSmg=\r\n=nnDb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2304040531.0_1680596705912_0.8761331711678362"},"_hasShrinkwrap":false},"1.2304062309.0":{"name":"@bentoproject/gist","version":"1.2304062309.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2304062309.0"},"gitHead":"988ca302278a65b8d468409a444b029bc633cd01","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2304062309.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-q1ytd3O6naY6T9vXx+UvdC7w1MKPfoKAXoz80fvGNfMqY2wBtKx3sPm4s198GL/+oP0tYi8Y6c5E6LVBVOQ0CA==","shasum":"bd832aad6213dc3ebbc74e65ce741b1698445f6d","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2304062309.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB+0yuQoRsANbhSQivy9ZJBnV0nLxho83kifEGWvTwuaAiBaImzuAX9FqhUVx+iHnEOJc559nA2Knx06LqtxOGv9Ww=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkL9MtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqHWw/+I0h29xb7af57DWaJ+gMpbSR4TXy+l6T0+D9kxocveVygWdSv\r\nLxPVk5v3EC+DHR+jvyhy3Ku/I5z0EarrQpXTc+Mozf5BIbeCTrG6jyZoYPjT\r\na5qZwoE2ba+iYR1mDl6IvpXIuLOwapb3TDkmTcMYqY45oo3kcdVImaQIUMSg\r\nO9FbvO9JryRqwojKPmWdiY9Hg+jzTQ25zq3YyYOB1DyEuLPTT7ADwKP5oeyF\r\nyjVu0g/ey/6sf2oFlp90PtKhRN/7mKTPfWIB2ubvWPQnnCVe3j/wyfGC4xOh\r\nukM59gS9P7TviwToBczHpsX9Md89vFPSoQECS/Nr+4RSwvN0HxNPxlFOsxyQ\r\nqYf3HOQdX6pjn970A6i715auVWxgf1jReGu+0fuopyRdT/Z0kQMu6k7Nc72c\r\nZYGablvyuxFT7N87pNBITEBY0Mq4WL7Atpj1cMkVot+eLbqWucEdQey4faKY\r\naL24V7dOtJfFAVgchXR56P1z6hixV1IMQ9zZ5IX4N24KoC5iNID1HtBZe2Y1\r\nRrGMqkrGgp+zJPbTL/DSN1d2uSPM+53C6M0R2zyMLkqsbRslXHPuKTQUEZ5Q\r\nmTZ5nvV15+8n9Sd5XmS9OAvSIt/tNFrmiMmgjV2JgFbQlsY4oMHZYrjGuYvA\r\nAZZsNrVfy8iyufOypFVpfGxA+kh0DYOdkV8=\r\n=T4+r\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2304062309.0_1680855852740_0.46758448750604265"},"_hasShrinkwrap":false},"1.2304122229.0":{"name":"@bentoproject/gist","version":"1.2304122229.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2304122229.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"a622b88bef291701e9f95f448f46d014e6e12d5b","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2304122229.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-HWzPbJ91Ick2xrGP254MD8TNVRN0DV4SzMutAJ1PH8F3UvRnt2DALNYQQifuhvMpXqh+PxmHB2eKbQ9IA78AxA==","shasum":"45e91245ae0e7259cb7450e1612c2fc5e19340e7","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2304122229.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAaR3CfjvgpjLxGB0WeJegGeDUY9woPmN/sn/jJ01OdgIgAxCH9DiIRysTBWp+oSjyK4KlsUwcEhg4nR6MCL8DsPc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkN7xfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZow//ejvdP1If13KEvk0RfPDleOvUGyS8ikbuKA8ETABpgYu3yN2i\r\n7hDz0ytw8o4f+mILiLkSpIU+ijqX0aiiDeF22VDhRKAe8+MrNVGvAJbkX5jQ\r\nkO6puKoRHGuWGi9OiPsitYAcripIjr35vNbOHwcVVg6L3D+vUeyb8uk3Bmwa\r\nrjrmELun9sdS+5OPDxH6qqAYNj0XXQiBrEPxQhGTwIqFP7BJShAj3l+UjaT+\r\njCIWpdHLBPvRb/l431ioFAde4oP1Ivo9HF+8VZYxc053DpjxEqjIA/4GA9va\r\nvGY9lSsEyVqaK/M9Rn6u5Ux0AH2JdgB0HOWbZ4mQkpeHbH/XrSRwgXQFqZ5d\r\n04CkEfV6/0mzt3yjFc382TuiIwLVhwY3JlsxmTSsb5ZS9rx4k5TwGmlR7Q7C\r\nVjrxwPntuXNs2pl40rEGF6k5y4dCwYQe4faBj3+D3bq6Bzvz2AZNhRlLrQBU\r\nZWTJZroGcMkWCEjW0xn6Oestx3xoNly8AjEzbjtVT2kNox96AdApzgYdHaNp\r\nmlZIdpAIZr22lIvzqdIQgF6QbckpU+mqA0CxrdNY2X2znlHa4DHYgDqgRIuo\r\n2iI35he3KpHseC7nWe6yss8EcPskYuQ5kjYRRKtBz0mHScP8hoHEoqdDrrMY\r\nSHA2n55shH2jzFxOCagEBqs4LxFy41h7Ly0=\r\n=7Vcr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2304122229.0_1681374303348_0.3137272490370189"},"_hasShrinkwrap":false},"1.2304132133.0":{"name":"@bentoproject/gist","version":"1.2304132133.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2304132133.0"},"gitHead":"453223019920559443567aa4d698b7ca016b28d7","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2304132133.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-q0UbZrEGi/9+z/Svv1Ks/wAD/BaBrMwlpVhH7R1SgqrhkAND1OB/0XsGFmfaNaXGJtQuYgYebFL5bZHxzJz0fA==","shasum":"c0d0bfc6c3a39188fd7e24d0e53dc294a81ed74d","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2304132133.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDG3+yw1oleZdcEmtmZeWvHOF2vkJ6CG7w7KG09nnZHAIhAKIxpEo8hb2eJTRZYpTKetJbI27y2ieGa6wLtifOI6L8"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkOQ31ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnJw/+PNwTaTqB6RhGN+QJo4NFHUzNJdeebk8ecDiqVbB1vGONA6SO\r\n9Rl9pmVHP2a9GEY6pINagJj/BZLDgruYipQOZONrl+sjhlkJBcwVzaJQAbyV\r\nrXsCAnvKi/Oxv4LlCY+6I2t8DWJiN/bTiY0ZNnKsxtLIbwdYgrnGrjYoP3pu\r\no+swvbMYPe/6bSrRs/5nEta5UrwTHt80XpQXCpFXYFNg0tHNS7sPK2ckTOCT\r\n0wx3wr9mLMgDcwMg9prmgzZR4X3C+SgHIheubstKbVSv2ANjX4vcOTLsK0qf\r\nyoMZFsx5FZ2JhCR3Yj8/wrsfoYfNNfHuwMgVHymAlAxn6W6EUdeFex5RCpjG\r\nWs32fQw/Qnx1LM3BkbsJ61zCxfQq/stks9smaT+i7O/Q5O/9098B96lnW3tU\r\nxNJrT5SmiWz4+7U7zzWMtNI5sDGvTpwm6rBLd0NHPwYqNTbwKoCFnjAFB0jy\r\njnSY5o3me4/hW5UEcvWdYIJS2mSGHG+6Vj0SopOuk20VySodQYrvVOKWZHgw\r\nMT7dD8TJyfYqZK9qRhNAwT4He0hReLvq6YKZsk8XnwDwbQEXhpkuNIWonxPZ\r\nuvpMmmCdFhLNeii5Rxw2T0PVY0bJNIzseNiPqh6PZwA9x1hRFhcFAypLMp1b\r\nBPGwV7uP8mH8p3EKyMMMjVxftqHhQRA+EAI=\r\n=44O6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2304132133.0_1681460724990_0.0026923591658885027"},"_hasShrinkwrap":false},"1.2304212144.0":{"name":"@bentoproject/gist","version":"1.2304212144.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2304212144.0"},"gitHead":"74060fa076cb05cd0859ed848acd32302f1e46dc","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2304212144.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-9kAfl/gEctH+6A6r4gqrStWyM5J2npobyz7fRvgtJXX/0jC8Kp335iA4DtYFyltjy1ahF6Yku8ffVLBi7Kdp7g==","shasum":"5be8ccce63476d12832cdd85732a55b5026e700a","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2304212144.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDWKwWHAzwQDvSC10olIjauwskUupVX02873lz2eJ9e+AiAmUYhO617kFZIw3Eq1Lz2q35EXnmD/N3AKvzaswuYRjQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQ5osACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTbg/9Ghs49DNezUCf5r/jJpWGhIavMF+Ow33+smgiYzRtqTWYiVsM\r\nwuMfduSaG4Hy5b177PaBUyEjOkvROQOI7AzaP0ta2D7ZrQusY+8MBClhdIpP\r\nD6B+MyVLw3Yw44Ygr4jslgHn17eR+i4Z6Deagkn686/H7tESRFYWb/o0W6bP\r\nWeSR5oC6DZu13EaOedFO3kt+3T1NHNeirpH1/jI/a6y3Je9FXnHdN7+6OrFa\r\n0Chanz769MWaUJDik/L+bo+AudsWNmgwnFc01DHR8zhaaam7VbXUphrZeyQ1\r\nRmIIf0q00OOlsI1wQLbuynbfKimxh1Bkv6CN13vS/Fkw3DTEC557JslU4otG\r\nNom9iF2F5W7kWexWjN/v4M4LAZiRxrJmyOkNmmpEv8BcpT0UBfT5OqfvvNc1\r\nn0VQJ7YUc2e9T2DefB+kY+rk3WZh6QE6JTIDTmfaxGYJwN1Nd+VWsH3mvFxX\r\nth0gZDYHDkXwm61MqJuFRwCgUp0S5ehVrRFITq6cu7/e/r6hLuzkCq9iuCyL\r\nbdloxBP3RW5lWN3eSqos/N8WUbljMYhwAg4J5gCh4+EJr1CoVRMrkPJRi7Oi\r\n2RXQKVcpV2TLO7vhFB1sQ2dJAGHV6taKusLhAaXcf1e/FEcSRfEyr5pHyLgO\r\npO1ejqkAZ1DeGYus0SWEwjo5qCrMm8aLaRw=\r\n=abgK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2304212144.0_1682151979789_0.2190104406397817"},"_hasShrinkwrap":false},"1.2304241924.0":{"name":"@bentoproject/gist","version":"1.2304241924.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2304241924.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"f962c0db0e4934715d4bbce41c2220e6cc8bc1ec","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2304241924.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-cAh2hPfWErItPGbDbcGW1OIyaKJkmX94h4fEescmGl7lBsVfuukTzGN1C/Hh3VyoyoAVw8blng9c1Sn/hc0P+Q==","shasum":"4ca92ad1eb9ff72b9d82c37e8290e9a44bd132a0","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2304241924.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOnpiv3p1DpweyZQi2fQ/F7qlxiRqpgUB19ndHUYYsqgIhAKe4RPAUKXBuAl7v0tJVWx76VMwZb4ZTvQYzZe1M0eUS"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR46kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoqzg//Tbj8JehtjM1nVeD79FxKMnUyojayIHTicBPz5vKYFQprmflE\r\na+0oGmPhd7DYHJHUsmHvN2cDq/flyCPbO+xtdDWz7LUbefa5MN+77AmB90uc\r\n/TNCAvrPZFqLkKHndQLEMIJs/HECA15zyyzh5XeU2pf16F2RLGWWogsdagIk\r\nNEy5t6NcO9+3lcM06Wf5XJpN1+az8glnFJZ/8gc3999FqYh+vlg8I2BvGQEh\r\nln+EgSCLoDWcSFKLn0VV1G/G1gMCYSSNgTpg82Xz0YfjRf4ZGVpdcge+isVl\r\nEvpY+D5JAQOVdfsMet/qd/r9n7aMf/gJwBeFJx9ZGErDfY7tS+S+yLnZ8L+g\r\npzAp+42UgLYh1gQ81S7+YpwBjLZ+UbrGqJHHzvPSQaBw8FE4VenvM/McgLjX\r\nM2gzRYTfIbtDIi8ZwKfOiesX75LmbovPahwN28zHp1rchef5jE97a1ZWrDM2\r\nOc/NoabxQz1vmK3+TclWNslXKomGAdOZDqa+drNhO4EBG10vdP7lPZM4Bsrl\r\nTJ6bG7aTYxGn5GadhACcDS+0kujZ9U2JHWmbrwYNHv1RQ3m+QF2/V/SSCDcs\r\nfD15ERnc4rkUcP3SNXz3dJfdh3vBgT3ZQ3d0v3e4CVGuiPqUGrBB5L8G+e7K\r\nM3zCjpc96N9eVwMtHVgs6p2VHfWuVVlkomE=\r\n=FRlx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2304241924.0_1682411172024_0.5517556791526785"},"_hasShrinkwrap":false},"1.2304262219.0":{"name":"@bentoproject/gist","version":"1.2304262219.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2304262219.0"},"gitHead":"1e6e00ef42b6ca33dcb23d56bce6506f0b5b81b2","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2304262219.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-w00MOsqonxsI3qv1K9CrFTbX/dG/na2CMDRKjcrhlcBKTANj/muWm5TAnSuhISMJxAZWyrlKzNdrCRQoralzWw==","shasum":"a3cd7166277583f1472ae90368cdffe8d3dd9182","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2304262219.0.tgz","fileCount":29,"unpackedSize":1162028,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiHm4fcJAKfCr+cdt7mnNmx9XdyrAcFj6P+iDSRSOYNgIhAKWAj/GHddHUSwfXGAyd0QvIHuCU/d+1/UvhVymOmPxq"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSjHeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQhBAAlzZQyo+628zDAn+BKBv8vYPq1FpalO9UoXuN6xFra3yZtmjz\r\nJ7iJH8/W6LtPm54/aAKg9FiIjA1RFPC+voIV+AURYtHk12tIbGp8gigdZjN9\r\nsPEudedt/3aRJR6c7YZDsv0d3mSSFIR/BTpJmhRfY/mtXkCIHkaLAMF7xavN\r\n/rMIaVTq1k7lRPDp4juKg4anqWXhcCSUgSth6X6sb9XoGUrcys6m6od538CK\r\nqxOmZFV8AEjCsOWzwqS/i0mFeStnaFjKKcWh0TNJH05FLZ22pJe2dnHlnbhU\r\naeW4K+YbDWqU4xWC+drqpj/ZAlHUuGPovey3lTXg21DP9UexYP9pVZXsBYyE\r\n4nsj9Q18vft6b5xyX1PDpC35xV3K99CuojwyVwn3e39hBuVsRi6SJc3rjmru\r\nvvte3tjjAPK9bylWGXYwjt0WC6XTuaYIU4rUHAa1T+8iQFEIoFnKwPQ3z2vR\r\nLrFPjRRQNvBOJl0XZ0X6AmumMPiOaZh0WnGIWPcCjZY6KLQk2B8lk4LWDqWR\r\nRs76TiUCcJ/G+9d4r/XRQIUTBpWIxngNW/wU9AJ9hYpE3Ygrmp3GMsNxaUMy\r\nhJel5p5s2qOxJKURphppLxLqpSpnBMu4LPr6xoGWtjQkbzdXPGhWBmErijET\r\nr6uznCbZ98z+AkCrUmBs7a/XHz+90C9kQHQ=\r\n=qI3r\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2304262219.0_1682584029924_0.4961911744489629"},"_hasShrinkwrap":false},"1.2305022024.0":{"name":"@bentoproject/gist","version":"1.2305022024.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2305022024.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"275d6cbfacfdba2a626c1c3d191df16325439dc2","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2305022024.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-lh+lXGLVIylrcaNa2ZhZsEcT2MvVusKyEnd2u06TxY+qKon3U+P29GQpslK5NH3nMavlf/cx3YSPSBqRLkcFUQ==","shasum":"043789d5aedab979445f7d0d32c521bb89e0a715","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2305022024.0.tgz","fileCount":29,"unpackedSize":1168888,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtu2gxOciB5ALY13jXHg867zdblII5WP5rva3zq6j5NAIhAK26hH4OOaqsetmS7lftEFQ7a1qAcQCxEjg8NBfHdT9K"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUhrEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptRA//epL3EgSq7E4bHnNMCYNCACI279XQNo1+a63TmRToFSyLwbMB\r\nGDrNj+58rRSGnTLIvLr1TCX3hkw0fdcmywjN0A8iAJ6ps1UPFfphFcoDhZj1\r\nLT4+6/zrD/UCr6MlHGgbcTQip2NWUL02/IBBNMDRUYJksV5G8T/5wU8xIZ7V\r\nmqXSkSNCRbWo7ir2DP/qnLEQBecoFrFDg31aJXS9wgEXWQpV853fP02arXiu\r\nVSDwYOqhm0Rl8vwRj9LXr0gk+9uyUkXkKM5L2qv4XOb+GJ3G5p219EiYu7Yi\r\n/6Rk+VLw9l0lzUlSfrYeKPnpyARUNrHlaI3TmjpU2gnM2hzbPv/1vrUwTPY+\r\n64x1HF6aJKsPy1tfPNpbFDek7E9HvdUUV2InkrlmE73CJDl9pJx56bLiKIqu\r\nlgEiQTiFftpQxfxn5bnpRQjTivaoxLIZzQiqArxM0MH4wIZZIppg326a0VZO\r\nRnsYzCVaLCrMt6F47Xy6HX5jiWFUBcGMsDMc4jNHe2jaWCAhXTTUIuRdyo7Y\r\n1rHowAl5rqI4Yf8Ey4dn66bWw/gcB2ibP+6ueM3HOZPm1GBrF9Xod/Pvozx7\r\nJV4iSEI4B0jnjCYzNLp+5mZ8XTXGwbLW9YsAn9ECUHKTtOKgKP1pNxPNjy8u\r\nouTz/4ct4Cdhw2Vex00dvyW+XGUeur+3bAc=\r\n=Rx1P\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2305022024.0_1683102404303_0.5646419374013412"},"_hasShrinkwrap":false},"1.2305051745.0":{"name":"@bentoproject/gist","version":"1.2305051745.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2305051745.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"a6aa8f04998e5f74539b892e6fde8143851f1ef6","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2305051745.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-a2D1u/KQ5QQ7YelesLa6/EoHsBnSd30hwqClMp0mDfk9uz6Qgi+4CWogXsw2MJ4qvAIkpyPt0e/ko5HmBmWgUg==","shasum":"dae824dcd10a3780fc06652e1430312b97d8b3db","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2305051745.0.tgz","fileCount":29,"unpackedSize":1168888,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjHVeq0Y43GM03LnYYZ/Ez23fh/CpVMO3xvZws7nK8pQIgSrqgv9fjdLYlQkSMin/gqobeNOm/bFVSnc45Ak/NZsA="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2305051745.0_1683361483852_0.9991526975667286"},"_hasShrinkwrap":false},"1.2305152039.0":{"name":"@bentoproject/gist","version":"1.2305152039.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2305152039.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"4130d5e4016e588172d11ef0a84dea019bf08e0f","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2305152039.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-6jYckV1gE0HtmJxJpPVvAQHmMwh625szBjYDVfPNutspptVRTRh+/dWksfIEwwPHxVJGYj/e4z3jy2DfazmC+w==","shasum":"a26b04c44c959ceb7603b14ea88a3e1eff83d1c1","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2305152039.0.tgz","fileCount":29,"unpackedSize":1168888,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQDw8yUbgOWe6jIWFv0JIQmrqUNF470tnOhj5VbWXv8eOAIfclw0HNZwfbnEm9shTI9R6JDF/T0YCyGbUhe6z3FOPQ=="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2305152039.0_1684225585567_0.1265524908996385"},"_hasShrinkwrap":false},"1.2305182038.0":{"name":"@bentoproject/gist","version":"1.2305182038.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2305182038.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"885f40954f2783f7451ec4e195b909ce170466fc","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2305182038.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-tM2Z4G+hEmalx/OsTudE359rHZak62rX2PPm+t4X7XpTfFqRfe+RfbqumkEj96PiRXnUD4lyT4QkRaV4hw5uBA==","shasum":"40803ed80720a29945299aaf40cd3d97b89f1c96","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2305182038.0.tgz","fileCount":29,"unpackedSize":1168888,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfhFB7CZPrV/7MYgkYRza9welTwW1QR6X0fBVB59pY7QIgNNCRnAkL/5o8/8rxUvfiG33cPlFUYO7BuYTm5Dnbvbw="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2305182038.0_1684484845200_0.41830265095005825"},"_hasShrinkwrap":false},"1.2305221508.0":{"name":"@bentoproject/gist","version":"1.2305221508.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2305221508.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"f6a823a49114a57cdbf351ab983baaf0bdf4bd1d","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2305221508.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-omgcgwkmYQ8sIzq/xmChMcN2N1q4suvbVQjLFv6225VD3v2ttL0LiXahg1gnoGCcxCmelB9KccTNs8HK65nXOQ==","shasum":"bf82f81c5e3a6ec2838511be906a0b52b33d0540","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2305221508.0.tgz","fileCount":29,"unpackedSize":1168888,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0tnPLy9bUuIvSqmZrSPrHzjrwOq6HOfqWlpPGd5m7KQIhAJ/D72zlD68U3/xgQjFftG0NKhVo46/x+btWN1HPma1q"}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2305221508.0_1684830341033_0.8498643177759726"},"_hasShrinkwrap":false},"1.2305051745.1":{"name":"@bentoproject/gist","version":"1.2305051745.1","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2305051745.1"},"gitHead":"c7c16e5e6f51fa01e6e31b5edddf60feacb1ebb1","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2305051745.1","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-A7KHAFvYnVNlFQbgVJ0EyPcGI0OMfZoOtnua0nBXPLytypeRIGV7TOBK0xg5C7WWpqjoY0usYXNBNzXwOetPzw==","shasum":"e47e9fe1c5475528c1ebb36d693d71f966cd0fc5","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2305051745.1.tgz","fileCount":29,"unpackedSize":1168918,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDHDAiRCIyYb48CpqOSCsh9LqRmeNmZcaWKhnUedSrulAiEA8Xjcf/aMyndnlPB32Re4XEh/8zxb0ZR1oFCyZ5H0ZJQ="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2305051745.1_1684883009996_0.24872558493394115"},"_hasShrinkwrap":false},"1.2305232041.0":{"name":"@bentoproject/gist","version":"1.2305232041.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2305232041.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"c7c16e5e6f51fa01e6e31b5edddf60feacb1ebb1","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2305232041.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-g6sIQiom6cSPrDoxkkSkJswSgKsHfsYu3jBh349UQK8PadhU3/mOn5ztNWsxFhFeZe/yV6FN+WI4obSMz1nJPg==","shasum":"742b0ce30772af176ea03d024988f4bbf1f02e86","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2305232041.0.tgz","fileCount":29,"unpackedSize":1168918,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF2UNDtpeTTYkwqOPBzRGXuVbdCxg1y3ibYYu+ynxFnCAiEAlI5XB82VNtA/ih06/9+6U3mqjo9tKlZV741x4iCs9P0="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2305232041.0_1684916797731_0.8934680391665268"},"_hasShrinkwrap":false},"1.2305241828.0":{"name":"@bentoproject/gist","version":"1.2305241828.0","description":"Creates an iframe and displays a GitHub Gist.","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"},"./web-component.css":"./dist/web-component.css"},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"dependencies":{"@bentoproject/core":"0.2305241828.0"},"readme":"# Bento Gist\n\nCreates an iframe and displays a [GitHub Gist](https://docs.github.com/en/github/writing-on-github/creating-gists).\n\n## Web Component\n\nYou must include each Bento component's required CSS library to guarantee proper loading and before adding custom styles. Or use the light-weight pre-upgrade styles available inline. See [Layout and style](#layout-and-style).\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport {defineElement as defineBentoGist} from '@bentoproject/gist';\ndefineBentoGist();\n```\n\n### Include via `<script>`\n\n```html\n<script type=\"module\" src=\"https://cdn.ampproject.org/bento.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/bento.js\" crossorigin=\"anonymous\"></script>\n<script type=\"module\" src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\" crossorigin=\"anonymous\"></script>\n<script nomodule src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\" crossorigin=\"anonymous\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\" crossorigin=\"anonymous\">\n```\n\n### Example\n\n<!--% example %-->\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/bento.mjs\"\n    ></script>\n    <script nomodule src=\"https://cdn.ampproject.org/bento.js\"></script>\n    <script\n      type=\"module\"\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.mjs\"\n    ></script>\n    <script\n      nomodule\n      async\n      src=\"https://cdn.ampproject.org/v0/bento-gist-1.0.js\"\n    ></script>\n    <link\n      rel=\"stylesheet\"\n      type=\"text/css\"\n      href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n    />\n    <style>\n      bento-gist {\n        width: 300px;\n        height: 300px;\n      }\n    </style>\n  </head>\n  <body>\n    <bento-gist\n      id=\"my-track\"\n      data-gistid=\"a19e811dcd7df10c4da0931641538497\"\n    ></bento-gist>\n  </body>\n</html>\n```\n\n### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n<link\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.ampproject.org/v0/bento-gist-1.0.css\"\n/>\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n<style>\n  bento-gist {\n    display: block;\n    overflow: hidden;\n    position: relative;\n  }\n</style>\n```\n\n#### Container type\n\nThe `bento-gist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children (slides) via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties):\n\n```css\nbento-gist {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Attributes\n\n##### data-gistid\n\nThe ID of the gist to embed.\n\n##### data-file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/gist\n```\n\n```javascript\nimport React from 'react';\nimport {BentoGist} from '@bentoproject/gist/react';\nimport '@bentoproject/gist/styles.css';\n\nfunction App() {\n  return <BentoGist gistId=\"a19e811dcd7df10c4da0931641538497\"></BentoGist>;\n}\n```\n\n### Layout and style\n\n#### Container type\n\nThe `BentoGist` component has a defined layout size type. To ensure the component renders correctly, be sure to apply a size to the component and its immediate children via a desired CSS layout (such as one defined with `height`, `width`, `aspect-ratio`, or other such properties). These can be applied inline:\n\n```jsx\n<BentoGist\n  style={{height: 500}}\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\nOr via `className`:\n\n```jsx\n<BentoGist\n  className=\"custom-styles\"\n  gistId=\"a19e811dcd7df10c4da0931641538497\"\n  file=\"index.js\"\n></BentoGist>\n```\n\n```css\n.custom-styles {\n  height: 100px;\n  width: 100%;\n}\n```\n\n### Props\n\n##### gistId\n\nThe ID of the gist to embed.\n\n##### file (optional)\n\nIf specified, display only one file in a gist.\n\n#### title (optional)\n\nDefine a `title` attribute for the component to propagate to the underlying `<iframe>` element. The default value is `\"Github Gist\"`.\n","readmeFilename":"README.md","gitHead":"fcd19c6354383946b2d66b95efec56661b06e5b6","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/gist@1.2305241828.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-lCPmIfyNLXGAVpxnO68PDICvZWmA42bVnCcBZH/JThB22D0mpMxlud7NdfFcaH7PS3noo7BjfNmJmsmbhS1cmA==","shasum":"0c5e0bcb90a73678a9217fda5c8b2cb4ac5e53c9","tarball":"https://registry.npmjs.org/@bentoproject/gist/-/gist-1.2305241828.0.tgz","fileCount":29,"unpackedSize":1168918,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdLiVYfipqVI0O2e3EszRhXWnXH15UyWv0TDiqYOLNxAIgPCDWD4qWWGdxKBVgeIHkmWNlzf/dNT7LVNl+dfmK8Pw="}]},"_npmUser":{"name":"bentoprojectbot","email":"bentobot@amp.dev"},"directories":{},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gist_1.2305241828.0_1685003217004_0.16504185108405744"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-14T21:05:45.954Z","1.2202112230.0":"2022-02-14T21:05:46.246Z","modified":"2023-05-25T08:26:57.457Z","1.2202142035.0":"2022-02-15T09:25:59.367Z","1.2202042210.1":"2022-02-15T18:23:11.088Z","1.2202152253.0":"2022-02-16T09:08:28.344Z","1.2202162256.0":"2022-02-17T09:30:15.428Z","1.2202180255.0":"2022-02-18T09:45:01.315Z","1.2202230359.0":"2022-02-23T09:30:17.954Z","1.2202232232.0":"2022-02-24T15:23:11.354Z","1.2202241911.0":"2022-02-25T15:18:02.544Z","1.2202252101.0":"2022-02-28T16:46:03.789Z","1.2202230359.1":"2022-03-01T22:06:00.036Z","1.2203041950.0":"2022-03-15T18:36:00.529Z","1.2203151539.0":"2022-03-16T08:21:52.767Z","1.2203172113.0":"2022-03-18T08:23:17.932Z","1.2203221937.0":"2022-03-23T08:25:07.964Z","1.2203231914.0":"2022-03-24T08:23:23.472Z","1.2203101844.0":"2022-03-24T20:09:50.781Z","1.2203281422.0":"2022-03-29T08:28:08.289Z","1.2204121632.0":"2022-04-12T18:15:22.050Z","1.2204122000.0":"2022-04-13T08:30:57.438Z","1.2204132005.0":"2022-04-14T08:32:04.636Z","1.2204142048.0":"2022-04-15T08:26:23.422Z","1.2204160405.0":"2022-04-16T08:23:38.662Z","1.2204182206.0":"2022-04-19T08:29:22.875Z","1.2204191429.0":"2022-04-20T08:30:49.223Z","1.2204211736.0":"2022-04-22T08:25:17.960Z","1.2204221712.0":"2022-04-23T08:24:58.782Z","1.2204252045.0":"2022-04-26T08:30:53.009Z","1.2204272205.0":"2022-04-28T08:30:55.569Z","1.2204281949.0":"2022-04-29T08:27:19.219Z","1.2204292129.0":"2022-04-30T08:24:38.173Z","1.2205031420.0":"2022-05-04T08:25:34.583Z","1.2205041533.0":"2022-05-05T08:25:40.531Z","1.2205051832.0":"2022-05-06T08:25:50.681Z","1.2205090810.0":"2022-05-10T08:31:16.270Z","1.2205101904.0":"2022-05-11T08:31:00.319Z","1.2205120110.0":"2022-05-12T08:30:36.157Z","1.2205161914.0":"2022-05-17T08:25:35.622Z","1.2205181800.0":"2022-05-19T08:26:45.869Z","1.2205191749.0":"2022-05-20T08:26:34.479Z","1.2205232225.0":"2022-05-24T08:25:15.262Z","1.2205120110.1":"2022-05-24T19:12:40.465Z","1.2205251942.0":"2022-05-26T08:26:10.467Z","1.2205270638.0":"2022-05-27T08:26:10.040Z","1.2206071918.0":"2022-06-07T22:26:31.257Z","1.2206072228.0":"2022-06-08T08:26:12.923Z","1.2206082301.0":"2022-06-09T08:29:23.762Z","1.2205270638.4":"2022-06-10T21:33:47.762Z","1.2206101637.0":"2022-06-11T08:25:30.733Z","1.2206131450.0":"2022-06-14T08:27:27.549Z","1.2206071918.1":"2022-06-14T21:26:25.712Z","1.2206162023.0":"2022-06-17T08:27:03.831Z","1.2206221455.0":"2022-06-23T08:26:23.890Z","1.2206291614.0":"2022-06-30T16:06:53.017Z","1.2207071723.0":"2022-07-08T08:33:33.834Z","1.2207181727.0":"2022-07-19T08:25:30.947Z","1.2207201724.0":"2022-07-21T08:25:49.059Z","1.2207221643.0":"2022-07-23T08:25:46.231Z","1.2207261725.0":"2022-07-27T08:25:51.345Z","1.2207281718.0":"2022-07-29T08:28:43.478Z","1.2208021808.0":"2022-08-03T08:26:31.041Z","1.2208042017.0":"2022-08-05T08:28:01.035Z","1.2208051912.0":"2022-08-06T08:27:47.944Z","1.2208081650.0":"2022-08-09T08:26:50.454Z","1.2208092047.0":"2022-08-10T08:27:34.103Z","1.2207281718.1":"2022-08-10T16:56:42.297Z","1.2207281718.2":"2022-08-10T18:15:17.347Z","1.2208112015.0":"2022-08-12T08:27:14.096Z","1.2208121708.0":"2022-08-13T08:26:11.314Z","1.2208051912.1":"2022-08-16T23:05:05.740Z","1.2208172101.0":"2022-08-24T20:55:20.324Z","1.2208242209.0":"2022-08-25T08:26:15.292Z","1.2209072154.0":"2022-09-08T08:24:22.860Z","1.2209131909.0":"2022-09-14T08:44:14.066Z","1.2208242209.1":"2022-09-15T16:42:24.802Z","1.2209142312.0":"2022-09-20T22:06:54.575Z","1.2210010655.0":"2022-10-04T16:49:11.671Z","1.2210041838.0":"2022-10-05T08:29:22.242Z","1.2210052034.0":"2022-10-06T08:25:03.309Z","1.2210071758.0":"2022-10-08T08:25:13.650Z","1.2210112333.0":"2022-10-12T08:24:48.376Z","1.2210142102.0":"2022-10-15T08:23:46.098Z","1.2210172057.0":"2022-10-18T08:27:42.725Z","1.2210191347.0":"2022-10-20T08:24:48.861Z","1.2210211855.0":"2022-10-22T08:23:09.876Z","1.2210251605.0":"2022-10-26T08:27:27.217Z","1.2210272257.0":"2022-10-28T08:26:11.972Z","1.2211042305.0":"2022-11-05T08:24:44.326Z","1.2211060024.0":"2022-11-08T08:25:04.028Z","1.2211111611.0":"2022-11-12T08:24:13.524Z","1.2211151402.0":"2022-11-16T18:36:23.567Z","1.2211182146.0":"2022-11-19T08:25:18.709Z","1.2211250451.0":"2022-11-25T08:24:28.292Z","1.2211302304.0":"2022-12-01T08:24:21.213Z","1.2212071834.0":"2022-12-07T19:37:21.268Z","1.2212092023.0":"2022-12-10T08:24:44.229Z","1.2211302304.1":"2022-12-13T21:52:38.427Z","1.2212151632.0":"2022-12-20T15:52:36.243Z","1.2212151632.1":"2022-12-20T20:09:33.719Z","1.2211302304.2":"2022-12-20T22:31:56.275Z","1.2212151632.2":"2023-01-03T18:11:29.755Z","1.2301031703.0":"2023-01-03T20:29:26.498Z","1.2301032153.0":"2023-01-04T08:26:32.866Z","1.2301041800.0":"2023-01-05T08:25:22.763Z","1.2301100345.0":"2023-01-10T08:25:29.593Z","1.2301112346.0":"2023-01-12T08:26:54.916Z","1.2301181928.0":"2023-01-19T08:26:15.943Z","1.2301261900.0":"2023-01-27T08:26:42.758Z","1.2301301810.0":"2023-01-31T08:25:53.427Z","1.2302012254.0":"2023-02-02T08:24:37.391Z","1.2302021743.0":"2023-02-03T08:26:27.583Z","1.2302031721.0":"2023-02-04T08:24:49.884Z","1.2302171719.0":"2023-02-18T08:22:58.806Z","1.2302271541.0":"2023-02-28T17:24:11.019Z","1.2303151529.0":"2023-03-15T16:26:32.060Z","1.2303151621.0":"2023-03-22T08:25:12.489Z","1.2303231800.0":"2023-03-29T09:54:57.061Z","1.2304040531.0":"2023-04-04T08:25:06.177Z","1.2304062309.0":"2023-04-07T08:24:13.056Z","1.2304122229.0":"2023-04-13T08:25:03.649Z","1.2304132133.0":"2023-04-14T08:25:25.253Z","1.2304212144.0":"2023-04-22T08:26:20.040Z","1.2304241924.0":"2023-04-25T08:26:12.306Z","1.2304262219.0":"2023-04-27T08:27:10.323Z","1.2305022024.0":"2023-05-03T08:26:44.541Z","1.2305051745.0":"2023-05-06T08:24:44.108Z","1.2305152039.0":"2023-05-16T08:26:25.833Z","1.2305182038.0":"2023-05-19T08:27:25.490Z","1.2305221508.0":"2023-05-23T08:25:41.269Z","1.2305051745.1":"2023-05-23T23:03:30.310Z","1.2305232041.0":"2023-05-24T08:26:37.931Z","1.2305241828.0":"2023-05-25T08:26:57.323Z"},"maintainers":[{"name":"bentoprojectbot","email":"bentobot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"description":"Creates an iframe and displays a GitHub Gist.","homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-gist/1.0","repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-gist/1.0"},"author":{"name":"Bento Authors"},"bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"license":"Apache-2.0","readme":"","readmeFilename":""}