From f409d7455967233f26b2e792d03729f425d78ca1 Mon Sep 17 00:00:00 2001 From: David Jerleke Date: Tue, 23 Jan 2024 16:30:50 +0100 Subject: [PATCH 1/5] Build docs for v8.0.0-rc20. --- README.md | 4 + docs/404.html | 130 ++-- docs/404/index.html | 130 ++-- ...721fca69c239d75f0-1e61ca8bdefd11ef7d33.js} | 4 +- ...ca69c239d75f0-1e61ca8bdefd11ef7d33.js.map} | 2 +- docs/_gatsby/slices/_gatsby-scripts-1.html | 4 +- docs/api/events/index.html | 184 ++--- docs/api/index.html | 162 ++--- docs/api/methods/index.html | 178 ++--- docs/api/options/index.html | 184 ++--- docs/api/plugins/index.html | 225 +++--- docs/app-889a1d3f77eaa0fb985f.js | 3 + ...> app-889a1d3f77eaa0fb985f.js.LICENSE.txt} | 0 docs/app-889a1d3f77eaa0fb985f.js.map | 1 + docs/app-eccab51937b68ba7b929.js | 3 - docs/app-eccab51937b68ba7b929.js.map | 1 - docs/chunk-map.json | 2 +- docs/commons-75233f749cd2660a060e.js | 3 - docs/commons-75233f749cd2660a060e.js.map | 1 - docs/commons-e5374865c6bd8364afde.js | 3 + ...mmons-e5374865c6bd8364afde.js.LICENSE.txt} | 0 docs/commons-e5374865c6bd8364afde.js.map | 1 + ...ges-api-events-mdx-6d17683a172f8c40c602.js | 2 + ...api-events-mdx-6d17683a172f8c40c602.js.map | 1 + ...ges-api-events-mdx-c897d0f97955f12b6ab5.js | 2 - ...api-events-mdx-c897d0f97955f12b6ab5.js.map | 1 - ...ges-api-index-mdx-2628f6943524a15989f7.js} | 4 +- ...api-index-mdx-2628f6943524a15989f7.js.map} | 2 +- ...es-api-methods-mdx-1754b08e931158a142d6.js | 2 - ...pi-methods-mdx-1754b08e931158a142d6.js.map | 1 - ...es-api-methods-mdx-857f32b7ad3ed000bf43.js | 2 + ...pi-methods-mdx-857f32b7ad3ed000bf43.js.map | 1 + ...es-api-options-mdx-b09c8ff151e390018aad.js | 2 + ...pi-options-mdx-b09c8ff151e390018aad.js.map | 1 + ...es-api-options-mdx-eb429842a02acff3d2ea.js | 2 - ...pi-options-mdx-eb429842a02acff3d2ea.js.map | 1 - ...es-api-plugins-mdx-9b3ea037e21b570ad7ad.js | 2 - ...pi-plugins-mdx-9b3ea037e21b570ad7ad.js.map | 1 - ...es-api-plugins-mdx-dd23ef63192422194f22.js | 2 + ...pi-plugins-mdx-dd23ef63192422194f22.js.map | 1 + ...xamples-index-mdx-4273eb1f8344d3a09b64.js} | 4 +- ...les-index-mdx-4273eb1f8344d3a09b64.js.map} | 2 +- ...es-predefined-mdx-73b82fa3aca2e37dca98.js} | 4 +- ...redefined-mdx-73b82fa3aca2e37dca98.js.map} | 2 +- ...t-started-cdn-mdx-b6b4c88796fac921ebda.js} | 4 +- ...arted-cdn-mdx-b6b4c88796fac921ebda.js.map} | 2 +- ...started-index-mdx-239be449334a10f139fa.js} | 4 +- ...ted-index-mdx-239be449334a10f139fa.js.map} | 2 +- ...started-module-mdx-3885037a53fdf62430dd.js | 2 + ...ted-module-mdx-3885037a53fdf62430dd.js.map | 1 + ...started-module-mdx-f7512fddaafa36f136c0.js | 2 - ...ted-module-mdx-f7512fddaafa36f136c0.js.map | 1 - ...-started-react-mdx-aae240c797f0373b3d3f.js | 2 + ...rted-react-mdx-aae240c797f0373b3d3f.js.map | 1 + ...-started-react-mdx-fc3761b31e2afe529024.js | 2 - ...rted-react-mdx-fc3761b31e2afe529024.js.map | 1 - ...-started-solid-mdx-29b094ab5b9a00cff3d5.js | 2 + ...rted-solid-mdx-29b094ab5b9a00cff3d5.js.map | 1 + ...-started-solid-mdx-8ad052b15b938917bf10.js | 2 - ...rted-solid-mdx-8ad052b15b938917bf10.js.map | 1 - ...started-svelte-mdx-10a579472c07225a3d68.js | 2 + ...ted-svelte-mdx-10a579472c07225a3d68.js.map | 1 + ...started-svelte-mdx-872e3faae2d662f0401b.js | 2 - ...ted-svelte-mdx-872e3faae2d662f0401b.js.map | 1 - ...et-started-vue-mdx-5b192209eea0651322b2.js | 2 + ...tarted-vue-mdx-5b192209eea0651322b2.js.map | 1 + ...et-started-vue-mdx-ec75dfa7c4a435343777.js | 2 - ...tarted-vue-mdx-ec75dfa7c4a435343777.js.map | 1 - ...es-breakpoints-md-9da576aaa1c640f3cddd.js} | 4 +- ...reakpoints-md-9da576aaa1c640f3cddd.js.map} | 2 +- ...-guides-index-mdx-463647a567c05477466f.js} | 4 +- ...des-index-mdx-463647a567c05477466f.js.map} | 2 +- ...nd-next-buttons-md-03daaee65bc3f7e74dc4.js | 2 + ...ext-buttons-md-03daaee65bc3f7e74dc4.js.map | 1 + ...nd-next-buttons-md-f1afa22573fd2ef0f260.js | 2 - ...ext-buttons-md-f1afa22573fd2ef0f260.js.map | 1 - ...lide-container-md-c2ffacc09fa486638fc0.js} | 4 +- ...-container-md-c2ffacc09fa486638fc0.js.map} | 2 +- ...des-slide-gaps-md-ffeb1aa91c7b16bfe458.js} | 4 +- ...slide-gaps-md-ffeb1aa91c7b16bfe458.js.map} | 2 +- ...es-slide-sizes-md-9b085852c83dc426d519.js} | 4 +- ...lide-sizes-md-9b085852c83dc426d519.js.map} | 2 +- ...ns-auto-height-mdx-b8444946c56074ffbbe7.js | 2 + ...uto-height-mdx-b8444946c56074ffbbe7.js.map | 1 + ...ns-auto-height-mdx-f3a9ac8fb7f6eabc209c.js | 2 - ...uto-height-mdx-f3a9ac8fb7f6eabc209c.js.map | 1 - ...ns-auto-scroll-mdx-2f6f6dd6d96409826bba.js | 2 - ...uto-scroll-mdx-2f6f6dd6d96409826bba.js.map | 1 - ...ugins-autoplay-mdx-92ca01836bd8a697c1ad.js | 2 - ...s-autoplay-mdx-92ca01836bd8a697c1ad.js.map | 1 - ...ugins-autoplay-mdx-99f7b1851d69dc3d71cb.js | 2 + ...s-autoplay-mdx-99f7b1851d69dc3d71cb.js.map | 1 + ...ns-class-names-mdx-36c10dcd31d361ed8395.js | 2 - ...lass-names-mdx-36c10dcd31d361ed8395.js.map | 1 - ...ns-class-names-mdx-3c5b02e58b2c5ada011e.js | 2 + ...lass-names-mdx-3c5b02e58b2c5ada011e.js.map | 1 + ...plugins-index-mdx-888fcf1e485818ccb686.js} | 4 +- ...ins-index-mdx-888fcf1e485818ccb686.js.map} | 2 +- ...wheel-gestures-mdx-431bcc80af8817335822.js | 2 - ...l-gestures-mdx-431bcc80af8817335822.js.map | 1 - ...wheel-gestures-mdx-bb0b42816820049c0733.js | 2 + ...l-gestures-mdx-bb0b42816820049c0733.js.map | 1 + ...les-generator-mdx-de17aa4acc7146967ddf.js} | 4 +- ...generator-mdx-de17aa4acc7146967ddf.js.map} | 2 +- ...nt-pages-index-md-7103e381e750747c83d3.js} | 4 +- ...ages-index-md-7103e381e750747c83d3.js.map} | 2 +- docs/examples/generator/index.html | 162 ++--- docs/examples/index.html | 162 ++--- docs/examples/predefined/index.html | 162 ++--- docs/get-started/cdn/index.html | 162 ++--- docs/get-started/index.html | 162 ++--- docs/get-started/module/index.html | 166 ++--- docs/get-started/react/index.html | 166 ++--- docs/get-started/solid/index.html | 166 ++--- docs/get-started/svelte/index.html | 166 ++--- docs/get-started/vue/index.html | 166 ++--- docs/guides/breakpoints/index.html | 162 ++--- docs/guides/index.html | 162 ++--- .../previous-and-next-buttons/index.html | 164 ++--- docs/guides/slide-container/index.html | 162 ++--- docs/guides/slide-gaps/index.html | 162 ++--- docs/guides/slide-sizes/index.html | 162 ++--- docs/index.html | 182 ++--- docs/page-data/api/plugins/page-data.json | 2 +- docs/page-data/app-data.json | 2 +- docs/page-data/examples/page-data.json | 2 +- .../plugins/auto-height/page-data.json | 2 +- .../plugins/auto-scroll/page-data.json | 1 - .../page-data/plugins/autoplay/page-data.json | 2 +- .../plugins/class-names/page-data.json | 2 +- .../plugins/wheel-gestures/page-data.json | 2 +- docs/page-data/sq/d/388772440.json | 2 +- docs/page-data/sq/d/4025401718.json | 2 +- docs/plugins/auto-height/index.html | 197 +++--- docs/plugins/auto-scroll/index.html | 650 ------------------ docs/plugins/autoplay/index.html | 195 +++--- docs/plugins/class-names/index.html | 182 ++--- docs/plugins/index.html | 164 ++--- docs/plugins/wheel-gestures/index.html | 176 ++--- docs/sitemap-0.xml | 2 +- docs/webpack-runtime-57b6a64910ee2564f21c.js | 2 - ...ebpack-runtime-57b6a64910ee2564f21c.js.map | 1 - docs/webpack-runtime-e07fea7754c5156d5180.js | 2 + ...ebpack-runtime-e07fea7754c5156d5180.js.map | 1 + docs/webpack.stats.json | 2 +- packages/embla-carousel-auto-height/README.md | 4 + packages/embla-carousel-autoplay/README.md | 4 + packages/embla-carousel-class-names/README.md | 4 + packages/embla-carousel-docs/README.md | 4 + packages/embla-carousel-react/README.md | 4 + .../embla-carousel-reactive-utils/README.md | 4 + packages/embla-carousel-solid/README.md | 4 + packages/embla-carousel-svelte/README.md | 4 + packages/embla-carousel-vue/README.md | 4 + packages/embla-carousel/README.md | 4 + 155 files changed, 2613 insertions(+), 3206 deletions(-) rename docs/{8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js => 8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js} (99%) rename docs/{8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js.map => 8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js.map} (99%) create mode 100644 docs/app-889a1d3f77eaa0fb985f.js rename docs/{app-eccab51937b68ba7b929.js.LICENSE.txt => app-889a1d3f77eaa0fb985f.js.LICENSE.txt} (100%) create mode 100644 docs/app-889a1d3f77eaa0fb985f.js.map delete mode 100644 docs/app-eccab51937b68ba7b929.js delete mode 100644 docs/app-eccab51937b68ba7b929.js.map delete mode 100644 docs/commons-75233f749cd2660a060e.js delete mode 100644 docs/commons-75233f749cd2660a060e.js.map create mode 100644 docs/commons-e5374865c6bd8364afde.js rename docs/{commons-75233f749cd2660a060e.js.LICENSE.txt => commons-e5374865c6bd8364afde.js.LICENSE.txt} (100%) create mode 100644 docs/commons-e5374865c6bd8364afde.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js.map rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js} (97%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js.map} (99%) delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js.map rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js} (97%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js.map} (99%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js} (99%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js.map} (99%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js} (98%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js.map} (99%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js} (97%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js.map} (99%) create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js.map rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js} (98%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js.map} (99%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js} (97%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js.map} (99%) create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js.map rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js} (98%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js.map} (99%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js} (98%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js.map} (99%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js} (98%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js.map} (99%) create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js.map delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js.map rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js} (97%) rename docs/{component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js.map => component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js.map} (99%) delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js delete mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js.map create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js create mode 100644 docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js.map rename docs/{component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js => component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js} (99%) rename docs/{component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js.map => component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js.map} (99%) rename docs/{component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js => component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js} (97%) rename docs/{component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js.map => component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js.map} (99%) delete mode 100644 docs/page-data/plugins/auto-scroll/page-data.json delete mode 100644 docs/plugins/auto-scroll/index.html delete mode 100644 docs/webpack-runtime-57b6a64910ee2564f21c.js delete mode 100644 docs/webpack-runtime-57b6a64910ee2564f21c.js.map create mode 100644 docs/webpack-runtime-e07fea7754c5156d5180.js create mode 100644 docs/webpack-runtime-e07fea7754c5156d5180.js.map diff --git a/README.md b/README.md index b1d118cc1..a1f151a82 100644 --- a/README.md +++ b/README.md @@ -117,6 +117,8 @@ + + @@ -125,6 +127,8 @@ + + diff --git a/docs/404.html b/docs/404.html index 8ae4e5677..438165332 100644 --- a/docs/404.html +++ b/docs/404.html @@ -33,67 +33,67 @@ data-styled.g23[id="PageFrame__PageFrameWrapper-sc-1wyjdd4-0"]{content:"krzpp,"}/*!sc*/ .eDiZgh{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:500;}/*!sc*/ data-styled.g29[id="LinkContent__LinkContentWrapper-sc-1wcim9r-0"]{content:"eDiZgh,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -102,7 +102,7 @@ data-styled.g97[id="H1__Decoration-sc-1ov938g-2"]{content:"cIXhem,"}/*!sc*/ .czdSIm{text-align:center;}/*!sc*/ .czdSIm:before{content:'';display:block;height:10vw;max-height:100px;}/*!sc*/ -data-styled.g117[id="sc-404__PageNotFoundWrapper-sc-8mtezr-0"]{content:"czdSIm,"}/*!sc*/ +data-styled.g106[id="sc-404__PageNotFoundWrapper-sc-8mtezr-0"]{content:"czdSIm,"}/*!sc*/

Page not found

+) format('woff2');}}
- \ No newline at end of file + \ No newline at end of file diff --git a/docs/404/index.html b/docs/404/index.html index 13193e469..d678bc60b 100644 --- a/docs/404/index.html +++ b/docs/404/index.html @@ -33,67 +33,67 @@ data-styled.g23[id="PageFrame__PageFrameWrapper-sc-1wyjdd4-0"]{content:"krzpp,"}/*!sc*/ .eDiZgh{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:500;}/*!sc*/ data-styled.g29[id="LinkContent__LinkContentWrapper-sc-1wcim9r-0"]{content:"eDiZgh,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -102,7 +102,7 @@ data-styled.g97[id="H1__Decoration-sc-1ov938g-2"]{content:"cIXhem,"}/*!sc*/ .czdSIm{text-align:center;}/*!sc*/ .czdSIm:before{content:'';display:block;height:10vw;max-height:100px;}/*!sc*/ -data-styled.g117[id="sc-404__PageNotFoundWrapper-sc-8mtezr-0"]{content:"czdSIm,"}/*!sc*/ +data-styled.g106[id="sc-404__PageNotFoundWrapper-sc-8mtezr-0"]{content:"czdSIm,"}/*!sc*/

Page not found

+) format('woff2');}}
- \ No newline at end of file + \ No newline at end of file diff --git a/docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js b/docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js similarity index 99% rename from docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js rename to docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js index dfc68403b..88eb3b70e 100644 --- a/docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js +++ b/docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js @@ -1,2 +1,2 @@ -(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[5295],{8945:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(6954);t.getParameters=function(e){return t=JSON.stringify(e),r.compressToBase64(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"");var t}},3302:function(e,t,n){"use strict";t.Z=void 0;var r=n(8945);t.Z=r.getParameters},5108:function(e){e.exports={bracketSpacing:!0,printWidth:80,semi:!1,singleQuote:!0,trailingComma:"none",tabWidth:2,useTabs:!1}},5153:function(e,t,n){"use strict";n.d(t,{$2:function(){return d},FT:function(){return y},LW:function(){return u},U6:function(){return x},b5:function(){return p},eC:function(){return _},jY:function(){return m},qn:function(){return l},tc:function(){return h},yX:function(){return f}});var r=n(1508),i=n(1195),o=n(2717),a=n(3792),s=n(2715),c=n(9939);const l="19rem",u="9rem",d="0.8rem",p="22.2rem",f="1rem",m="1.6rem",_=s.X.BOX,g=(0,i.css)(["position:relative;","{border-radius:",";}&:after{z-index:",";content:'';pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;","{border:"," solid ",";}","{border-top:"," solid ",";border-bottom:"," solid ",";}}"],o.iD.MIN_XS,_,c.k.STEP,o.iD.MIN_XS,s.x.DETAIL,a.DM.DETAIL_LOW_CONTRAST,o.iD.MAX_XS,s.x.DETAIL,a.DM.DETAIL_LOW_CONTRAST,s.x.DETAIL,a.DM.DETAIL_LOW_CONTRAST),b=(0,i.css)(["",";",";background-color:",";"],r.n,g,a.DM.BACKGROUND_CODE),h=(0,i.css)(["",";height:calc("," + "," * 2);"],b,l,m),x=(0,i.css)(["",";height:calc( "," + "," + "," + "," * 2 );"],b,l,u,d,m),y=(0,i.css)(["",";",";height:",";background-color:",";padding-left:",";padding-right:",";touch-action:none;"],r.n,g,p,a.DM.BACKGROUND_CODE,m,m)},149:function(e,t,n){"use strict";n.d(t,{GW:function(){return D},Wd:function(){return A},el:function(){return L},ep:function(){return C},f2:function(){return _},gt:function(){return M},jQ:function(){return I},jZ:function(){return k},k2:function(){return R},mz:function(){return O},s7:function(){return B},xf:function(){return g},zg:function(){return N}});var r=n(1195),i=n(9939),o=n(3792),a=n(2715),s=n(2717),c=n(727),l=n(2829),u=n(6732),d=n(4097),p=n(5153);const f=(0,r.css)([".embla{--slide-spacing:__replace_axis_spacing_amount__;--slide-size:__replace_slide_size__;--slide-height:",";padding:",";}.embla__viewport{overflow:hidden;}.embla__container{backface-visibility:hidden;display:flex;touch-action:__replace-axis-touch_action__;margin-__replace_axis_spacing__:calc(var(--slide-spacing) * -1);__replace_axis_height__ __replace_axis_flex__}.embla__slide{flex:0 0 var(--slide-size);min-__replace-axis-size__:0;padding-__replace_axis_spacing__:var(--slide-spacing);position:relative;}.embla__slide__img{display:block;height:__replace_image_height__;width:100%;object-fit:cover;}.embla__slide__number{"," z-index:",";position:absolute;top:__replace_axis_slide_number_spacing__;right:0.6rem;border-radius:",";background-color:rgba(",",0.85);line-height:4.6rem;font-weight:",";text-align:center;pointer-events:none;}.embla__slide__number > span{"," font-size:1.6rem;display:block;position:absolute;top:0;left:0;right:0;bottom:0;}"],p.qn,p.jY,(0,l.x)("4.6rem"),i.k.STEP,a.X.CIRCLE,o.DM.BACKGROUND_SITE_RGB_VALUE,c.X.BLACK,d.V),m=(0,r.css)([".embla__slide:nth-child(1){flex:0 0 60%;}.embla__slide:nth-child(2){flex:0 0 40%;}.embla__slide:nth-child(3){flex:0 0 30%;}.embla__slide:nth-child(4){flex:0 0 90%;}.embla__slide:nth-child(5){flex:0 0 35%;}.embla__slide:nth-child(6){flex:0 0 55%;}.embla__slide:nth-child(7){flex:0 0 85%;}.embla__slide:nth-child(8){flex:0 0 46%;}.embla__slide:nth-child(9){flex:0 0 30%;}"]),_=(0,r.css)([".embla__button{-webkit-appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;}.embla__buttons{display:flex;align-items:center;position:absolute;top:50%;transform:translateY(-50%);left:__replace_axis_arrows_position__;__replace_axis_arrows__}.embla__button{z-index:",";color:",";display:flex;align-items:center;justify-content:center;cursor:pointer;","}.embla__button:disabled{opacity:0.3;}.embla__button__svg{","}"],i.k.STEP,o.DM.BACKGROUND_SITE,(0,l.x)("4rem"),(0,l.x)("65%")),g=(0,r.css)([".embla__dot{-webkit-appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;}.embla__dots{z-index:",";bottom:",";position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;}.embla__dot{"," display:flex;align-items:center;margin-right:0.75rem;margin-left:0.75rem;}.embla__dot:after{background:",";border-radius:",";width:100%;height:0.3rem;content:'';}.embla__dot--selected:after{background:",";}"],i.k.STEP,p.jY,(0,l.x)("2.4rem"),o.DM.BACKGROUND_SITE,a.X.LINE,"linear-gradient(45deg, "+o.DM.BRAND_PRIMARY+", "+o.DM.BRAND_SECONDARY+")"),b=(0,r.css)([""," ",""],_,g),h=(0,r.css)([".embla-thumbs{--thumbs-slide-spacing:",";--thumbs-slide-height:",";margin-top:var(--thumbs-slide-spacing);}.embla-thumbs__viewport{overflow:hidden;}.embla-thumbs__container{display:flex;flex-direction:row;margin-left:calc(var(--thumbs-slide-spacing) * -1);}.embla-thumbs__slide{flex:0 0 28%;min-__replace-axis-size__:0;padding-left:var(--thumbs-slide-spacing);position:relative;}","{.embla-thumbs__slide{flex:0 0 18%;}}.embla-thumbs__slide__button{-webkit-appearance:none;background-color:transparent;touch-action:manipulation;display:block;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:100%;opacity:0.2;transition:opacity 0.2s;}.embla-thumbs__slide--selected .embla-thumbs__slide__button{opacity:1;}.embla-thumbs__slide__img{display:block;height:var(--thumbs-slide-height);width:100%;object-fit:cover;}.embla-thumbs__slide__number{"," z-index:",";position:absolute;top:0.3rem;right:0.3rem;border-radius:",";background-color:rgba(",",0.85);line-height:3rem;font-weight:",";text-align:center;pointer-events:none;}.embla-thumbs__slide__number > span{"," font-size:1.4rem;display:block;position:absolute;top:0;left:0;right:0;bottom:0;}"],p.$2,p.LW,s.iD.MIN_XS,(0,l.x)("3rem"),i.k.STEP,a.X.CIRCLE,o.DM.BACKGROUND_SITE_RGB_VALUE,c.X.BLACK,d.V),x=(0,r.css)([".embla__progress{z-index:",";background-color:",";position:absolute;height:0.3rem;border-radius:",";left:0;right:0;bottom:2.6rem;margin-left:auto;margin-right:auto;pointer-events:none;width:21rem;max-width:90%;overflow:hidden;}.embla__progress__bar{"," position:absolute;width:100%;top:0;bottom:0;left:-100%;}"],i.k.STEP,o.DM.BACKGROUND_SITE,a.X.LINE,d.o),y=(0,r.css)([".embla__parallax{height:100%;overflow:hidden;}.embla__parallax__layer{position:relative;height:100%;width:100%;}.embla__parallax__img{max-width:none;width:calc(100% + (var(--slide-spacing) * 2));margin-left:calc(var(--slide-spacing) * -1);}"]),v=(0,r.css)([".embla__scale{height:100%;position:relative;backface-visibility:hidden;}"]),E=(0,r.css)([".embla__lazy-load{position:relative;height:100%;}.embla__lazy-load__spinner{border:"," solid rgba(",",0.2);border-left:"," solid ",";font-size:1rem;display:inline-flex;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;text-indent:-9999em;animation:loading 1.1s infinite linear;border-radius:",";","}.embla__lazy-load__spinner:after{border-radius:inherit;","}.embla__lazy-load__img{opacity:0;transition:opacity 0.2s ease-in-out;}.embla__lazy-load--has-loaded .embla__lazy-load__img{opacity:1;}@keyframes loading{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"],a.x.ACCENT_VERTICAL,o.DM.TEXT_HIGH_CONTRAST_RGB_VALUE,a.x.ACCENT_VERTICAL,o.DM.TEXT_HIGH_CONTRAST,a.X.CIRCLE,(0,l.x)("5rem"),(0,l.x)("5rem")),w=(0,r.css)([".embla__class-names{transition:opacity 0.2s ease-in-out;}.embla__class-names:not(.is-snapped){opacity:0.16;}"]),S=(0,r.css)([".embla-infinite-scroll{position:relative;flex:0 0 15rem;min-__replace-axis-size__:0;height:var(--slide-height);display:flex;align-items:center;justify-content:center;}.embla-infinite-scroll__spinner{display:none;border:"," solid rgba(",",0.2);border-left:"," solid ",";font-size:1rem;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;text-indent:-9999em;animation:loading 1.1s infinite linear;border-radius:",";","}.embla-infinite-scroll__spinner:after{border-radius:inherit;","}.embla-infinite-scroll--loading-more > .embla-infinite-scroll__spinner{display:inline-flex;}@keyframes loading{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"],a.x.ACCENT_VERTICAL,o.DM.TEXT_HIGH_CONTRAST_RGB_VALUE,a.x.ACCENT_VERTICAL,o.DM.TEXT_HIGH_CONTRAST,a.X.CIRCLE,(0,l.x)("5rem"),(0,l.x)("5rem")),T=(0,r.css)([".embla{position:relative;display:flex;width:100%;height:",";max-width:30rem;margin-left:auto;margin-right:auto;}.embla:before,.embla:after{position:absolute;left:0;right:0;content:'';display:block;height:calc(50% - 32px / 2);z-index:",";pointer-events:none;}.embla:before{top:-0.5px;border-bottom:0.5px solid rgba(",",0.3);background:linear-gradient( to top,rgba(",",0.65) 0%,rgba(",",1) 100% );}.embla:after{bottom:-0.5px;border-top:0.5px solid rgba(",",0.3);background:linear-gradient( to bottom,rgba(",",0.65) 0%,rgba(",",1) 100% );}.embla__ios-picker{height:100%;display:flex;align-items:center;min-width:50%;justify-content:center;line-height:1;font-size:1.8rem;}.embla__ios-picker__scene{min-width:100%;height:100%;overflow:hidden;display:flex;align-items:center;touch-action:pan-x;}.embla__ios-picker__viewport{height:32px;width:100%;position:relative;perspective:1000px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;}.embla__ios-picker__viewport--perspective-left{perspective-origin:calc(50% + 130px) 50%;transform:translateX(27px);}.embla__ios-picker__viewport--perspective-right{perspective-origin:calc(50% - 130px) 50%;transform:translateX(-27px);}.embla__ios-picker__container{height:100%;width:100%;position:absolute;transform-style:preserve-3d;will-change:transform;}.embla__ios-picker__slide{position:absolute;top:0 !important;left:0 !important;width:100%;height:100%;font-size:19px;text-align:center;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;opacity:0;}.embla__ios-picker__label{font-weight:",";transform:translateX(-55px);pointer-events:none;}"],p.b5,i.k.STEP,o.DM.TEXT_HIGH_CONTRAST_RGB_VALUE,o.DM.BACKGROUND_CODE_RGB_VALUE,o.DM.BACKGROUND_CODE_RGB_VALUE,o.DM.TEXT_HIGH_CONTRAST_RGB_VALUE,o.DM.BACKGROUND_CODE_RGB_VALUE,o.DM.BACKGROUND_CODE_RGB_VALUE,c.X.BOLD),C=function(e,t,n,r){void 0===e&&(e="100%"),void 0===t&&(t=p.yX),void 0===n&&(n="x"),void 0===r&&(r=[]);const i="x"===n,o=i?"":"flex-direction: column;",a=i?"left":"top",s="pan-"+(i?"y":"x"),c=i?"width":"height",l=i?"var(--slide-height)":"100%",d=i?"1.6rem":"2.4rem",m=i?"":"height: calc(var(--slide-spacing) + var(--slide-height));",_=i?"0.6rem":"calc(var(--slide-spacing) + 0.6rem)";return((0,u.J)(f)+("string"==typeof r?r:(0,u.J)(r))).replace(/__replace_axis_flex__/gi,o).replace(/__replace-axis-size__/gi,c).replace(/__replace_axis_arrows_position__/gi,d).replace(/__replace_axis_arrows__/gi,o).replace(/__replace-axis-touch_action__/gi,s).replace(/__replace_axis_spacing__/gi,a).replace(/__replace_axis_spacing_amount__/gi,t).replace(/__replace_axis_height__/gi,m).replace(/__replace_image_height__/gi,l).replace(/__replace_axis_slide_number_spacing__/gi,_).replace(/__replace_slide_size__/gi,e)},A=(e,t,n)=>C(e,t,n,m),O=(e,t,n)=>C(e,t,n,b),I=(e,t,n)=>C(e,t,n,h),D=(e,t,n)=>C(e,t,n,x),N=(e,t,n)=>C(e,t,n,y),L=(e,t,n)=>C(e,t,n,v),k=(e,t,n)=>C(e,t,n,w),R=(e,t,n)=>C(e,t,n,E),M=(e,t,n)=>C(e,t,n,S),B=()=>(0,u.J)(T)},3977:function(e,t,n){"use strict";n.d(t,{R:function(){return a},m:function(){return o}});var r=n(9591),i=n(7843);const o=(0,r.o)("radio"),a=(0,i.Y)("radio")},7843:function(e,t,n){"use strict";n.d(t,{Y:function(){return x}});var r=n(2784),i=n(1195),o=n(2693),a=n(5807),s=n(2829),c=n(3471),l=n(4097),u=n(2715),d=n(6849),p=n(9939),f=n(3792),m=n(9322);const _=i.default.label.withConfig({displayName:"createRadioOrCheckboxCard__RadioOrCheckboxCardWrapper",componentId:"sc-10bqvgs-0"})(["",";",";display:flex;align-items:center;justify-content:center;position:relative;height:100%;"],d.C,o.l),g=i.default.span.withConfig({displayName:"createRadioOrCheckboxCard__LabelContent",componentId:"sc-10bqvgs-1"})(["z-index:",";position:relative;display:block;width:100%;cursor:pointer;"],p.k.STEP),b=i.default.span.withConfig({displayName:"createRadioOrCheckboxCard__Highlight",componentId:"sc-10bqvgs-2"})(["",";top:-",";left:-",";bottom:-",";right:-",";display:block;position:absolute;border-radius:inherit;pointer-events:none;visibility:hidden;&:after{background-color:",";border-radius:inherit;position:absolute;top:",";left:",";bottom:",";right:",";content:'';}"],l.o,u.x.DETAIL,u.x.DETAIL,u.x.DETAIL,u.x.DETAIL,f.DM.BACKGROUND_CODE,u.x.OUTLINE,u.x.OUTLINE,u.x.OUTLINE,u.x.OUTLINE),h=i.default.input.withConfig({displayName:"createRadioOrCheckboxCard__Input",componentId:"sc-10bqvgs-3"})(["",";",";position:absolute;border-radius:",";top:0;left:0;",";appearance:none;-webkit-appearance:none;border:0;background-color:transparent;pointer-events:none;&:after{display:block;content:'';position:absolute;top:0;left:0;",";}&:checked + ","{visibility:visible;}&[disabled] + "," + ","{cursor:not-allowed;}&[disabled]:checked + ","{background-image:none;background-color:",";}"],d.C,m.J,u.X.CARD,(0,s.x)("100%"),(0,s.x)("100%"),b,b,g,b,f.DM.DETAIL_HIGH_CONTRAST),x=e=>{const t=(0,c.g)("input-"+e+"-card"),n=t=>{const{children:n,...i}=t,{isKeyNavigating:o}=(0,a.t)();return r.createElement(_,{htmlFor:i.id},r.createElement(h,Object.assign({type:e,$isKeyNavigating:o},i)),r.createElement(b,null),r.createElement(g,null,n))};return n.displayName=t,n}},9591:function(e,t,n){"use strict";n.d(t,{o:function(){return E}});var r=n(2784),i=n(1195),o=n(3792),a=n(127),s=n(5807),c=n(2829),l=n(2715),u=n(4097),d=n(3471),p=n(6849),f=n(9322);const m="2.5rem",_=i.default.span.withConfig({displayName:"createRadioOrCheckboxDefault__RadioOrCheckboxDefaultWrapper",componentId:"sc-1f4htb9-0"})(["display:flex;align-items:flex-start;flex-wrap:wrap;"]),g=i.default.span.withConfig({displayName:"createRadioOrCheckboxDefault__InputWrapper",componentId:"sc-1f4htb9-1"})(["flex:0 0 ",";position:relative;min-width:0;"],m),b=i.default.span.withConfig({displayName:"createRadioOrCheckboxDefault__InputLineHeight",componentId:"sc-1f4htb9-2"})(["color:",";width:",";display:inline-block;line-height:inherit;"],o.DM.BACKGROUND_SITE,m),h=i.default.input.withConfig({displayName:"createRadioOrCheckboxDefault__Input",componentId:"sc-1f4htb9-3"})(["",";",";",";appearance:none;-webkit-appearance:none;position:absolute;top:50%;left:0;top:50%;transform:translateY(-50%);background-color:",";cursor:pointer;&:before,&:after{display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}&:before{",";background-color:",";}&:after{",";}&:checked{&:after{",";}}&[disabled]{cursor:not-allowed;}&[disabled]:checked{&:after{background-image:none;background-color:",";}}"],(0,c.x)(m),p.C,f.J,o.DM.DETAIL_MEDIUM_CONTRAST,(0,c.x)("2rem"),o.DM.BACKGROUND_CODE,(0,c.x)("1.2rem"),u.o,o.DM.DETAIL_HIGH_CONTRAST),x=(0,i.default)(h).withConfig({displayName:"createRadioOrCheckboxDefault__InputRadio",componentId:"sc-1f4htb9-4"})(["border-radius:",";&:before{border-radius:",";}&:after{border-radius:",";}"],l.X.CIRCLE,l.X.CIRCLE,l.X.CIRCLE),y=(0,i.default)(h).withConfig({displayName:"createRadioOrCheckboxDefault__InputCheckbox",componentId:"sc-1f4htb9-5"})(["border-radius:",";&:before{border-radius:",";}&:after{border-radius:0;}"],l.X.LINE,l.X.LINE),v=i.default.label.withConfig({displayName:"createRadioOrCheckboxDefault__Label",componentId:"sc-1f4htb9-6"})(["",";padding-left:",";min-width:0;flex:0 0 calc(100% - ",");",";"],p.C,a.v.TWO,m,(e=>{let{$disabled:t}=e;return t&&(0,i.css)(["color:",";"],o.DM.TEXT_LOW_CONTRAST)})),E=e=>{const t="radio"===e?x:y,n=(0,d.g)("input-"+e+"-default"),i=n=>{const{children:i,...o}=n,{isKeyNavigating:a}=(0,s.t)();return r.createElement(_,null,r.createElement(g,null,r.createElement(b,null,"-"),r.createElement(t,Object.assign({type:e,$isKeyNavigating:a},o))),r.createElement(v,{htmlFor:o.id,$disabled:o.disabled},i))};return i.displayName=n,i}},286:function(e,t,n){"use strict";n.d(t,{V:function(){return b}});var r=n(2784),i=n(1195),o=n(9900),a=(n(7694),n(4049)),s=n(5211);var c=n(6807),l=n(3792),u=n(727),d=n(127);const p=i.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],u.u.COMPLEMENTARY,d.v.THREE),f=(0,i.css)(["color:",";padding:"," 0;"],l.DM.TEXT_LOW_CONTRAST,d.v.ONE),m=(0,i.default)(o.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],f),_=i.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],f),g=(0,i.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],l.DM.TEXT_LOW_CONTRAST,d.v.ONE),b=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,s.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,a.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:r.createElement(p,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:i,slug:o,title:a}=e;return t!==n.length-1?r.createElement(r.Fragment,{key:i},r.createElement(m,{to:o},a),r.createElement(g,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):r.createElement(_,{key:i},a)})))}},3559:function(e,t,n){"use strict";n.d(t,{l:function(){return p}});var r=n(2784),i=n(1195),o=n(9900),a=n(3792),s=n(727),c=n(127),l=n(2657),u=n(6722);const d=(0,i.default)(o.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],s.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,a.DM.TEXT_LOW_CONTRAST),p=e=>{const{pageUrl:t}=e,n=l.n.GITHUB_DOCUMENTATION+"/"+t;return r.createElement(d,{to:n},r.createElement(u.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){"use strict";n.d(t,{R:function(){return b}});var r=n(2784),i=n(1195),o=n(9900),a=n(4097),s=n(3792),c=n(127),l=n(727),u=n(6722),d=n(6991);const p=c.v.FOUR,f=i.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(p,"","div"),c.v.EIGHT),m=i.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],s.DM.BRAND_PRIMARY,s.DM.BRAND_SECONDARY),_=i.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],s.DM.TEXT_LOW_CONTRAST,c.v.ONE),g=i.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],l.X.MEDIUM,u.EG,a.V),b=e=>{const{next:t,previous:n}=e;return r.createElement(f,{"aria-label":"Pagination Navigation"},r.createElement(m,null,n&&r.createElement(o.t,{to:n.slug},r.createElement(_,null,"Previous"),r.createElement(g,null,r.createElement(u.M5,{iconSvg:"arrowLeft"},n.title)))),r.createElement(m,null,t&&r.createElement(o.t,{to:t.slug},r.createElement(_,null,"Next"),r.createElement(g,null,r.createElement(u.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},5541:function(e,t,n){"use strict";var r=n(2784),i=n(2270),o=n(6375);t.Z=e=>{const{slides:t,options:n}=e,[a]=(0,i.Z)(n);return r.createElement("div",{className:"embla"},r.createElement("div",{className:"embla__viewport",ref:a},r.createElement("div",{className:"embla__container"},t.map((e=>r.createElement("div",{className:"embla__slide",key:e},r.createElement("div",{className:"embla__slide__number"},r.createElement("span",null,e+1)),r.createElement("img",{className:"embla__slide__img",src:(0,o.Z)(e),alt:"Your alt text"})))))))}},6375:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});const r=[n.p+"static/slide-1-ae1074a2ded156f4bb23fc2cbf269223.jpg",n.p+"static/slide-2-4a3fdf56a1fd7125dc80f4574dae6bbf.jpg",n.p+"static/slide-3-90be65c116762a9e53a2ddf8b625feec.jpg",n.p+"static/slide-4-f352d7c20aee3f1a7868858247d7dbb7.jpg"];var i=e=>r[e%r.length]},2061:function(e,t,n){"use strict";n.d(t,{j:function(){return w}});var r=n(3302),i=n(6133),o=n(6101),a=n(5252),s=n(9015),c=n(4147),l=n(3471),u=n(5441);var d=n(3792),p=n(4392),f=n(5850);const m=async e=>{const t=await n.e(116).then(n.bind(n,116)),r=d.cE+(0,p.m)(),i=(0,l.g)(e," ");return t.default.replace(f.Wt,r).replace(f.jB,i)};var _=n(1799);const g=async(e,t)=>{let r;r=e?await n.e(6635).then(n.bind(n,6635)):await n.e(6897).then(n.bind(n,6897));const i=(0,l.g)(t," ");return r.default.replace(f.jB,i)};var b=n(2657);const h=async e=>{let t;return t=e?await n.e(8886).then(n.bind(n,8886)):await n.e(6690).then(n.bind(n,6690)),t.default.replace(f.pL,b.n.GITHUB_ROOT)},x=/import(.*)from\s'assets/g,y=async e=>{let t;return t=e?await n.e(8819).then(n.bind(n,6658)):await n.e(9386).then(n.bind(n,9386)),t.default.replace(x,(e=>e.replace("assets","..")))},v=/import(.*)from\s'..\/imageByIndex/,E=async()=>(await n.e(3331).then(n.bind(n,3331))).default,w=async e=>{const{id:t,carouselScript:n,indexScript:d,slides:p,options:b,styles:x,plugins:w,sandboxOverrides:S,language:T=f.yR.JAVASCRIPT}=e,C=t+"-react",A=(0,a.K)(o.m.IMAGES),{prettierConfig:O,formatCss:I}=await(0,s.E)(),{isTypeScript:D,reactScriptExtension:N,vanillaScriptExtension:L,formatScript:k}=await(0,u.sz)(T),R=await(async(e,t,n)=>{const{dependencies:r,devDependencies:i}=c,{isJavaScript:a,reactScriptExtension:s}=await(0,u.sz)(e);return{name:t,version:"1.0.0",description:(0,l.g)(t," ")+" Example",main:o.m.JS+"/index."+s,scripts:{start:"react-scripts start",build:"react-scripts build",test:"react-scripts test --env=jsdom",eject:"react-scripts eject"},dependencies:{react:r.react,"react-dom":r["react-dom"],"react-scripts":"4.0.0","embla-carousel-react":r["embla-carousel-react"],"embla-carousel":r["embla-carousel"],...n&&n},devDependencies:a?{"@babel/runtime":"7.13.8"}:{"@types/react":i["@types/react"],"@types/react-dom":i["@types/react-dom"],typescript:i.typescript},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}})(T,C,w),M={include:["./src/**/*","./declarations.d.ts"],compilerOptions:{strict:!0,esModuleInterop:!0,lib:["dom","es2015"],jsx:"react-jsx"}},B=(e=>e.replace(v,(e=>e.replace("../","./"))))(n),[j,P,z,G,U,H]=await Promise.all([m(C),d||(0,_.S)(D,p,b),g(D,C),h(D),y(D),E()]),X={".prettierrc":{isBinary:!1,content:JSON.stringify(O,null,"\t")},"package.json":{isBinary:!1,content:JSON.stringify(R,null,"\t")},[o.m.PUBLIC+"/index.html"]:{isBinary:!1,content:j},[o.m.CSS+"/base.css"]:{isBinary:!1,content:I(i.H)},[o.m.CSS+"/sandbox.css"]:{isBinary:!1,content:I(i.z)},[o.m.CSS+"/embla.css"]:{isBinary:!1,content:I(x)},[o.m.JS+"/index."+N]:{isBinary:!1,content:k(P)},[o.m.JS+"/Header."+N]:{isBinary:!1,content:k(z)},[o.m.JS+"/Footer."+N]:{isBinary:!1,content:k(G)},[o.m.JS+"/EmblaCarousel."+N]:{isBinary:!1,content:k(B)},[o.m.JS+"/imageByIndex."+L]:{isBinary:!1,content:k(U)}};return D&&Object.assign(X,{"tsconfig.json":{isBinary:!1,content:JSON.stringify(M,null,"\t")},"declarations.d.ts":{isBinary:!1,content:H}}),(0,r.Z)({files:Object.assign({},X,A,S)})}},1799:function(e,t,n){"use strict";n.d(t,{N:function(){return l},S:function(){return c}});var r=n(5441),i=n(5850);const o=/import\sEmblaCarousel\sfrom\s'(.*)'/,a=/const\sSLIDE_COUNT\s=\s\d{1,}/,s='import EmblaCarousel from "./EmblaCarousel"',c=async(e,t,c)=>{const l=t.length.toString();let u;return u=e?await n.e(3984).then(n.bind(n,3984)):await n.e(4307).then(n.bind(n,4307)),u.default.replace(o,s).replace(i.jw,(0,r.Y8)(c)).replace(a,(e=>e.replace(/\d{1,}/,l)))},l=async(e,t)=>{let a;return a=e?await n.e(2874).then(n.bind(n,2874)):await n.e(2191).then(n.bind(n,2191)),a.default.replace(o,s).replace(i.st,(0,r.IS)(t))}},6101:function(e,t,n){"use strict";n.d(t,{m:function(){return r}});const r={PUBLIC:"public",CSS:"src/css",JS:"src/js",IMAGES:"src/images"}},9145:function(e,t,n){"use strict";n.d(t,{L:function(){return f}});var r=n(2784),i=n(1195),o=n(6807),a=n(3977),s=n(727),c=n(127),l=n(2829);const u={VANILLA_JS:"javascript",VANILLA_TS:"typescript",REACT_JS:"react",REACT_TS:"react"},d=i.default.span.withConfig({displayName:"SandboxSelectionInput__RadioLabelContent",componentId:"sc-sob6nf-0"})(["display:flex;flex-direction:column;padding:",";line-height:1;text-align:center;align-items:center;font-size:",";font-weight:",";"],c.v.TWO,s.u.DETAIL,s.X.MEDIUM),p=(0,i.default)(o.J).withConfig({displayName:"SandboxSelectionInput__RadioLabelSvg",componentId:"sc-sob6nf-1"})(["",";margin-bottom:",";"],(0,l.x)("3rem"),c.v.TWO),f=e=>{const{children:t,framework:n,...i}=e;return r.createElement(a.R,i,r.createElement(d,null,r.createElement(p,{svg:u[n]}),t))}},1069:function(e,t,n){"use strict";n.d(t,{y:function(){return E}});var r=n(3302),i=n(6133),o=n(5016),a=n(5252),s=n(9015),c=n(4147),l=n(3471),u=n(5441);const d=async()=>(await n.e(6563).then(n.bind(n,6563))).default;var p=n(3792),f=n(2657),m=n(4392),_=n(5850);const g=/__replace_sandbox_script_src__/g,b=/__replace_sandbox_code__/g,h=async(e,t,r)=>{const i=await n.e(9942).then(n.bind(n,9942)),a=p.cE+(0,m.m)(),s=(0,l.g)(e," "),c=o.G.JS+"/index."+t;return i.default.replace(_.Wt,a).replace(_.jB,s).replace(g,c).replace(_.pL,f.n.GITHUB_ROOT).replace(b,r)},x=/\/static\/slide-\d{1,}-.+?\./g,y=/slide-\d{1,}/,v=e=>e.replace(x,(e=>{const t=e.match(y)||[];return o.G.IMAGES+"/"+t+"."})),E=async e=>{const{id:t,carouselScript:n,carouselHtml:p,options:f,styles:m,plugins:g,sandboxOverrides:b,language:x=_.yR.JAVASCRIPT}=e,y=t+"-vanilla",E=(0,a.K)(o.G.IMAGES),{prettierConfig:w,formatHtml:S,formatCss:T}=await(0,s.E)(),{isTypeScript:C,vanillaScriptExtension:A,formatScript:O}=await(0,u.sz)(x),I=await(async(e,t,n)=>{const{isJavaScript:r}=await(0,u.sz)(e),{dependencies:i,devDependencies:o}=c;return{name:t,version:"1.0.0",description:(0,l.g)(t," ")+" Example",main:"index.html",scripts:{start:"parcel index.html --open",build:"parcel build index.html"},dependencies:{"parcel-bundler":"^1.6.1","embla-carousel":i["embla-carousel-react"],...n&&n},devDependencies:r?{"@babel/core":"7.2.0"}:{typescript:o.typescript},resolutions:{"@babel/preset-env":"7.13.8"}}})(x,y,g),D={include:["./src/**/*","./declarations.d.ts"],compilerOptions:{strict:!0,module:"commonjs",jsx:"preserve",esModuleInterop:!0,sourceMap:!0,allowJs:!0,lib:["es6","dom"],rootDir:"src",moduleResolution:"node"}},N=((e,t)=>{const n=null==t?void 0:t.loop;return e.replace(_.jw,(0,u.Y8)(t)).replace(_.st,(0,u.IS)(n))})(n,f),[L,k]=await Promise.all([h(y,A,v(p)),d()]),R={".prettierrc":{isBinary:!1,content:JSON.stringify(w,null,"\t")},"package.json":{isBinary:!1,content:JSON.stringify(I,null,"\t")},"index.html":{isBinary:!1,content:S(L)},[o.G.CSS+"/base.css"]:{isBinary:!1,content:T(i.H)},[o.G.CSS+"/sandbox.css"]:{isBinary:!1,content:T(i.z)},[o.G.CSS+"/embla.css"]:{isBinary:!1,content:T(m)},[o.G.JS+"/index."+A]:{isBinary:!1,content:O(N)}};return C&&Object.assign(R,{"tsconfig.json":{isBinary:!1,content:JSON.stringify(D,null,"\t")},"declarations.d.ts":{isBinary:!1,content:k}}),(0,r.Z)({files:Object.assign({},R,E,b)})}},5016:function(e,t,n){"use strict";n.d(t,{G:function(){return r}});const r={CSS:"src/css",JS:"src/js",IMAGES:"src/images"}},5252:function(e,t,n){"use strict";n.d(t,{K:function(){return o}});var r=n(2657);const i=(0,n(6609).S)(4).map((e=>r.n.GITHUB_DOCUMENTATION_RAW+"/src/assets/images/slide-"+(e+1)+".jpg")),o=e=>i.reduce(((t,n,r)=>({...t,[e+"/slide-"+(r+1)+".jpg"]:{isBinary:!0,content:n}})),{})},6133:function(e,t,n){"use strict";n.d(t,{H:function(){return b},z:function(){return h}});var r=n(1195),i=n(6732),o=n(750),a=n(8781),s=n(3228),c=n(5153),l=n(2717),u=n(2715),d=n(727),p=n(3792);const f=(0,r.css)([".sandbox{width:100%;}","{.sandbox{margin-left:auto;margin-right:auto;max-width:67rem;}}"],l.iD.MIN_SM),m=(0,r.css)([".sandbox__carousel{position:relative;background-color:",";}","{.sandbox__carousel{border-top:"," solid ",";border-bottom:"," solid ",";}}","{.sandbox__carousel{border-radius:",";border:"," solid ",";}}"],p.DM.BACKGROUND_CODE,l.iD.MAX_SM,u.x.DETAIL,p.DM.DETAIL_LOW_CONTRAST,u.x.DETAIL,p.DM.DETAIL_LOW_CONTRAST,l.iD.MIN_SM,c.eC,u.x.DETAIL,p.DM.DETAIL_LOW_CONTRAST),_=(0,r.css)([".sandbox__header{font-size:2rem;font-weight:",";text-align:center;padding:4rem 2rem 2rem 2rem;}"],d.X.BOLD),g=(0,r.css)([".sandbox__footer{display:flex;justify-content:center;padding:2rem 2rem 4rem 2rem;}.sandbox__footer__link{display:flex;align-items:center;background-color:transparent;text-decoration:none;text-align:center;font-weight:",";color:",";font-size:1.4rem;}.sandbox__footer__link__svg{display:block;width:2rem;height:2rem;margin-right:1rem;fill:currentColor;}"],d.X.BOLD,p.DM.TEXT_LOW_CONTRAST),b=(0,i.J)(p.CX,o.C,a.u,s.h),h=(0,i.J)(f,m,_,g)},4234:function(e,t,n){"use strict";n.d(t,{p:function(){return s}});var r=n(2784),i=n(8116),o=n(8944),a=n(3471);const s=e=>{const{title:t,description:n,lang:s="en",url:c,children:l}=e,u=(0,i.$)(),d=t+" | "+(0,a.g)(u.title),p=n||u.description;return r.createElement(r.Fragment,null,r.createElement("html",{lang:s}),r.createElement("title",null,d),r.createElement("link",{rel:"canonical",href:c}),r.createElement("meta",{name:"description",content:p}),r.createElement("meta",{name:"og:title",content:t}),r.createElement("meta",{name:"og:description",content:p}),r.createElement("meta",{name:"og:type",content:"article"}),r.createElement("meta",{name:"og:locale",content:"en_EN"}),r.createElement("meta",{name:"og:url",content:c}),r.createElement("meta",{name:"og:site_name",content:(0,o.P)(u.siteUrl)}),r.createElement("meta",{name:"twitter:card",content:"summary"}),r.createElement("meta",{name:"twitter:creator",content:u.author}),r.createElement("meta",{name:"twitter:title",content:t}),r.createElement("meta",{name:"twitter:description",content:p}),l)}},5850:function(e,t,n){"use strict";n.d(t,{Ld:function(){return s},Wt:function(){return u},XE:function(){return a},jB:function(){return l},jw:function(){return d},pL:function(){return c},st:function(){return p},yR:function(){return o},zr:function(){return i}});var r=n(127);const i={VANILLA_JS:"Vanilla",VANILLA_TS:"Vanilla + TypeScript",REACT_TS:"React + TypeScript",REACT_JS:"React"},o={JAVASCRIPT:"javascript",TYPESCRIPT:"typescript"},a={AUTOPLAY:"embla-carousel-autoplay",CLASS_NAMES:"embla-carousel-class-names"},s=r.v.ONE,c=/__replace_sandbox_repository_url__/g,l=/__replace_sandbox_title__/g,u=/__replace_sandbox_theme__/g,d=/const\sOPTIONS(.*)/,p=/const\sLOOP\s=\sfalse/},6609:function(e,t,n){"use strict";n.d(t,{S:function(){return r}});const r=e=>Array.from(Array(e).keys())},4392:function(e,t,n){"use strict";n.d(t,{m:function(){return o}});var r=n(3792),i=n(7712);const o=()=>{if(!i.j)return r.YD.LIGHT;const e=r.cE+r.YD.LIGHT;return document.documentElement.classList.contains(e)?r.YD.LIGHT:r.YD.DARK}},3471:function(e,t,n){"use strict";n.d(t,{g:function(){return r}});const r=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},9015:function(e,t,n){"use strict";n.d(t,{E:function(){return o}});var r=n(1959);const i=n.n(r)(),o=async()=>{const[e,t,r,o]=await Promise.all([n.e(2859).then(n.t.bind(n,9691,23)),n.e(7572).then(n.t.bind(n,3282,23)),n.e(1039).then(n.t.bind(n,1039,23)),n.e(777).then(n.t.bind(n,8483,23))]),a={...i,parser:"html",plugins:[t]},s={...i,parser:"css",plugins:[r]},c={...i,parser:"babel",plugins:[o]},l={...i,parser:"babel-ts",plugins:[o]},u=(t,n)=>{let r="";try{r=e.format(t,n)}catch(i){console.warn("Prettier was not able to format file",i)}return r};return{prettierConfig:i,formatHtml:e=>u(e,a),formatCss:e=>u(e,s),formatJs:e=>u(e,c),formatTs:e=>u(e,l)}}},8944:function(e,t,n){"use strict";n.d(t,{P:function(){return r}});const r=e=>e.replace(/(^\w+:|^)\/\//,"")},5441:function(e,t,n){"use strict";n.d(t,{$b:function(){return s},IS:function(){return u},Y8:function(){return l},d6:function(){return c},sz:function(){return a}});var r=n(4147),i=n(9015),o=n(5850);const a=async e=>{const{formatTs:t,formatJs:n}=await(0,i.E)(),r=e===o.yR.TYPESCRIPT,a=!r;return{isJavaScript:a,isTypeScript:r,vanillaScriptExtension:a?"js":"ts",reactScriptExtension:a?"jsx":"tsx",formatScript:r?t:n}},s=e=>Object.keys(e).map((t=>{const n=t,r=e[n];return{key:n,label:o.zr[n],createSandbox:r}})),c=e=>({plugins:{...(Array.isArray(e)?e:[e]).reduce(((e,t)=>({...e,[t]:r.dependencies[t]})),{})}}),l=e=>t=>t.replace("{}",JSON.stringify(e)),u=function(e){return void 0===e&&(e=!1),t=>t.replace("false",e.toString())}},6732:function(e,t,n){"use strict";n.d(t,{J:function(){return r}});const r=function(){for(var e=arguments.length,t=new Array(e),n=0;ne+t.join("")),"")}},1959:function(e,t,n){e.exports=n(5108)},2270:function(e,t,n){"use strict";n.d(t,{Z:function(){return X}});var r=n(2784);function i(e){return function(e){return"[object Object]"===Object.prototype.toString.call(e)}(e)||Array.isArray(e)}function o(e,t){const n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;return JSON.stringify(Object.keys(e.breakpoints||{}))===JSON.stringify(Object.keys(t.breakpoints||{}))&&n.every((n=>{const r=e[n],a=t[n];return"function"==typeof r?""+r==""+a:i(r)&&i(a)?o(r,a):r===a}))}function a(e){return e.concat().sort(((e,t)=>e.name>t.name?1:-1)).map((e=>e.options))}var s=n(4616);function c(e){return"number"==typeof e}function l(e){return"string"==typeof e}function u(e){return"boolean"==typeof e}function d(e){return"[object Object]"===Object.prototype.toString.call(e)}function p(e){return Math.abs(e)}function f(e){return Math.sign(e)}function m(e,t){return p(e-t)}function _(e){return y(e).map(Number)}function g(e){return e[b(e)]}function b(e){return Math.max(0,e.length-1)}function h(e,t){return t===b(e)}function x(e,t){return void 0===t&&(t=0),Array.from(Array(e),((e,n)=>t+n))}function y(e){return Object.keys(e)}function v(e,t){return[e,t].reduce(((e,t)=>(y(t).forEach((n=>{const r=e[n],i=t[n],o=d(r)&&d(i);e[n]=o?v(r,i):i})),e)),{})}function E(e,t){return void 0!==t.MouseEvent&&e instanceof t.MouseEvent}function w(){let e=[];const t={add:function(n,r,i,o){let a;if(void 0===o&&(o={passive:!0}),"addEventListener"in n)n.addEventListener(r,i,o),a=()=>n.removeEventListener(r,i,o);else{const e=n;e.addListener(i),a=()=>e.removeListener(i)}return e.push(a),t},clear:function(){e=e.filter((e=>e()))}};return t}function S(e,t,n,r){const i=w(),o=1e3/60;let a=null,s=0,c=0;function l(e){a||(a=e);const i=e-a;for(a=e,s+=i;s>=o;)n(),s-=o;const u=p(s/o);r(u),c&&t.requestAnimationFrame(l)}function u(){t.cancelAnimationFrame(c),a=null,s=0,c=0}return{init:function(){i.add(e,"visibilitychange",(()=>{e.hidden&&(a=null,s=0)}))},destroy:function(){u(),i.clear()},start:function(){c||(c=t.requestAnimationFrame(l))},stop:u,update:n,render:r}}function T(e,t){void 0===e&&(e=0),void 0===t&&(t=0);const n=p(e-t);function r(t){return tt}function o(e){return r(e)||i(e)}return{length:n,max:t,min:e,constrain:function(n){return o(n)?r(n)?e:t:n},reachedAny:o,reachedMax:i,reachedMin:r,removeOffset:function(e){return n?e-n*Math.ceil((e-t)/n):e}}}function C(e,t,n){const{constrain:r}=T(0,e),i=e+1;let o=a(t);function a(e){return n?p((i+e)%i):r(e)}function s(){return o}function c(){return C(e,s(),n)}const l={get:s,set:function(e){return o=a(e),l},add:function(e){return c().set(s()+e)},clone:c};return l}function A(e,t,n,r,i,o,a,s,c,l,d,_,g,b,h,x,y,v,S,C){const{cross:A}=e,O=["INPUT","SELECT","TEXTAREA"],I={passive:!1},D=w(),N=w(),L=T(50,225).constrain(h.measure(20)),k={mouse:300,touch:400},R={mouse:500,touch:600},M=x?43:25;let B=!1,j=0,P=0,z=!1,G=!1,U=!1,H=!1;function X(e){const n=a.readPoint(e),r=a.readPoint(e,A),i=m(n,j),s=m(r,P);if(!G&&!H){if(!e.cancelable)return J(e);if(G=i>s,!G)return J(e)}const l=a.pointerMove(e);i>y&&(U=!0),d.useFriction(.3).useDuration(1),c.start(),o.add(t.apply(l)),e.preventDefault()}function J(e){const n=_.byDistance(0,!1).index!==g.get(),r=a.pointerUp(e)*(x?R:k)[H?"mouse":"touch"],i=function(e,t){const n=g.add(-1*f(e)),r=_.byDistance(e,!x).distance;return x||p(e)=2,z=!0,a.pointerDown(e),d.useFriction(0).useDuration(0),o.set(s),function(){const e=H?r:n;N.add(e,"touchmove",X,I).add(e,"touchend",J).add(e,"mousemove",X,I).add(e,"mouseup",J)}(),j=a.readPoint(e),P=a.readPoint(e,A),b.emit("pointerDown")}(t)}const c=n;D.add(c,"dragstart",(e=>e.preventDefault()),I).add(c,"touchmove",(()=>{}),I).add(c,"touchend",(()=>{})).add(c,"touchstart",t).add(c,"mousedown",t).add(c,"touchcancel",J).add(c,"contextmenu",J).add(c,"click",V,!0)},pointerDown:function(){return z},destroy:function(){D.clear(),N.clear()}}}function O(e,t){let n,r;function i(e){return e.timeStamp}function o(n,r){const i="client"+("x"===(r||e.scroll)?"X":"Y");return(E(n,t)?n:n.touches[0])[i]}return{pointerDown:function(e){return n=e,r=e,o(e)},pointerMove:function(e){const t=o(e)-o(r),a=i(e)-i(n)>170;return r=e,a&&(n=e),t},pointerUp:function(e){if(!n||!r)return 0;const t=o(r)-o(n),a=i(e)-i(n),s=i(e)-i(r)>170,c=t/a;return a&&!s&&p(c)>.1?c:0},readPoint:o}}function I(e,t,n,r,i,o,a){let s,c,l=[],d=!1;function f(e){return i.measureSize(a.measure(e))}return{init:function(i){if(!o)return;c=f(e),l=r.map(f),s=new ResizeObserver((a=>{d||(u(o)||o(i,a))&&function(o){for(const a of o){const o=a.target===e,s=r.indexOf(a.target),u=o?c:l[s];if(p(f(o?e:r[s])-u)>=.5){n.requestAnimationFrame((()=>{i.reInit(),t.emit("resize")}));break}}}(a)})),[e].concat(r).forEach((e=>s.observe(e)))},destroy:function(){s&&s.disconnect(),d=!0}}}function D(e,t,n,r,i){const o=i.measure(10),a=i.measure(50),s=T(.1,.99);let c=!1;return{constrain:function(i){if(c||!e.reachedAny(n.get())||!e.reachedAny(t.get()))return;const l=e.reachedMin(t.get())?"min":"max",u=p(e[l]-t.get()),d=n.get()-t.get(),f=s.constrain(u/a);n.subtract(d*f),!i&&p(d)e.add(i)))}}}function L(e,t,n,r,i){const{reachedAny:o,removeOffset:a,constrain:s}=r;function c(e){return e.concat().sort(((e,t)=>p(e)-p(t)))[0]}function l(t,r){const i=[t,t+n,t-n];if(!e)return i[0];if(!r)return c(i);const o=i.filter((e=>f(e)===r));return o.length?c(o):g(i)-n}return{byDistance:function(n,r){const c=i.get()+n,{index:u,distance:d}=function(n){const r=e?a(n):s(n),i=t.map((e=>e-r)).map((e=>l(e,0))).map(((e,t)=>({diff:e,index:t}))).sort(((e,t)=>p(e.diff)-p(t.diff))),{index:o}=i[0];return{index:o,distance:r}}(c),f=!e&&o(c);return!r||f?{index:u,distance:n}:{index:u,distance:n+l(t[u]-d,0)}},byIndex:function(e,n){return{index:e,distance:l(t[e]-i.get(),n)}},shortcut:l}}function k(e){let t=e;function n(e){return c(e)?e:e.get()}return{get:function(){return t},set:function(e){t=n(e)},add:function(e){t+=n(e)},subtract:function(e){t-=n(e)}}}function R(e,t,n){const r="x"===e.scroll?function(e){return"translate3d("+e+"px,0px,0px)"}:function(e){return"translate3d(0px,"+e+"px,0px)"},i=n.style;let o=!1;return{clear:function(){o||(i.transform="",n.getAttribute("style")||n.removeAttribute("style"))},to:function(e){o||(i.transform=r(t.apply(e)))},toggleActive:function(e){o=!e}}}function M(e,t,n,r,i,o,a,s,c,l){const u=_(o),d=_(o).reverse(),p=function(){const e=s[0];return g(m(d,e),r,!1)}().concat(function(){const e=n-s[0]-1;return g(m(u,e),-r,!0)}());function f(e,t){return e.reduce(((e,t)=>e-o[t]),t)}function m(e,t){return e.reduce(((e,n)=>f(e,t)>0?e.concat([n]):e),[])}function g(o,s,u){const d=function(e){return a.map(((t,r)=>({start:t-i[r]+.5+e,end:t+n-.5+e})))}(s);return o.map((n=>{const i=u?0:-r,o=u?r:0,a=u?"end":"start",s=d[n][a];return{index:n,loopPoint:s,slideLocation:k(-1),translate:R(e,t,l[n]),target:()=>c.get()>s?i:o}}))}return{canLoop:function(){return p.every((e=>{let{index:t}=e;return f(u.filter((e=>e!==t)),n)<=.1}))},clear:function(){p.forEach((e=>e.translate.clear()))},loop:function(){p.forEach((e=>{const{target:t,translate:n,slideLocation:r}=e,i=t();i!==r.get()&&(n.to(i),r.set(i))}))},loopPoints:p}}function B(e,t,n){let r,i=!1;return{init:function(o){n&&(r=new MutationObserver((e=>{i||(u(n)||n(o,e))&&function(e){for(const n of e)if("childList"===n.type){o.reInit(),t.emit("slidesChanged");break}}(e)})),r.observe(e,{childList:!0}))},destroy:function(){r&&r.disconnect(),i=!0}}}function j(e,t,n,r){const i={};let o,a=null,s=null,c=!1;return{init:function(){o=new IntersectionObserver((e=>{c||(e.forEach((e=>{const n=t.indexOf(e.target);i[n]=e})),a=null,s=null,n.emit("slidesInView"))}),{root:e.parentElement,threshold:r}),t.forEach((e=>o.observe(e)))},destroy:function(){o&&o.disconnect(),c=!0},get:function(e){if(void 0===e&&(e=!0),e&&a)return a;if(!e&&s)return s;const t=function(e){return y(i).reduce(((t,n)=>{const r=parseInt(n),{isIntersecting:o}=i[r];return(e&&o||!e&&!o)&&t.push(r),t}),[])}(e);return e&&(a=t),e||(s=t),t}}}function P(e,t,n,r,i,o,a,s,l,u){const{startEdge:d,endEdge:f}=e,m=c(r);return{groupSlides:function(e){return m?function(e,t){return _(e).filter((e=>e%t==0)).map((n=>e.slice(n,n+t)))}(e,r):function(e){return e.length?_(e).reduce(((r,c)=>{const m=g(r)||0,_=0===m,h=c===b(e),x=o[d]-a[m][d],y=o[d]-a[c][f],v=!i&&_?t.apply(s):0;return p(y-(!i&&h?t.apply(l):0)-(x+v))>n+u&&r.push(c),h&&r.push(e.length),r}),[]).map(((t,n,r)=>{const i=Math.max(r[n-1]||0);return e.slice(i,t)})):[]}(e)}}}function z(e,t,n,r,i,o,a){const{align:s,axis:u,direction:d,startIndex:m,loop:y,duration:v,dragFree:E,dragThreshold:z,inViewThreshold:G,slidesToScroll:U,skipSnaps:H,containScroll:X,watchResize:J,watchSlides:V,watchDrag:W}=o,F={measure:function(e){const{offsetTop:t,offsetLeft:n,offsetWidth:r,offsetHeight:i}=e;return{top:t,right:n+r,bottom:t+i,left:n,width:r,height:i}}},K=F.measure(t),Y=n.map(F.measure),Z=function(e){const t="rtl"===e?-1:1;return{apply:function(e){return e*t}}}(d),q=function(e,t){const n="y"===e?"y":"x";return{scroll:n,cross:"y"===e?"x":"y",startEdge:"y"===n?"top":"rtl"===t?"right":"left",endEdge:"y"===n?"bottom":"rtl"===t?"left":"right",measureSize:function(e){const{width:t,height:r}=e;return"x"===n?t:r}}}(u,d),$=q.measureSize(K),Q=function(e){return{measure:function(t){return e*(t/100)}}}($),ee=function(e,t){const n={start:function(){return 0},center:function(e){return r(e)/2},end:r};function r(e){return t-e}return{measure:function(r,i){return l(e)?n[e](r):e(t,r,i)}}}(s,$),te=!y&&!!X,ne=y||!!X,{slideSizes:re,slideSizesWithGaps:ie,startGap:oe,endGap:ae}=function(e,t,n,r,i,o){const{measureSize:a,startEdge:s,endEdge:c}=e,l=n[0]&&i,u=function(){if(!l)return 0;const e=n[0];return p(t[s]-e[s])}(),d=function(){if(!l)return 0;const e=o.getComputedStyle(g(r));return parseFloat(e.getPropertyValue("margin-"+c))}(),f=n.map(a),m=n.map(((e,t,n)=>{const r=!t,i=h(n,t);return r?f[t]+u:i?f[t]+d:n[t+1][s]-e[s]})).map(p);return{slideSizes:f,slideSizesWithGaps:m,startGap:u,endGap:d}}(q,K,Y,n,ne,i),se=P(q,Z,$,U,y,K,Y,oe,ae,2),{snaps:ce,snapsAligned:le}=function(e,t,n,r,i){const{startEdge:o,endEdge:a}=e,{groupSlides:s}=i,c=s(r).map((e=>g(e)[a]-e[0][o])).map(p).map(t.measure),l=r.map((e=>n[o]-e[o])).map((e=>-p(e))),u=s(l).map((e=>e[0])).map(((e,t)=>e+c[t]));return{snaps:l,snapsAligned:u}}(q,ee,K,Y,se),ue=-g(ce)+g(ie),{snapsContained:de,scrollContainLimit:pe}=function(e,t,n,r,i){const o=T(-t+e,0),a=n.map(((e,t)=>{const r=!t,i=h(n,t);return r?o.max:i?o.min:o.constrain(e)})).map((e=>parseFloat(e.toFixed(3)))),s=function(){const e=a[0],t=g(a);return T(a.lastIndexOf(e),a.indexOf(t)+1)}();return{snapsContained:function(){if(t<=e+i)return[o.max];if("keepSnaps"===r)return a;const{min:n,max:c}=s;return a.slice(n,c)}(),scrollContainLimit:s}}($,ue,le,X,2),fe=te?de:le,{limit:me}=function(e,t,n){const r=t[0];return{limit:T(n?r-e:g(t),r)}}(ue,fe,y),_e=C(b(fe),m,y),ge=_e.clone(),be=_(n),he=S(r,i,(()=>(e=>{let{dragHandler:t,scrollBody:n,scrollBounds:r,options:{loop:i}}=e;i||r.constrain(t.pointerDown()),n.seek()})(Ne)),(e=>((e,t)=>{let{scrollBody:n,translate:r,location:i,offsetLocation:o,scrollLooper:a,slideLooper:s,dragHandler:c,animation:l,eventHandler:u,options:{loop:d}}=e;const p=n.velocity(),f=n.settled();f&&!c.pointerDown()&&(l.stop(),u.emit("settle")),f||u.emit("scroll"),o.set(i.get()-p+p*t),d&&(a.loop(n.direction()),s.loop()),r.to(o.get())})(Ne,e))),xe=fe[_e.get()],ye=k(xe),ve=k(xe),Ee=k(xe),we=function(e,t,n,r,i){let o=0,a=0,s=r,c=i,l=e.get(),u=0;function d(e){return s=e,_}function m(e){return c=e,_}const _={direction:function(){return a},duration:function(){return s},velocity:function(){return o},seek:function(){const t=n.get()-e.get();let r=0;return s?(o+=t/s,o*=c,l+=o,e.add(o),r=l-u):(o=0,e.set(n),r=t),a=f(r),u=l,_},settled:function(){return p(n.get()-t.get())<.001},useBaseFriction:function(){return m(i)},useBaseDuration:function(){return d(r)},useFriction:m,useDuration:d};return _}(ye,ve,Ee,v,.68),Se=L(y,fe,ue,me,Ee),Te=function(e,t,n,r,i,o,a){function s(i){const s=i.distance,c=i.index!==t.get();o.add(s),s&&(r.duration()?e.start():(e.update(),e.render(1),e.update())),c&&(n.set(t.get()),t.set(i.index),a.emit("select"))}return{distance:function(e,t){s(i.byDistance(e,t))},index:function(e,n){const r=t.clone().set(e);s(i.byIndex(r.get(),n))}}}(he,_e,ge,we,Se,Ee,a),Ce=function(e){const{max:t,length:n}=e;return{get:function(e){return n?(e-t)/-n:0}}}(me),Ae=w(),Oe=j(t,n,a,G),{slideRegistry:Ie}=function(e,t,n,r,i,o){const{groupSlides:a}=i,{min:s,max:c}=r;return{slideRegistry:function(){const r=a(o),i=!e||"keepSnaps"===t;return 1===n.length?[o]:i?r:r.slice(s,c).map(((e,t,n)=>{const r=!t,i=h(n,t);return r?x(g(n[0])+1):i?x(b(o)-g(n)[0]+1,g(n)[0]):e}))}()}}(te,X,fe,pe,se,be),De=function(e,t,n,r,i,o){let a=0;function s(e){"Tab"===e.code&&(a=(new Date).getTime())}function l(s){o.add(s,"focus",(()=>{if((new Date).getTime()-a>10)return;e.scrollLeft=0;const o=t.indexOf(s),l=n.findIndex((e=>e.includes(o)));c(l)&&(i.useDuration(0),r.index(l,0))}),{passive:!0,capture:!0})}return{init:function(){o.add(document,"keydown",s,!1),t.forEach(l)}}}(e,n,Ie,Te,we,Ae),Ne={ownerDocument:r,ownerWindow:i,eventHandler:a,containerRect:K,slideRects:Y,animation:he,axis:q,direction:Z,dragHandler:A(q,Z,e,r,i,Ee,O(q,i),ye,he,Te,we,Se,_e,a,Q,E,z,H,.68,W),eventStore:Ae,percentOfView:Q,index:_e,indexPrevious:ge,limit:me,location:ye,offsetLocation:ve,options:o,resizeHandler:I(t,a,i,n,q,J,F),scrollBody:we,scrollBounds:D(me,ye,Ee,we,Q),scrollLooper:N(ue,me,ve,[ye,ve,Ee]),scrollProgress:Ce,scrollSnapList:fe.map(Ce.get),scrollSnaps:fe,scrollTarget:Se,scrollTo:Te,slideLooper:M(q,Z,$,ue,re,ie,ce,fe,ve,n),slideFocus:De,slidesHandler:B(t,a,V),slidesInView:Oe,slideIndexes:be,slideRegistry:Ie,slidesToScroll:se,target:Ee,translate:R(q,Z,t)};return Ne}const G={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0};function U(e){function t(e,t){return v(e,t||{})}const n={mergeOptions:t,optionsAtMedia:function(n){const r=n.breakpoints||{},i=y(r).filter((t=>e.matchMedia(t).matches)).map((e=>r[e])).reduce(((e,n)=>t(e,n)),{});return t(n,i)},optionsMediaQueries:function(t){return t.map((e=>y(e.breakpoints||{}))).reduce(((e,t)=>e.concat(t)),[]).map(e.matchMedia)}};return n}function H(e,t,n){const r=e.ownerDocument,i=r.defaultView,o=U(i),a=function(e){let t=[];return{init:function(n,r){return t=r.filter((t=>{let{options:n}=t;return!1!==e.optionsAtMedia(n).active})),t.forEach((t=>t.init(n,e))),r.reduce(((e,t)=>Object.assign(e,{[t.name]:t})),{})},destroy:function(){t=t.filter((e=>e.destroy()))}}}(o),c=w(),u=function(){const e={};let t;function n(t){return e[t]||[]}const r={init:function(e){t=e},emit:function(e){return n(e).forEach((n=>n(t,e))),r},off:function(t,i){return e[t]=n(t).filter((e=>e!==i)),r},on:function(t,i){return e[t]=n(t).concat([i]),r}};return r}(),{mergeOptions:d,optionsAtMedia:p,optionsMediaQueries:f}=o,{on:m,off:_,emit:g}=u,b=I;let h,x,y,v,E=!1,S=d(G,H.globalOptions),T=d(S),C=[];function A(t){const n=z(e,y,v,r,i,t,u);if(t.loop&&!n.slideLooper.canLoop()){return A(Object.assign({},t,{loop:!1}))}return n}function O(t,n){E||(S=d(S,t),T=p(S),C=n||C,function(){const{container:t,slides:n}=T,r=l(t)?e.querySelector(t):t;y=r||e.children[0];const i=l(n)?y.querySelectorAll(n):n;v=[].slice.call(i||y.children)}(),h=A(T),f([S].concat((0,s.Z)(C.map((e=>{let{options:t}=e;return t}))))).forEach((e=>c.add(e,"change",I))),T.active&&(h.translate.to(h.location.get()),h.animation.init(),h.slidesInView.init(),h.slideFocus.init(),h.eventHandler.init(k),h.resizeHandler.init(k),h.slidesHandler.init(k),h.options.loop&&h.slideLooper.loop(),y.offsetParent&&v.length&&h.dragHandler.init(k),x=a.init(k,C)))}function I(e,t){const n=L();D(),O(d({startIndex:n},e),t),u.emit("reInit")}function D(){h.dragHandler.destroy(),h.eventStore.clear(),h.translate.clear(),h.slideLooper.clear(),h.resizeHandler.destroy(),h.slidesHandler.destroy(),h.slidesInView.destroy(),h.animation.destroy(),a.destroy(),c.clear()}function N(e,t,n){T.active&&!E&&(h.scrollBody.useBaseFriction().useDuration(!0===t?0:T.duration),h.scrollTo.index(e,n||0))}function L(){return h.index.get()}const k={canScrollNext:function(){return h.index.add(1).get()!==L()},canScrollPrev:function(){return h.index.add(-1).get()!==L()},containerNode:function(){return y},internalEngine:function(){return h},destroy:function(){E||(E=!0,c.clear(),D(),u.emit("destroy"))},off:_,on:m,emit:g,plugins:function(){return x},previousScrollSnap:function(){return h.indexPrevious.get()},reInit:b,rootNode:function(){return e},scrollNext:function(e){N(h.index.add(1).get(),e,-1)},scrollPrev:function(e){N(h.index.add(-1).get(),e,1)},scrollProgress:function(){return h.scrollProgress.get(h.location.get())},scrollSnapList:function(){return h.scrollSnapList},scrollTo:N,selectedScrollSnap:L,slideNodes:function(){return v},slidesInView:function(){return h.slidesInView.get()},slidesNotInView:function(){return h.slidesInView.get(!1)}};return O(t,n),setTimeout((()=>u.emit("init")),0),k}function X(e,t){void 0===e&&(e={}),void 0===t&&(t=[]);const n=(0,r.useRef)(e),i=(0,r.useRef)(t),{0:s,1:c}=(0,r.useState)(),{0:l,1:u}=(0,r.useState)(),d=(0,r.useCallback)((()=>{s&&s.reInit(n.current,i.current)}),[s]);return(0,r.useEffect)((()=>{if("undefined"!=typeof window&&window.document&&window.document.createElement&&l){H.globalOptions=X.globalOptions;const e=H(l,n.current,i.current);return c(e),()=>e.destroy()}c(void 0)}),[l,c]),(0,r.useEffect)((()=>{o(n.current,e)||(n.current=e,d())}),[e,d]),(0,r.useEffect)((()=>{(function(e,t){if(e.length!==t.length)return!1;const n=a(e),r=a(t);return n.every(((e,t)=>o(e,r[t])))})(i.current,t)||(i.current=t,d())}),[t,d]),[u,s]}H.globalOptions=void 0,X.globalOptions=void 0},6954:function(e,t,n){var r,i=function(){var e=String.fromCharCode,t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",r={};function i(e,t){if(!r[e]){r[e]={};for(var n=0;n>>8,n[2*r+1]=a%256}return n},decompressFromUint8Array:function(t){if(null==t)return o.decompress(t);for(var n=new Array(t.length/2),r=0,i=n.length;r>=1}else{for(i=1,r=0;r>=1}0==--d&&(d=Math.pow(2,f),f++),delete s[u]}else for(i=a[u],r=0;r>=1;0==--d&&(d=Math.pow(2,f),f++),a[l]=p++,u=String(c)}if(""!==u){if(Object.prototype.hasOwnProperty.call(s,u)){if(u.charCodeAt(0)<256){for(r=0;r>=1}else{for(i=1,r=0;r>=1}0==--d&&(d=Math.pow(2,f),f++),delete s[u]}else for(i=a[u],r=0;r>=1;0==--d&&(d=Math.pow(2,f),f++)}for(i=2,r=0;r>=1;for(;;){if(_<<=1,g==t-1){m.push(n(_));break}g++}return m.join("")},decompress:function(e){return null==e?"":""==e?null:o._decompress(e.length,32768,(function(t){return e.charCodeAt(t)}))},_decompress:function(t,n,r){var i,o,a,s,c,l,u,d=[],p=4,f=4,m=3,_="",g=[],b={val:r(0),position:n,index:1};for(i=0;i<3;i+=1)d[i]=i;for(a=0,c=Math.pow(2,2),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;switch(a){case 0:for(a=0,c=Math.pow(2,8),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;u=e(a);break;case 1:for(a=0,c=Math.pow(2,16),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;u=e(a);break;case 2:return""}for(d[3]=u,o=u,g.push(u);;){if(b.index>t)return"";for(a=0,c=Math.pow(2,m),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;switch(u=a){case 0:for(a=0,c=Math.pow(2,8),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;d[f++]=e(a),u=f-1,p--;break;case 1:for(a=0,c=Math.pow(2,16),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;d[f++]=e(a),u=f-1,p--;break;case 2:return g.join("")}if(0==p&&(p=Math.pow(2,m),m++),d[u])_=d[u];else{if(u!==f)return null;_=o+o.charAt(0)}g.push(_),d[f++]=o+_.charAt(0),o=_,0==--p&&(p=Math.pow(2,m),m++)}}};return o}();void 0===(r=function(){return i}.call(t,n,t,e))||(e.exports=r)},3785:function(e,t,n){"use strict";t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js.map \ No newline at end of file +(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[5295],{8945:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(6954);t.getParameters=function(e){return t=JSON.stringify(e),r.compressToBase64(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"");var t}},3302:function(e,t,n){"use strict";t.Z=void 0;var r=n(8945);t.Z=r.getParameters},5108:function(e){e.exports={bracketSpacing:!0,printWidth:80,semi:!1,singleQuote:!0,trailingComma:"none",tabWidth:2,useTabs:!1}},5153:function(e,t,n){"use strict";n.d(t,{$2:function(){return d},FT:function(){return y},LW:function(){return u},U6:function(){return x},b5:function(){return p},eC:function(){return _},jY:function(){return m},qn:function(){return l},tc:function(){return h},yX:function(){return f}});var r=n(1508),i=n(1195),o=n(2717),a=n(3792),s=n(2715),c=n(9939);const l="19rem",u="9rem",d="0.8rem",p="22.2rem",f="1rem",m="1.6rem",_=s.X.BOX,g=(0,i.css)(["position:relative;","{border-radius:",";}&:after{z-index:",";content:'';pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;","{border:"," solid ",";}","{border-top:"," solid ",";border-bottom:"," solid ",";}}"],o.iD.MIN_XS,_,c.k.STEP,o.iD.MIN_XS,s.x.DETAIL,a.DM.DETAIL_LOW_CONTRAST,o.iD.MAX_XS,s.x.DETAIL,a.DM.DETAIL_LOW_CONTRAST,s.x.DETAIL,a.DM.DETAIL_LOW_CONTRAST),b=(0,i.css)(["",";",";background-color:",";"],r.n,g,a.DM.BACKGROUND_CODE),h=(0,i.css)(["",";height:calc("," + "," * 2);"],b,l,m),x=(0,i.css)(["",";height:calc( "," + "," + "," + "," * 2 );"],b,l,u,d,m),y=(0,i.css)(["",";",";height:",";background-color:",";padding-left:",";padding-right:",";touch-action:none;"],r.n,g,p,a.DM.BACKGROUND_CODE,m,m)},149:function(e,t,n){"use strict";n.d(t,{GW:function(){return D},Wd:function(){return A},el:function(){return L},ep:function(){return C},f2:function(){return _},gt:function(){return M},jQ:function(){return I},jZ:function(){return k},k2:function(){return R},mz:function(){return O},s7:function(){return B},xf:function(){return g},zg:function(){return N}});var r=n(1195),i=n(9939),o=n(3792),a=n(2715),s=n(2717),c=n(727),l=n(2829),u=n(6732),d=n(4097),p=n(5153);const f=(0,r.css)([".embla{--slide-spacing:__replace_axis_spacing_amount__;--slide-size:__replace_slide_size__;--slide-height:",";padding:",";}.embla__viewport{overflow:hidden;}.embla__container{backface-visibility:hidden;display:flex;touch-action:__replace-axis-touch_action__;margin-__replace_axis_spacing__:calc(var(--slide-spacing) * -1);__replace_axis_height__ __replace_axis_flex__}.embla__slide{flex:0 0 var(--slide-size);min-__replace-axis-size__:0;padding-__replace_axis_spacing__:var(--slide-spacing);position:relative;}.embla__slide__img{display:block;height:__replace_image_height__;width:100%;object-fit:cover;}.embla__slide__number{"," z-index:",";position:absolute;top:__replace_axis_slide_number_spacing__;right:0.6rem;border-radius:",";background-color:rgba(",",0.85);line-height:4.6rem;font-weight:",";text-align:center;pointer-events:none;}.embla__slide__number > span{"," font-size:1.6rem;display:block;position:absolute;top:0;left:0;right:0;bottom:0;}"],p.qn,p.jY,(0,l.x)("4.6rem"),i.k.STEP,a.X.CIRCLE,o.DM.BACKGROUND_SITE_RGB_VALUE,c.X.BLACK,d.V),m=(0,r.css)([".embla__slide:nth-child(1){flex:0 0 60%;}.embla__slide:nth-child(2){flex:0 0 40%;}.embla__slide:nth-child(3){flex:0 0 30%;}.embla__slide:nth-child(4){flex:0 0 90%;}.embla__slide:nth-child(5){flex:0 0 35%;}.embla__slide:nth-child(6){flex:0 0 55%;}.embla__slide:nth-child(7){flex:0 0 85%;}.embla__slide:nth-child(8){flex:0 0 46%;}.embla__slide:nth-child(9){flex:0 0 30%;}"]),_=(0,r.css)([".embla__button{-webkit-appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;}.embla__buttons{display:flex;align-items:center;position:absolute;top:50%;transform:translateY(-50%);left:__replace_axis_arrows_position__;__replace_axis_arrows__}.embla__button{z-index:",";color:",";display:flex;align-items:center;justify-content:center;cursor:pointer;","}.embla__button:disabled{opacity:0.3;}.embla__button__svg{","}"],i.k.STEP,o.DM.BACKGROUND_SITE,(0,l.x)("4rem"),(0,l.x)("65%")),g=(0,r.css)([".embla__dot{-webkit-appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;}.embla__dots{z-index:",";bottom:",";position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;}.embla__dot{"," display:flex;align-items:center;margin-right:0.75rem;margin-left:0.75rem;}.embla__dot:after{background:",";border-radius:",";width:100%;height:0.3rem;content:'';}.embla__dot--selected:after{background:",";}"],i.k.STEP,p.jY,(0,l.x)("2.4rem"),o.DM.BACKGROUND_SITE,a.X.LINE,"linear-gradient(45deg, "+o.DM.BRAND_PRIMARY+", "+o.DM.BRAND_SECONDARY+")"),b=(0,r.css)([""," ",""],_,g),h=(0,r.css)([".embla-thumbs{--thumbs-slide-spacing:",";--thumbs-slide-height:",";margin-top:var(--thumbs-slide-spacing);}.embla-thumbs__viewport{overflow:hidden;}.embla-thumbs__container{display:flex;flex-direction:row;margin-left:calc(var(--thumbs-slide-spacing) * -1);}.embla-thumbs__slide{flex:0 0 28%;min-__replace-axis-size__:0;padding-left:var(--thumbs-slide-spacing);position:relative;}","{.embla-thumbs__slide{flex:0 0 18%;}}.embla-thumbs__slide__button{-webkit-appearance:none;background-color:transparent;touch-action:manipulation;display:block;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:100%;opacity:0.2;transition:opacity 0.2s;}.embla-thumbs__slide--selected .embla-thumbs__slide__button{opacity:1;}.embla-thumbs__slide__img{display:block;height:var(--thumbs-slide-height);width:100%;object-fit:cover;}.embla-thumbs__slide__number{"," z-index:",";position:absolute;top:0.3rem;right:0.3rem;border-radius:",";background-color:rgba(",",0.85);line-height:3rem;font-weight:",";text-align:center;pointer-events:none;}.embla-thumbs__slide__number > span{"," font-size:1.4rem;display:block;position:absolute;top:0;left:0;right:0;bottom:0;}"],p.$2,p.LW,s.iD.MIN_XS,(0,l.x)("3rem"),i.k.STEP,a.X.CIRCLE,o.DM.BACKGROUND_SITE_RGB_VALUE,c.X.BLACK,d.V),x=(0,r.css)([".embla__progress{z-index:",";background-color:",";position:absolute;height:0.3rem;border-radius:",";left:0;right:0;bottom:2.6rem;margin-left:auto;margin-right:auto;pointer-events:none;width:21rem;max-width:90%;overflow:hidden;}.embla__progress__bar{"," position:absolute;width:100%;top:0;bottom:0;left:-100%;}"],i.k.STEP,o.DM.BACKGROUND_SITE,a.X.LINE,d.o),y=(0,r.css)([".embla__parallax{height:100%;overflow:hidden;}.embla__parallax__layer{position:relative;height:100%;width:100%;}.embla__parallax__img{max-width:none;width:calc(100% + (var(--slide-spacing) * 2));margin-left:calc(var(--slide-spacing) * -1);}"]),v=(0,r.css)([".embla__scale{height:100%;position:relative;backface-visibility:hidden;}"]),E=(0,r.css)([".embla__lazy-load{position:relative;height:100%;}.embla__lazy-load__spinner{border:"," solid rgba(",",0.2);border-left:"," solid ",";font-size:1rem;display:inline-flex;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;text-indent:-9999em;animation:loading 1.1s infinite linear;border-radius:",";","}.embla__lazy-load__spinner:after{border-radius:inherit;","}.embla__lazy-load__img{opacity:0;transition:opacity 0.2s ease-in-out;}.embla__lazy-load--has-loaded .embla__lazy-load__img{opacity:1;}@keyframes loading{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"],a.x.ACCENT_VERTICAL,o.DM.TEXT_HIGH_CONTRAST_RGB_VALUE,a.x.ACCENT_VERTICAL,o.DM.TEXT_HIGH_CONTRAST,a.X.CIRCLE,(0,l.x)("5rem"),(0,l.x)("5rem")),w=(0,r.css)([".embla__class-names{transition:opacity 0.2s ease-in-out;}.embla__class-names:not(.is-snapped){opacity:0.16;}"]),S=(0,r.css)([".embla-infinite-scroll{position:relative;flex:0 0 15rem;min-__replace-axis-size__:0;height:var(--slide-height);display:flex;align-items:center;justify-content:center;}.embla-infinite-scroll__spinner{display:none;border:"," solid rgba(",",0.2);border-left:"," solid ",";font-size:1rem;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;text-indent:-9999em;animation:loading 1.1s infinite linear;border-radius:",";","}.embla-infinite-scroll__spinner:after{border-radius:inherit;","}.embla-infinite-scroll--loading-more > .embla-infinite-scroll__spinner{display:inline-flex;}@keyframes loading{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"],a.x.ACCENT_VERTICAL,o.DM.TEXT_HIGH_CONTRAST_RGB_VALUE,a.x.ACCENT_VERTICAL,o.DM.TEXT_HIGH_CONTRAST,a.X.CIRCLE,(0,l.x)("5rem"),(0,l.x)("5rem")),T=(0,r.css)([".embla{position:relative;display:flex;width:100%;height:",";max-width:30rem;margin-left:auto;margin-right:auto;}.embla:before,.embla:after{position:absolute;left:0;right:0;content:'';display:block;height:calc(50% - 32px / 2);z-index:",";pointer-events:none;}.embla:before{top:-0.5px;border-bottom:0.5px solid rgba(",",0.3);background:linear-gradient( to top,rgba(",",0.65) 0%,rgba(",",1) 100% );}.embla:after{bottom:-0.5px;border-top:0.5px solid rgba(",",0.3);background:linear-gradient( to bottom,rgba(",",0.65) 0%,rgba(",",1) 100% );}.embla__ios-picker{height:100%;display:flex;align-items:center;min-width:50%;justify-content:center;line-height:1;font-size:1.8rem;}.embla__ios-picker__scene{min-width:100%;height:100%;overflow:hidden;display:flex;align-items:center;touch-action:pan-x;}.embla__ios-picker__viewport{height:32px;width:100%;position:relative;perspective:1000px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;}.embla__ios-picker__viewport--perspective-left{perspective-origin:calc(50% + 130px) 50%;transform:translateX(27px);}.embla__ios-picker__viewport--perspective-right{perspective-origin:calc(50% - 130px) 50%;transform:translateX(-27px);}.embla__ios-picker__container{height:100%;width:100%;position:absolute;transform-style:preserve-3d;will-change:transform;}.embla__ios-picker__slide{position:absolute;top:0 !important;left:0 !important;width:100%;height:100%;font-size:19px;text-align:center;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;opacity:0;}.embla__ios-picker__label{font-weight:",";transform:translateX(-55px);pointer-events:none;}"],p.b5,i.k.STEP,o.DM.TEXT_HIGH_CONTRAST_RGB_VALUE,o.DM.BACKGROUND_CODE_RGB_VALUE,o.DM.BACKGROUND_CODE_RGB_VALUE,o.DM.TEXT_HIGH_CONTRAST_RGB_VALUE,o.DM.BACKGROUND_CODE_RGB_VALUE,o.DM.BACKGROUND_CODE_RGB_VALUE,c.X.BOLD),C=function(e,t,n,r){void 0===e&&(e="100%"),void 0===t&&(t=p.yX),void 0===n&&(n="x"),void 0===r&&(r=[]);const i="x"===n,o=i?"":"flex-direction: column;",a=i?"left":"top",s="pan-"+(i?"y":"x"),c=i?"width":"height",l=i?"var(--slide-height)":"100%",d=i?"1.6rem":"2.4rem",m=i?"":"height: calc(var(--slide-spacing) + var(--slide-height));",_=i?"0.6rem":"calc(var(--slide-spacing) + 0.6rem)";return((0,u.J)(f)+("string"==typeof r?r:(0,u.J)(r))).replace(/__replace_axis_flex__/gi,o).replace(/__replace-axis-size__/gi,c).replace(/__replace_axis_arrows_position__/gi,d).replace(/__replace_axis_arrows__/gi,o).replace(/__replace-axis-touch_action__/gi,s).replace(/__replace_axis_spacing__/gi,a).replace(/__replace_axis_spacing_amount__/gi,t).replace(/__replace_axis_height__/gi,m).replace(/__replace_image_height__/gi,l).replace(/__replace_axis_slide_number_spacing__/gi,_).replace(/__replace_slide_size__/gi,e)},A=(e,t,n)=>C(e,t,n,m),O=(e,t,n)=>C(e,t,n,b),I=(e,t,n)=>C(e,t,n,h),D=(e,t,n)=>C(e,t,n,x),N=(e,t,n)=>C(e,t,n,y),L=(e,t,n)=>C(e,t,n,v),k=(e,t,n)=>C(e,t,n,w),R=(e,t,n)=>C(e,t,n,E),M=(e,t,n)=>C(e,t,n,S),B=()=>(0,u.J)(T)},3977:function(e,t,n){"use strict";n.d(t,{R:function(){return a},m:function(){return o}});var r=n(9591),i=n(7843);const o=(0,r.o)("radio"),a=(0,i.Y)("radio")},7843:function(e,t,n){"use strict";n.d(t,{Y:function(){return x}});var r=n(2784),i=n(1195),o=n(2693),a=n(5807),s=n(2829),c=n(3471),l=n(4097),u=n(2715),d=n(6849),p=n(9939),f=n(3792),m=n(9322);const _=i.default.label.withConfig({displayName:"createRadioOrCheckboxCard__RadioOrCheckboxCardWrapper",componentId:"sc-10bqvgs-0"})(["",";",";display:flex;align-items:center;justify-content:center;position:relative;height:100%;"],d.C,o.l),g=i.default.span.withConfig({displayName:"createRadioOrCheckboxCard__LabelContent",componentId:"sc-10bqvgs-1"})(["z-index:",";position:relative;display:block;width:100%;cursor:pointer;"],p.k.STEP),b=i.default.span.withConfig({displayName:"createRadioOrCheckboxCard__Highlight",componentId:"sc-10bqvgs-2"})(["",";top:-",";left:-",";bottom:-",";right:-",";display:block;position:absolute;border-radius:inherit;pointer-events:none;visibility:hidden;&:after{background-color:",";border-radius:inherit;position:absolute;top:",";left:",";bottom:",";right:",";content:'';}"],l.o,u.x.DETAIL,u.x.DETAIL,u.x.DETAIL,u.x.DETAIL,f.DM.BACKGROUND_CODE,u.x.OUTLINE,u.x.OUTLINE,u.x.OUTLINE,u.x.OUTLINE),h=i.default.input.withConfig({displayName:"createRadioOrCheckboxCard__Input",componentId:"sc-10bqvgs-3"})(["",";",";position:absolute;border-radius:",";top:0;left:0;",";appearance:none;-webkit-appearance:none;border:0;background-color:transparent;pointer-events:none;&:after{display:block;content:'';position:absolute;top:0;left:0;",";}&:checked + ","{visibility:visible;}&[disabled] + "," + ","{cursor:not-allowed;}&[disabled]:checked + ","{background-image:none;background-color:",";}"],d.C,m.J,u.X.CARD,(0,s.x)("100%"),(0,s.x)("100%"),b,b,g,b,f.DM.DETAIL_HIGH_CONTRAST),x=e=>{const t=(0,c.g)("input-"+e+"-card"),n=t=>{const{children:n,...i}=t,{isKeyNavigating:o}=(0,a.t)();return r.createElement(_,{htmlFor:i.id},r.createElement(h,Object.assign({type:e,$isKeyNavigating:o},i)),r.createElement(b,null),r.createElement(g,null,n))};return n.displayName=t,n}},9591:function(e,t,n){"use strict";n.d(t,{o:function(){return E}});var r=n(2784),i=n(1195),o=n(3792),a=n(127),s=n(5807),c=n(2829),l=n(2715),u=n(4097),d=n(3471),p=n(6849),f=n(9322);const m="2.5rem",_=i.default.span.withConfig({displayName:"createRadioOrCheckboxDefault__RadioOrCheckboxDefaultWrapper",componentId:"sc-1f4htb9-0"})(["display:flex;align-items:flex-start;flex-wrap:wrap;"]),g=i.default.span.withConfig({displayName:"createRadioOrCheckboxDefault__InputWrapper",componentId:"sc-1f4htb9-1"})(["flex:0 0 ",";position:relative;min-width:0;"],m),b=i.default.span.withConfig({displayName:"createRadioOrCheckboxDefault__InputLineHeight",componentId:"sc-1f4htb9-2"})(["color:",";width:",";display:inline-block;line-height:inherit;"],o.DM.BACKGROUND_SITE,m),h=i.default.input.withConfig({displayName:"createRadioOrCheckboxDefault__Input",componentId:"sc-1f4htb9-3"})(["",";",";",";appearance:none;-webkit-appearance:none;position:absolute;top:50%;left:0;top:50%;transform:translateY(-50%);background-color:",";cursor:pointer;&:before,&:after{display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}&:before{",";background-color:",";}&:after{",";}&:checked{&:after{",";}}&[disabled]{cursor:not-allowed;}&[disabled]:checked{&:after{background-image:none;background-color:",";}}"],(0,c.x)(m),p.C,f.J,o.DM.DETAIL_MEDIUM_CONTRAST,(0,c.x)("2rem"),o.DM.BACKGROUND_CODE,(0,c.x)("1.2rem"),u.o,o.DM.DETAIL_HIGH_CONTRAST),x=(0,i.default)(h).withConfig({displayName:"createRadioOrCheckboxDefault__InputRadio",componentId:"sc-1f4htb9-4"})(["border-radius:",";&:before{border-radius:",";}&:after{border-radius:",";}"],l.X.CIRCLE,l.X.CIRCLE,l.X.CIRCLE),y=(0,i.default)(h).withConfig({displayName:"createRadioOrCheckboxDefault__InputCheckbox",componentId:"sc-1f4htb9-5"})(["border-radius:",";&:before{border-radius:",";}&:after{border-radius:0;}"],l.X.LINE,l.X.LINE),v=i.default.label.withConfig({displayName:"createRadioOrCheckboxDefault__Label",componentId:"sc-1f4htb9-6"})(["",";padding-left:",";min-width:0;flex:0 0 calc(100% - ",");",";"],p.C,a.v.TWO,m,(e=>{let{$disabled:t}=e;return t&&(0,i.css)(["color:",";"],o.DM.TEXT_LOW_CONTRAST)})),E=e=>{const t="radio"===e?x:y,n=(0,d.g)("input-"+e+"-default"),i=n=>{const{children:i,...o}=n,{isKeyNavigating:a}=(0,s.t)();return r.createElement(_,null,r.createElement(g,null,r.createElement(b,null,"-"),r.createElement(t,Object.assign({type:e,$isKeyNavigating:a},o))),r.createElement(v,{htmlFor:o.id,$disabled:o.disabled},i))};return i.displayName=n,i}},286:function(e,t,n){"use strict";n.d(t,{V:function(){return b}});var r=n(2784),i=n(1195),o=n(9900),a=(n(7694),n(4049)),s=n(5211);var c=n(6807),l=n(3792),u=n(727),d=n(127);const p=i.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],u.u.COMPLEMENTARY,d.v.THREE),f=(0,i.css)(["color:",";padding:"," 0;"],l.DM.TEXT_LOW_CONTRAST,d.v.ONE),m=(0,i.default)(o.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],f),_=i.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],f),g=(0,i.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],l.DM.TEXT_LOW_CONTRAST,d.v.ONE),b=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,s.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,a.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:r.createElement(p,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:i,slug:o,title:a}=e;return t!==n.length-1?r.createElement(r.Fragment,{key:i},r.createElement(m,{to:o},a),r.createElement(g,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):r.createElement(_,{key:i},a)})))}},3559:function(e,t,n){"use strict";n.d(t,{l:function(){return p}});var r=n(2784),i=n(1195),o=n(9900),a=n(3792),s=n(727),c=n(127),l=n(2657),u=n(6722);const d=(0,i.default)(o.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],s.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,a.DM.TEXT_LOW_CONTRAST),p=e=>{const{pageUrl:t}=e,n=l.n.GITHUB_DOCUMENTATION+"/"+t;return r.createElement(d,{to:n},r.createElement(u.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){"use strict";n.d(t,{R:function(){return b}});var r=n(2784),i=n(1195),o=n(9900),a=n(4097),s=n(3792),c=n(127),l=n(727),u=n(6722),d=n(6991);const p=c.v.FOUR,f=i.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(p,"","div"),c.v.EIGHT),m=i.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],s.DM.BRAND_PRIMARY,s.DM.BRAND_SECONDARY),_=i.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],s.DM.TEXT_LOW_CONTRAST,c.v.ONE),g=i.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],l.X.MEDIUM,u.EG,a.V),b=e=>{const{next:t,previous:n}=e;return r.createElement(f,{"aria-label":"Pagination Navigation"},r.createElement(m,null,n&&r.createElement(o.t,{to:n.slug},r.createElement(_,null,"Previous"),r.createElement(g,null,r.createElement(u.M5,{iconSvg:"arrowLeft"},n.title)))),r.createElement(m,null,t&&r.createElement(o.t,{to:t.slug},r.createElement(_,null,"Next"),r.createElement(g,null,r.createElement(u.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},5541:function(e,t,n){"use strict";var r=n(2784),i=n(2270),o=n(6375);t.Z=e=>{const{slides:t,options:n}=e,[a]=(0,i.Z)(n);return r.createElement("div",{className:"embla"},r.createElement("div",{className:"embla__viewport",ref:a},r.createElement("div",{className:"embla__container"},t.map((e=>r.createElement("div",{className:"embla__slide",key:e},r.createElement("div",{className:"embla__slide__number"},r.createElement("span",null,e+1)),r.createElement("img",{className:"embla__slide__img",src:(0,o.Z)(e),alt:"Your alt text"})))))))}},6375:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});const r=[n.p+"static/slide-1-ae1074a2ded156f4bb23fc2cbf269223.jpg",n.p+"static/slide-2-4a3fdf56a1fd7125dc80f4574dae6bbf.jpg",n.p+"static/slide-3-90be65c116762a9e53a2ddf8b625feec.jpg",n.p+"static/slide-4-f352d7c20aee3f1a7868858247d7dbb7.jpg"];var i=e=>r[e%r.length]},2061:function(e,t,n){"use strict";n.d(t,{j:function(){return w}});var r=n(3302),i=n(6133),o=n(6101),a=n(5252),s=n(9015),c=n(4147),l=n(3471),u=n(5441);var d=n(3792),p=n(4392),f=n(5850);const m=async e=>{const t=await n.e(116).then(n.bind(n,116)),r=d.cE+(0,p.m)(),i=(0,l.g)(e," ");return t.default.replace(f.Wt,r).replace(f.jB,i)};var _=n(1799);const g=async(e,t)=>{let r;r=e?await n.e(6635).then(n.bind(n,6635)):await n.e(6897).then(n.bind(n,6897));const i=(0,l.g)(t," ");return r.default.replace(f.jB,i)};var b=n(2657);const h=async e=>{let t;return t=e?await n.e(8886).then(n.bind(n,8886)):await n.e(6690).then(n.bind(n,6690)),t.default.replace(f.pL,b.n.GITHUB_ROOT)},x=/import(.*)from\s'assets/g,y=async e=>{let t;return t=e?await n.e(8819).then(n.bind(n,6658)):await n.e(9386).then(n.bind(n,9386)),t.default.replace(x,(e=>e.replace("assets","..")))},v=/import(.*)from\s'..\/imageByIndex/,E=async()=>(await n.e(3331).then(n.bind(n,3331))).default,w=async e=>{const{id:t,carouselScript:n,indexScript:d,slides:p,options:b,styles:x,plugins:w,sandboxOverrides:S,language:T=f.yR.JAVASCRIPT}=e,C=t+"-react",A=(0,a.K)(o.m.IMAGES),{prettierConfig:O,formatCss:I}=await(0,s.E)(),{isTypeScript:D,reactScriptExtension:N,vanillaScriptExtension:L,formatScript:k}=await(0,u.sz)(T),R=await(async(e,t,n)=>{const{dependencies:r,devDependencies:i}=c,{isJavaScript:a,reactScriptExtension:s}=await(0,u.sz)(e);return{name:t,version:"1.0.0",description:(0,l.g)(t," ")+" Example",main:o.m.JS+"/index."+s,scripts:{start:"react-scripts start",build:"react-scripts build",test:"react-scripts test --env=jsdom",eject:"react-scripts eject"},dependencies:{react:r.react,"react-dom":r["react-dom"],"react-scripts":"4.0.0","embla-carousel-react":r["embla-carousel-react"],"embla-carousel":r["embla-carousel"],...n&&n},devDependencies:a?{"@babel/runtime":"7.13.8"}:{"@types/react":i["@types/react"],"@types/react-dom":i["@types/react-dom"],typescript:i.typescript},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}})(T,C,w),M={include:["./src/**/*","./declarations.d.ts"],compilerOptions:{strict:!0,esModuleInterop:!0,lib:["dom","es2015"],jsx:"react-jsx"}},B=(e=>e.replace(v,(e=>e.replace("../","./"))))(n),[j,P,z,G,U,H]=await Promise.all([m(C),d||(0,_.S)(D,p,b),g(D,C),h(D),y(D),E()]),X={".prettierrc":{isBinary:!1,content:JSON.stringify(O,null,"\t")},"package.json":{isBinary:!1,content:JSON.stringify(R,null,"\t")},[o.m.PUBLIC+"/index.html"]:{isBinary:!1,content:j},[o.m.CSS+"/base.css"]:{isBinary:!1,content:I(i.H)},[o.m.CSS+"/sandbox.css"]:{isBinary:!1,content:I(i.z)},[o.m.CSS+"/embla.css"]:{isBinary:!1,content:I(x)},[o.m.JS+"/index."+N]:{isBinary:!1,content:k(P)},[o.m.JS+"/Header."+N]:{isBinary:!1,content:k(z)},[o.m.JS+"/Footer."+N]:{isBinary:!1,content:k(G)},[o.m.JS+"/EmblaCarousel."+N]:{isBinary:!1,content:k(B)},[o.m.JS+"/imageByIndex."+L]:{isBinary:!1,content:k(U)}};return D&&Object.assign(X,{"tsconfig.json":{isBinary:!1,content:JSON.stringify(M,null,"\t")},"declarations.d.ts":{isBinary:!1,content:H}}),(0,r.Z)({files:Object.assign({},X,A,S)})}},1799:function(e,t,n){"use strict";n.d(t,{N:function(){return l},S:function(){return c}});var r=n(5441),i=n(5850);const o=/import\sEmblaCarousel\sfrom\s'(.*)'/,a=/const\sSLIDE_COUNT\s=\s\d{1,}/,s='import EmblaCarousel from "./EmblaCarousel"',c=async(e,t,c)=>{const l=t.length.toString();let u;return u=e?await n.e(3984).then(n.bind(n,3984)):await n.e(4307).then(n.bind(n,4307)),u.default.replace(o,s).replace(i.jw,(0,r.Y8)(c)).replace(a,(e=>e.replace(/\d{1,}/,l)))},l=async(e,t)=>{let a;return a=e?await n.e(2874).then(n.bind(n,2874)):await n.e(2191).then(n.bind(n,2191)),a.default.replace(o,s).replace(i.st,(0,r.IS)(t))}},6101:function(e,t,n){"use strict";n.d(t,{m:function(){return r}});const r={PUBLIC:"public",CSS:"src/css",JS:"src/js",IMAGES:"src/images"}},9145:function(e,t,n){"use strict";n.d(t,{L:function(){return f}});var r=n(2784),i=n(1195),o=n(6807),a=n(3977),s=n(727),c=n(127),l=n(2829);const u={VANILLA_JS:"javascript",VANILLA_TS:"typescript",REACT_JS:"react",REACT_TS:"react"},d=i.default.span.withConfig({displayName:"SandboxSelectionInput__RadioLabelContent",componentId:"sc-sob6nf-0"})(["display:flex;flex-direction:column;padding:",";line-height:1;text-align:center;align-items:center;font-size:",";font-weight:",";"],c.v.TWO,s.u.DETAIL,s.X.MEDIUM),p=(0,i.default)(o.J).withConfig({displayName:"SandboxSelectionInput__RadioLabelSvg",componentId:"sc-sob6nf-1"})(["",";margin-bottom:",";"],(0,l.x)("3rem"),c.v.TWO),f=e=>{const{children:t,framework:n,...i}=e;return r.createElement(a.R,i,r.createElement(d,null,r.createElement(p,{svg:u[n]}),t))}},1069:function(e,t,n){"use strict";n.d(t,{y:function(){return E}});var r=n(3302),i=n(6133),o=n(5016),a=n(5252),s=n(9015),c=n(4147),l=n(3471),u=n(5441);const d=async()=>(await n.e(6563).then(n.bind(n,6563))).default;var p=n(3792),f=n(2657),m=n(4392),_=n(5850);const g=/__replace_sandbox_script_src__/g,b=/__replace_sandbox_code__/g,h=async(e,t,r)=>{const i=await n.e(9942).then(n.bind(n,9942)),a=p.cE+(0,m.m)(),s=(0,l.g)(e," "),c=o.G.JS+"/index."+t;return i.default.replace(_.Wt,a).replace(_.jB,s).replace(g,c).replace(_.pL,f.n.GITHUB_ROOT).replace(b,r)},x=/\/static\/slide-\d{1,}-.+?\./g,y=/slide-\d{1,}/,v=e=>e.replace(x,(e=>{const t=e.match(y)||[];return o.G.IMAGES+"/"+t+"."})),E=async e=>{const{id:t,carouselScript:n,carouselHtml:p,options:f,styles:m,plugins:g,sandboxOverrides:b,language:x=_.yR.JAVASCRIPT}=e,y=t+"-vanilla",E=(0,a.K)(o.G.IMAGES),{prettierConfig:w,formatHtml:S,formatCss:T}=await(0,s.E)(),{isTypeScript:C,vanillaScriptExtension:A,formatScript:O}=await(0,u.sz)(x),I=await(async(e,t,n)=>{const{isJavaScript:r}=await(0,u.sz)(e),{dependencies:i,devDependencies:o}=c;return{name:t,version:"1.0.0",description:(0,l.g)(t," ")+" Example",main:"index.html",scripts:{start:"parcel index.html --open",build:"parcel build index.html"},dependencies:{"parcel-bundler":"^1.6.1","embla-carousel":i["embla-carousel-react"],...n&&n},devDependencies:r?{"@babel/core":"7.2.0"}:{typescript:o.typescript},resolutions:{"@babel/preset-env":"7.13.8"}}})(x,y,g),D={include:["./src/**/*","./declarations.d.ts"],compilerOptions:{strict:!0,module:"commonjs",jsx:"preserve",esModuleInterop:!0,sourceMap:!0,allowJs:!0,lib:["es6","dom"],rootDir:"src",moduleResolution:"node"}},N=((e,t)=>{const n=null==t?void 0:t.loop;return e.replace(_.jw,(0,u.Y8)(t)).replace(_.st,(0,u.IS)(n))})(n,f),[L,k]=await Promise.all([h(y,A,v(p)),d()]),R={".prettierrc":{isBinary:!1,content:JSON.stringify(w,null,"\t")},"package.json":{isBinary:!1,content:JSON.stringify(I,null,"\t")},"index.html":{isBinary:!1,content:S(L)},[o.G.CSS+"/base.css"]:{isBinary:!1,content:T(i.H)},[o.G.CSS+"/sandbox.css"]:{isBinary:!1,content:T(i.z)},[o.G.CSS+"/embla.css"]:{isBinary:!1,content:T(m)},[o.G.JS+"/index."+A]:{isBinary:!1,content:O(N)}};return C&&Object.assign(R,{"tsconfig.json":{isBinary:!1,content:JSON.stringify(D,null,"\t")},"declarations.d.ts":{isBinary:!1,content:k}}),(0,r.Z)({files:Object.assign({},R,E,b)})}},5016:function(e,t,n){"use strict";n.d(t,{G:function(){return r}});const r={CSS:"src/css",JS:"src/js",IMAGES:"src/images"}},5252:function(e,t,n){"use strict";n.d(t,{K:function(){return o}});var r=n(2657);const i=(0,n(6609).S)(4).map((e=>r.n.GITHUB_DOCUMENTATION_RAW+"/src/assets/images/slide-"+(e+1)+".jpg")),o=e=>i.reduce(((t,n,r)=>({...t,[e+"/slide-"+(r+1)+".jpg"]:{isBinary:!0,content:n}})),{})},6133:function(e,t,n){"use strict";n.d(t,{H:function(){return b},z:function(){return h}});var r=n(1195),i=n(6732),o=n(750),a=n(8781),s=n(3228),c=n(5153),l=n(2717),u=n(2715),d=n(727),p=n(3792);const f=(0,r.css)([".sandbox{width:100%;}","{.sandbox{margin-left:auto;margin-right:auto;max-width:67rem;}}"],l.iD.MIN_SM),m=(0,r.css)([".sandbox__carousel{position:relative;background-color:",";}","{.sandbox__carousel{border-top:"," solid ",";border-bottom:"," solid ",";}}","{.sandbox__carousel{border-radius:",";border:"," solid ",";}}"],p.DM.BACKGROUND_CODE,l.iD.MAX_SM,u.x.DETAIL,p.DM.DETAIL_LOW_CONTRAST,u.x.DETAIL,p.DM.DETAIL_LOW_CONTRAST,l.iD.MIN_SM,c.eC,u.x.DETAIL,p.DM.DETAIL_LOW_CONTRAST),_=(0,r.css)([".sandbox__header{font-size:2rem;font-weight:",";text-align:center;padding:4rem 2rem 2rem 2rem;}"],d.X.BOLD),g=(0,r.css)([".sandbox__footer{display:flex;justify-content:center;padding:2rem 2rem 4rem 2rem;}.sandbox__footer__link{display:flex;align-items:center;background-color:transparent;text-decoration:none;text-align:center;font-weight:",";color:",";font-size:1.4rem;}.sandbox__footer__link__svg{display:block;width:2rem;height:2rem;margin-right:1rem;fill:currentColor;}"],d.X.BOLD,p.DM.TEXT_LOW_CONTRAST),b=(0,i.J)(p.CX,o.C,a.u,s.h),h=(0,i.J)(f,m,_,g)},4810:function(e,t,n){"use strict";n.d(t,{p:function(){return s}});var r=n(2784),i=n(8116),o=n(8944),a=n(3471);const s=e=>{const{title:t,description:n,lang:s="en",url:c,children:l}=e,u=(0,i.$)(),d=t+" | "+(0,a.g)(u.title),p=n||u.description;return r.createElement(r.Fragment,null,r.createElement("html",{lang:s}),r.createElement("title",null,d),r.createElement("link",{rel:"canonical",href:c}),r.createElement("meta",{name:"description",content:p}),r.createElement("meta",{name:"og:title",content:t}),r.createElement("meta",{name:"og:description",content:p}),r.createElement("meta",{name:"og:type",content:"article"}),r.createElement("meta",{name:"og:locale",content:"en_EN"}),r.createElement("meta",{name:"og:url",content:c}),r.createElement("meta",{name:"og:site_name",content:(0,o.P)(u.siteUrl)}),r.createElement("meta",{name:"twitter:card",content:"summary"}),r.createElement("meta",{name:"twitter:creator",content:u.author}),r.createElement("meta",{name:"twitter:title",content:t}),r.createElement("meta",{name:"twitter:description",content:p}),l)}},5850:function(e,t,n){"use strict";n.d(t,{Ld:function(){return s},Wt:function(){return u},XE:function(){return a},jB:function(){return l},jw:function(){return d},pL:function(){return c},st:function(){return p},yR:function(){return o},zr:function(){return i}});var r=n(127);const i={VANILLA_JS:"Vanilla",VANILLA_TS:"Vanilla + TypeScript",REACT_TS:"React + TypeScript",REACT_JS:"React"},o={JAVASCRIPT:"javascript",TYPESCRIPT:"typescript"},a={AUTOPLAY:"embla-carousel-autoplay",CLASS_NAMES:"embla-carousel-class-names"},s=r.v.ONE,c=/__replace_sandbox_repository_url__/g,l=/__replace_sandbox_title__/g,u=/__replace_sandbox_theme__/g,d=/const\sOPTIONS(.*)/,p=/const\sLOOP\s=\sfalse/},6609:function(e,t,n){"use strict";n.d(t,{S:function(){return r}});const r=e=>Array.from(Array(e).keys())},4392:function(e,t,n){"use strict";n.d(t,{m:function(){return o}});var r=n(3792),i=n(7712);const o=()=>{if(!i.j)return r.YD.LIGHT;const e=r.cE+r.YD.LIGHT;return document.documentElement.classList.contains(e)?r.YD.LIGHT:r.YD.DARK}},3471:function(e,t,n){"use strict";n.d(t,{g:function(){return r}});const r=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},9015:function(e,t,n){"use strict";n.d(t,{E:function(){return o}});var r=n(1959);const i=n.n(r)(),o=async()=>{const[e,t,r,o]=await Promise.all([n.e(2859).then(n.t.bind(n,9691,23)),n.e(7572).then(n.t.bind(n,3282,23)),n.e(1039).then(n.t.bind(n,1039,23)),n.e(777).then(n.t.bind(n,8483,23))]),a={...i,parser:"html",plugins:[t]},s={...i,parser:"css",plugins:[r]},c={...i,parser:"babel",plugins:[o]},l={...i,parser:"babel-ts",plugins:[o]},u=(t,n)=>{let r="";try{r=e.format(t,n)}catch(i){console.warn("Prettier was not able to format file",i)}return r};return{prettierConfig:i,formatHtml:e=>u(e,a),formatCss:e=>u(e,s),formatJs:e=>u(e,c),formatTs:e=>u(e,l)}}},8944:function(e,t,n){"use strict";n.d(t,{P:function(){return r}});const r=e=>e.replace(/(^\w+:|^)\/\//,"")},5441:function(e,t,n){"use strict";n.d(t,{$b:function(){return s},IS:function(){return u},Y8:function(){return l},d6:function(){return c},sz:function(){return a}});var r=n(4147),i=n(9015),o=n(5850);const a=async e=>{const{formatTs:t,formatJs:n}=await(0,i.E)(),r=e===o.yR.TYPESCRIPT,a=!r;return{isJavaScript:a,isTypeScript:r,vanillaScriptExtension:a?"js":"ts",reactScriptExtension:a?"jsx":"tsx",formatScript:r?t:n}},s=e=>Object.keys(e).map((t=>{const n=t,r=e[n];return{key:n,label:o.zr[n],createSandbox:r}})),c=e=>({plugins:{...(Array.isArray(e)?e:[e]).reduce(((e,t)=>({...e,[t]:r.dependencies[t]})),{})}}),l=e=>t=>t.replace("{}",JSON.stringify(e)),u=function(e){return void 0===e&&(e=!1),t=>t.replace("false",e.toString())}},6732:function(e,t,n){"use strict";n.d(t,{J:function(){return r}});const r=function(){for(var e=arguments.length,t=new Array(e),n=0;ne+t.join("")),"")}},1959:function(e,t,n){e.exports=n(5108)},2270:function(e,t,n){"use strict";n.d(t,{Z:function(){return X}});var r=n(2784);function i(e){return function(e){return"[object Object]"===Object.prototype.toString.call(e)}(e)||Array.isArray(e)}function o(e,t){const n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;return JSON.stringify(Object.keys(e.breakpoints||{}))===JSON.stringify(Object.keys(t.breakpoints||{}))&&n.every((n=>{const r=e[n],a=t[n];return"function"==typeof r?""+r==""+a:i(r)&&i(a)?o(r,a):r===a}))}function a(e){return e.concat().sort(((e,t)=>e.name>t.name?1:-1)).map((e=>e.options))}var s=n(4616);function c(e){return"number"==typeof e}function l(e){return"string"==typeof e}function u(e){return"boolean"==typeof e}function d(e){return"[object Object]"===Object.prototype.toString.call(e)}function p(e){return Math.abs(e)}function f(e){return Math.sign(e)}function m(e,t){return p(e-t)}function _(e){return y(e).map(Number)}function g(e){return e[b(e)]}function b(e){return Math.max(0,e.length-1)}function h(e,t){return t===b(e)}function x(e,t){return void 0===t&&(t=0),Array.from(Array(e),((e,n)=>t+n))}function y(e){return Object.keys(e)}function v(e,t){return[e,t].reduce(((e,t)=>(y(t).forEach((n=>{const r=e[n],i=t[n],o=d(r)&&d(i);e[n]=o?v(r,i):i})),e)),{})}function E(e,t){return void 0!==t.MouseEvent&&e instanceof t.MouseEvent}function w(){let e=[];const t={add:function(n,r,i,o){let a;if(void 0===o&&(o={passive:!0}),"addEventListener"in n)n.addEventListener(r,i,o),a=()=>n.removeEventListener(r,i,o);else{const e=n;e.addListener(i),a=()=>e.removeListener(i)}return e.push(a),t},clear:function(){e=e.filter((e=>e()))}};return t}function S(e,t,n,r){const i=w(),o=1e3/60;let a=null,s=0,c=0;function l(e){a||(a=e);const i=e-a;for(a=e,s+=i;s>=o;)n(),s-=o;const u=p(s/o);r(u),c&&t.requestAnimationFrame(l)}function u(){t.cancelAnimationFrame(c),a=null,s=0,c=0}return{init:function(){i.add(e,"visibilitychange",(()=>{e.hidden&&(a=null,s=0)}))},destroy:function(){u(),i.clear()},start:function(){c||(c=t.requestAnimationFrame(l))},stop:u,update:n,render:r}}function T(e,t){void 0===e&&(e=0),void 0===t&&(t=0);const n=p(e-t);function r(t){return tt}function o(e){return r(e)||i(e)}return{length:n,max:t,min:e,constrain:function(n){return o(n)?r(n)?e:t:n},reachedAny:o,reachedMax:i,reachedMin:r,removeOffset:function(e){return n?e-n*Math.ceil((e-t)/n):e}}}function C(e,t,n){const{constrain:r}=T(0,e),i=e+1;let o=a(t);function a(e){return n?p((i+e)%i):r(e)}function s(){return o}function c(){return C(e,s(),n)}const l={get:s,set:function(e){return o=a(e),l},add:function(e){return c().set(s()+e)},clone:c};return l}function A(e,t,n,r,i,o,a,s,c,l,d,_,g,b,h,x,y,v,S,C){const{cross:A}=e,O=["INPUT","SELECT","TEXTAREA"],I={passive:!1},D=w(),N=w(),L=T(50,225).constrain(h.measure(20)),k={mouse:300,touch:400},R={mouse:500,touch:600},M=x?43:25;let B=!1,j=0,P=0,z=!1,G=!1,U=!1,H=!1;function X(e){const n=a.readPoint(e),r=a.readPoint(e,A),i=m(n,j),s=m(r,P);if(!G&&!H){if(!e.cancelable)return J(e);if(G=i>s,!G)return J(e)}const l=a.pointerMove(e);i>y&&(U=!0),d.useFriction(.3).useDuration(1),c.start(),o.add(t.apply(l)),e.preventDefault()}function J(e){const n=_.byDistance(0,!1).index!==g.get(),r=a.pointerUp(e)*(x?R:k)[H?"mouse":"touch"],i=function(e,t){const n=g.add(-1*f(e)),r=_.byDistance(e,!x).distance;return x||p(e)=2,z=!0,a.pointerDown(e),d.useFriction(0).useDuration(0),o.set(s),function(){const e=H?r:n;N.add(e,"touchmove",X,I).add(e,"touchend",J).add(e,"mousemove",X,I).add(e,"mouseup",J)}(),j=a.readPoint(e),P=a.readPoint(e,A),b.emit("pointerDown")}(t)}const c=n;D.add(c,"dragstart",(e=>e.preventDefault()),I).add(c,"touchmove",(()=>{}),I).add(c,"touchend",(()=>{})).add(c,"touchstart",t).add(c,"mousedown",t).add(c,"touchcancel",J).add(c,"contextmenu",J).add(c,"click",V,!0)},pointerDown:function(){return z},destroy:function(){D.clear(),N.clear()}}}function O(e,t){let n,r;function i(e){return e.timeStamp}function o(n,r){const i="client"+("x"===(r||e.scroll)?"X":"Y");return(E(n,t)?n:n.touches[0])[i]}return{pointerDown:function(e){return n=e,r=e,o(e)},pointerMove:function(e){const t=o(e)-o(r),a=i(e)-i(n)>170;return r=e,a&&(n=e),t},pointerUp:function(e){if(!n||!r)return 0;const t=o(r)-o(n),a=i(e)-i(n),s=i(e)-i(r)>170,c=t/a;return a&&!s&&p(c)>.1?c:0},readPoint:o}}function I(e,t,n,r,i,o,a){let s,c,l=[],d=!1;function f(e){return i.measureSize(a.measure(e))}return{init:function(i){if(!o)return;c=f(e),l=r.map(f),s=new ResizeObserver((a=>{d||(u(o)||o(i,a))&&function(o){for(const a of o){const o=a.target===e,s=r.indexOf(a.target),u=o?c:l[s];if(p(f(o?e:r[s])-u)>=.5){n.requestAnimationFrame((()=>{i.reInit(),t.emit("resize")}));break}}}(a)})),[e].concat(r).forEach((e=>s.observe(e)))},destroy:function(){s&&s.disconnect(),d=!0}}}function D(e,t,n,r,i){const o=i.measure(10),a=i.measure(50),s=T(.1,.99);let c=!1;return{constrain:function(i){if(c||!e.reachedAny(n.get())||!e.reachedAny(t.get()))return;const l=e.reachedMin(t.get())?"min":"max",u=p(e[l]-t.get()),d=n.get()-t.get(),f=s.constrain(u/a);n.subtract(d*f),!i&&p(d)e.add(i)))}}}function L(e,t,n,r,i){const{reachedAny:o,removeOffset:a,constrain:s}=r;function c(e){return e.concat().sort(((e,t)=>p(e)-p(t)))[0]}function l(t,r){const i=[t,t+n,t-n];if(!e)return i[0];if(!r)return c(i);const o=i.filter((e=>f(e)===r));return o.length?c(o):g(i)-n}return{byDistance:function(n,r){const c=i.get()+n,{index:u,distance:d}=function(n){const r=e?a(n):s(n),i=t.map((e=>e-r)).map((e=>l(e,0))).map(((e,t)=>({diff:e,index:t}))).sort(((e,t)=>p(e.diff)-p(t.diff))),{index:o}=i[0];return{index:o,distance:r}}(c),f=!e&&o(c);return!r||f?{index:u,distance:n}:{index:u,distance:n+l(t[u]-d,0)}},byIndex:function(e,n){return{index:e,distance:l(t[e]-i.get(),n)}},shortcut:l}}function k(e){let t=e;function n(e){return c(e)?e:e.get()}return{get:function(){return t},set:function(e){t=n(e)},add:function(e){t+=n(e)},subtract:function(e){t-=n(e)}}}function R(e,t,n){const r="x"===e.scroll?function(e){return"translate3d("+e+"px,0px,0px)"}:function(e){return"translate3d(0px,"+e+"px,0px)"},i=n.style;let o=!1;return{clear:function(){o||(i.transform="",n.getAttribute("style")||n.removeAttribute("style"))},to:function(e){o||(i.transform=r(t.apply(e)))},toggleActive:function(e){o=!e}}}function M(e,t,n,r,i,o,a,s,c,l){const u=_(o),d=_(o).reverse(),p=function(){const e=s[0];return g(m(d,e),r,!1)}().concat(function(){const e=n-s[0]-1;return g(m(u,e),-r,!0)}());function f(e,t){return e.reduce(((e,t)=>e-o[t]),t)}function m(e,t){return e.reduce(((e,n)=>f(e,t)>0?e.concat([n]):e),[])}function g(o,s,u){const d=function(e){return a.map(((t,r)=>({start:t-i[r]+.5+e,end:t+n-.5+e})))}(s);return o.map((n=>{const i=u?0:-r,o=u?r:0,a=u?"end":"start",s=d[n][a];return{index:n,loopPoint:s,slideLocation:k(-1),translate:R(e,t,l[n]),target:()=>c.get()>s?i:o}}))}return{canLoop:function(){return p.every((e=>{let{index:t}=e;return f(u.filter((e=>e!==t)),n)<=.1}))},clear:function(){p.forEach((e=>e.translate.clear()))},loop:function(){p.forEach((e=>{const{target:t,translate:n,slideLocation:r}=e,i=t();i!==r.get()&&(n.to(i),r.set(i))}))},loopPoints:p}}function B(e,t,n){let r,i=!1;return{init:function(o){n&&(r=new MutationObserver((e=>{i||(u(n)||n(o,e))&&function(e){for(const n of e)if("childList"===n.type){o.reInit(),t.emit("slidesChanged");break}}(e)})),r.observe(e,{childList:!0}))},destroy:function(){r&&r.disconnect(),i=!0}}}function j(e,t,n,r){const i={};let o,a=null,s=null,c=!1;return{init:function(){o=new IntersectionObserver((e=>{c||(e.forEach((e=>{const n=t.indexOf(e.target);i[n]=e})),a=null,s=null,n.emit("slidesInView"))}),{root:e.parentElement,threshold:r}),t.forEach((e=>o.observe(e)))},destroy:function(){o&&o.disconnect(),c=!0},get:function(e){if(void 0===e&&(e=!0),e&&a)return a;if(!e&&s)return s;const t=function(e){return y(i).reduce(((t,n)=>{const r=parseInt(n),{isIntersecting:o}=i[r];return(e&&o||!e&&!o)&&t.push(r),t}),[])}(e);return e&&(a=t),e||(s=t),t}}}function P(e,t,n,r,i,o,a,s,l,u){const{startEdge:d,endEdge:f}=e,m=c(r);return{groupSlides:function(e){return m?function(e,t){return _(e).filter((e=>e%t==0)).map((n=>e.slice(n,n+t)))}(e,r):function(e){return e.length?_(e).reduce(((r,c)=>{const m=g(r)||0,_=0===m,h=c===b(e),x=o[d]-a[m][d],y=o[d]-a[c][f],v=!i&&_?t.apply(s):0;return p(y-(!i&&h?t.apply(l):0)-(x+v))>n+u&&r.push(c),h&&r.push(e.length),r}),[]).map(((t,n,r)=>{const i=Math.max(r[n-1]||0);return e.slice(i,t)})):[]}(e)}}}function z(e,t,n,r,i,o,a){const{align:s,axis:u,direction:d,startIndex:m,loop:y,duration:v,dragFree:E,dragThreshold:z,inViewThreshold:G,slidesToScroll:U,skipSnaps:H,containScroll:X,watchResize:J,watchSlides:V,watchDrag:W}=o,F={measure:function(e){const{offsetTop:t,offsetLeft:n,offsetWidth:r,offsetHeight:i}=e;return{top:t,right:n+r,bottom:t+i,left:n,width:r,height:i}}},K=F.measure(t),Y=n.map(F.measure),Z=function(e){const t="rtl"===e?-1:1;return{apply:function(e){return e*t}}}(d),q=function(e,t){const n="y"===e?"y":"x";return{scroll:n,cross:"y"===e?"x":"y",startEdge:"y"===n?"top":"rtl"===t?"right":"left",endEdge:"y"===n?"bottom":"rtl"===t?"left":"right",measureSize:function(e){const{width:t,height:r}=e;return"x"===n?t:r}}}(u,d),$=q.measureSize(K),Q=function(e){return{measure:function(t){return e*(t/100)}}}($),ee=function(e,t){const n={start:function(){return 0},center:function(e){return r(e)/2},end:r};function r(e){return t-e}return{measure:function(r,i){return l(e)?n[e](r):e(t,r,i)}}}(s,$),te=!y&&!!X,ne=y||!!X,{slideSizes:re,slideSizesWithGaps:ie,startGap:oe,endGap:ae}=function(e,t,n,r,i,o){const{measureSize:a,startEdge:s,endEdge:c}=e,l=n[0]&&i,u=function(){if(!l)return 0;const e=n[0];return p(t[s]-e[s])}(),d=function(){if(!l)return 0;const e=o.getComputedStyle(g(r));return parseFloat(e.getPropertyValue("margin-"+c))}(),f=n.map(a),m=n.map(((e,t,n)=>{const r=!t,i=h(n,t);return r?f[t]+u:i?f[t]+d:n[t+1][s]-e[s]})).map(p);return{slideSizes:f,slideSizesWithGaps:m,startGap:u,endGap:d}}(q,K,Y,n,ne,i),se=P(q,Z,$,U,y,K,Y,oe,ae,2),{snaps:ce,snapsAligned:le}=function(e,t,n,r,i){const{startEdge:o,endEdge:a}=e,{groupSlides:s}=i,c=s(r).map((e=>g(e)[a]-e[0][o])).map(p).map(t.measure),l=r.map((e=>n[o]-e[o])).map((e=>-p(e))),u=s(l).map((e=>e[0])).map(((e,t)=>e+c[t]));return{snaps:l,snapsAligned:u}}(q,ee,K,Y,se),ue=-g(ce)+g(ie),{snapsContained:de,scrollContainLimit:pe}=function(e,t,n,r,i){const o=T(-t+e,0),a=n.map(((e,t)=>{const r=!t,i=h(n,t);return r?o.max:i?o.min:o.constrain(e)})).map((e=>parseFloat(e.toFixed(3)))),s=function(){const e=a[0],t=g(a);return T(a.lastIndexOf(e),a.indexOf(t)+1)}();return{snapsContained:function(){if(t<=e+i)return[o.max];if("keepSnaps"===r)return a;const{min:n,max:c}=s;return a.slice(n,c)}(),scrollContainLimit:s}}($,ue,le,X,2),fe=te?de:le,{limit:me}=function(e,t,n){const r=t[0];return{limit:T(n?r-e:g(t),r)}}(ue,fe,y),_e=C(b(fe),m,y),ge=_e.clone(),be=_(n),he=S(r,i,(()=>(e=>{let{dragHandler:t,scrollBody:n,scrollBounds:r,options:{loop:i}}=e;i||r.constrain(t.pointerDown()),n.seek()})(Ne)),(e=>((e,t)=>{let{scrollBody:n,translate:r,location:i,offsetLocation:o,scrollLooper:a,slideLooper:s,dragHandler:c,animation:l,eventHandler:u,options:{loop:d}}=e;const p=n.velocity(),f=n.settled();f&&!c.pointerDown()&&(l.stop(),u.emit("settle")),f||u.emit("scroll"),o.set(i.get()-p+p*t),d&&(a.loop(n.direction()),s.loop()),r.to(o.get())})(Ne,e))),xe=fe[_e.get()],ye=k(xe),ve=k(xe),Ee=k(xe),we=function(e,t,n,r,i){let o=0,a=0,s=r,c=i,l=e.get(),u=0;function d(e){return s=e,_}function m(e){return c=e,_}const _={direction:function(){return a},duration:function(){return s},velocity:function(){return o},seek:function(){const t=n.get()-e.get();let r=0;return s?(o+=t/s,o*=c,l+=o,e.add(o),r=l-u):(o=0,e.set(n),r=t),a=f(r),u=l,_},settled:function(){return p(n.get()-t.get())<.001},useBaseFriction:function(){return m(i)},useBaseDuration:function(){return d(r)},useFriction:m,useDuration:d};return _}(ye,ve,Ee,v,.68),Se=L(y,fe,ue,me,Ee),Te=function(e,t,n,r,i,o,a){function s(i){const s=i.distance,c=i.index!==t.get();o.add(s),s&&(r.duration()?e.start():(e.update(),e.render(1),e.update())),c&&(n.set(t.get()),t.set(i.index),a.emit("select"))}return{distance:function(e,t){s(i.byDistance(e,t))},index:function(e,n){const r=t.clone().set(e);s(i.byIndex(r.get(),n))}}}(he,_e,ge,we,Se,Ee,a),Ce=function(e){const{max:t,length:n}=e;return{get:function(e){return n?(e-t)/-n:0}}}(me),Ae=w(),Oe=j(t,n,a,G),{slideRegistry:Ie}=function(e,t,n,r,i,o){const{groupSlides:a}=i,{min:s,max:c}=r;return{slideRegistry:function(){const r=a(o),i=!e||"keepSnaps"===t;return 1===n.length?[o]:i?r:r.slice(s,c).map(((e,t,n)=>{const r=!t,i=h(n,t);return r?x(g(n[0])+1):i?x(b(o)-g(n)[0]+1,g(n)[0]):e}))}()}}(te,X,fe,pe,se,be),De=function(e,t,n,r,i,o){let a=0;function s(e){"Tab"===e.code&&(a=(new Date).getTime())}function l(s){o.add(s,"focus",(()=>{if((new Date).getTime()-a>10)return;e.scrollLeft=0;const o=t.indexOf(s),l=n.findIndex((e=>e.includes(o)));c(l)&&(i.useDuration(0),r.index(l,0))}),{passive:!0,capture:!0})}return{init:function(){o.add(document,"keydown",s,!1),t.forEach(l)}}}(e,n,Ie,Te,we,Ae),Ne={ownerDocument:r,ownerWindow:i,eventHandler:a,containerRect:K,slideRects:Y,animation:he,axis:q,direction:Z,dragHandler:A(q,Z,e,r,i,Ee,O(q,i),ye,he,Te,we,Se,_e,a,Q,E,z,H,.68,W),eventStore:Ae,percentOfView:Q,index:_e,indexPrevious:ge,limit:me,location:ye,offsetLocation:ve,options:o,resizeHandler:I(t,a,i,n,q,J,F),scrollBody:we,scrollBounds:D(me,ye,Ee,we,Q),scrollLooper:N(ue,me,ve,[ye,ve,Ee]),scrollProgress:Ce,scrollSnapList:fe.map(Ce.get),scrollSnaps:fe,scrollTarget:Se,scrollTo:Te,slideLooper:M(q,Z,$,ue,re,ie,ce,fe,ve,n),slideFocus:De,slidesHandler:B(t,a,V),slidesInView:Oe,slideIndexes:be,slideRegistry:Ie,slidesToScroll:se,target:Ee,translate:R(q,Z,t)};return Ne}const G={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0};function U(e){function t(e,t){return v(e,t||{})}const n={mergeOptions:t,optionsAtMedia:function(n){const r=n.breakpoints||{},i=y(r).filter((t=>e.matchMedia(t).matches)).map((e=>r[e])).reduce(((e,n)=>t(e,n)),{});return t(n,i)},optionsMediaQueries:function(t){return t.map((e=>y(e.breakpoints||{}))).reduce(((e,t)=>e.concat(t)),[]).map(e.matchMedia)}};return n}function H(e,t,n){const r=e.ownerDocument,i=r.defaultView,o=U(i),a=function(e){let t=[];return{init:function(n,r){return t=r.filter((t=>{let{options:n}=t;return!1!==e.optionsAtMedia(n).active})),t.forEach((t=>t.init(n,e))),r.reduce(((e,t)=>Object.assign(e,{[t.name]:t})),{})},destroy:function(){t=t.filter((e=>e.destroy()))}}}(o),c=w(),u=function(){const e={};let t;function n(t){return e[t]||[]}const r={init:function(e){t=e},emit:function(e){return n(e).forEach((n=>n(t,e))),r},off:function(t,i){return e[t]=n(t).filter((e=>e!==i)),r},on:function(t,i){return e[t]=n(t).concat([i]),r}};return r}(),{mergeOptions:d,optionsAtMedia:p,optionsMediaQueries:f}=o,{on:m,off:_,emit:g}=u,b=I;let h,x,y,v,E=!1,S=d(G,H.globalOptions),T=d(S),C=[];function A(t){const n=z(e,y,v,r,i,t,u);if(t.loop&&!n.slideLooper.canLoop()){return A(Object.assign({},t,{loop:!1}))}return n}function O(t,n){E||(S=d(S,t),T=p(S),C=n||C,function(){const{container:t,slides:n}=T,r=l(t)?e.querySelector(t):t;y=r||e.children[0];const i=l(n)?y.querySelectorAll(n):n;v=[].slice.call(i||y.children)}(),h=A(T),f([S].concat((0,s.Z)(C.map((e=>{let{options:t}=e;return t}))))).forEach((e=>c.add(e,"change",I))),T.active&&(h.translate.to(h.location.get()),h.animation.init(),h.slidesInView.init(),h.slideFocus.init(),h.eventHandler.init(k),h.resizeHandler.init(k),h.slidesHandler.init(k),h.options.loop&&h.slideLooper.loop(),y.offsetParent&&v.length&&h.dragHandler.init(k),x=a.init(k,C)))}function I(e,t){const n=L();D(),O(d({startIndex:n},e),t),u.emit("reInit")}function D(){h.dragHandler.destroy(),h.eventStore.clear(),h.translate.clear(),h.slideLooper.clear(),h.resizeHandler.destroy(),h.slidesHandler.destroy(),h.slidesInView.destroy(),h.animation.destroy(),a.destroy(),c.clear()}function N(e,t,n){T.active&&!E&&(h.scrollBody.useBaseFriction().useDuration(!0===t?0:T.duration),h.scrollTo.index(e,n||0))}function L(){return h.index.get()}const k={canScrollNext:function(){return h.index.add(1).get()!==L()},canScrollPrev:function(){return h.index.add(-1).get()!==L()},containerNode:function(){return y},internalEngine:function(){return h},destroy:function(){E||(E=!0,c.clear(),D(),u.emit("destroy"))},off:_,on:m,emit:g,plugins:function(){return x},previousScrollSnap:function(){return h.indexPrevious.get()},reInit:b,rootNode:function(){return e},scrollNext:function(e){N(h.index.add(1).get(),e,-1)},scrollPrev:function(e){N(h.index.add(-1).get(),e,1)},scrollProgress:function(){return h.scrollProgress.get(h.location.get())},scrollSnapList:function(){return h.scrollSnapList},scrollTo:N,selectedScrollSnap:L,slideNodes:function(){return v},slidesInView:function(){return h.slidesInView.get()},slidesNotInView:function(){return h.slidesInView.get(!1)}};return O(t,n),setTimeout((()=>u.emit("init")),0),k}function X(e,t){void 0===e&&(e={}),void 0===t&&(t=[]);const n=(0,r.useRef)(e),i=(0,r.useRef)(t),{0:s,1:c}=(0,r.useState)(),{0:l,1:u}=(0,r.useState)(),d=(0,r.useCallback)((()=>{s&&s.reInit(n.current,i.current)}),[s]);return(0,r.useEffect)((()=>{if("undefined"!=typeof window&&window.document&&window.document.createElement&&l){H.globalOptions=X.globalOptions;const e=H(l,n.current,i.current);return c(e),()=>e.destroy()}c(void 0)}),[l,c]),(0,r.useEffect)((()=>{o(n.current,e)||(n.current=e,d())}),[e,d]),(0,r.useEffect)((()=>{(function(e,t){if(e.length!==t.length)return!1;const n=a(e),r=a(t);return n.every(((e,t)=>o(e,r[t])))})(i.current,t)||(i.current=t,d())}),[t,d]),[u,s]}H.globalOptions=void 0,X.globalOptions=void 0},6954:function(e,t,n){var r,i=function(){var e=String.fromCharCode,t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",r={};function i(e,t){if(!r[e]){r[e]={};for(var n=0;n>>8,n[2*r+1]=a%256}return n},decompressFromUint8Array:function(t){if(null==t)return o.decompress(t);for(var n=new Array(t.length/2),r=0,i=n.length;r>=1}else{for(i=1,r=0;r>=1}0==--d&&(d=Math.pow(2,f),f++),delete s[u]}else for(i=a[u],r=0;r>=1;0==--d&&(d=Math.pow(2,f),f++),a[l]=p++,u=String(c)}if(""!==u){if(Object.prototype.hasOwnProperty.call(s,u)){if(u.charCodeAt(0)<256){for(r=0;r>=1}else{for(i=1,r=0;r>=1}0==--d&&(d=Math.pow(2,f),f++),delete s[u]}else for(i=a[u],r=0;r>=1;0==--d&&(d=Math.pow(2,f),f++)}for(i=2,r=0;r>=1;for(;;){if(_<<=1,g==t-1){m.push(n(_));break}g++}return m.join("")},decompress:function(e){return null==e?"":""==e?null:o._decompress(e.length,32768,(function(t){return e.charCodeAt(t)}))},_decompress:function(t,n,r){var i,o,a,s,c,l,u,d=[],p=4,f=4,m=3,_="",g=[],b={val:r(0),position:n,index:1};for(i=0;i<3;i+=1)d[i]=i;for(a=0,c=Math.pow(2,2),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;switch(a){case 0:for(a=0,c=Math.pow(2,8),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;u=e(a);break;case 1:for(a=0,c=Math.pow(2,16),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;u=e(a);break;case 2:return""}for(d[3]=u,o=u,g.push(u);;){if(b.index>t)return"";for(a=0,c=Math.pow(2,m),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;switch(u=a){case 0:for(a=0,c=Math.pow(2,8),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;d[f++]=e(a),u=f-1,p--;break;case 1:for(a=0,c=Math.pow(2,16),l=1;l!=c;)s=b.val&b.position,b.position>>=1,0==b.position&&(b.position=n,b.val=r(b.index++)),a|=(s>0?1:0)*l,l<<=1;d[f++]=e(a),u=f-1,p--;break;case 2:return g.join("")}if(0==p&&(p=Math.pow(2,m),m++),d[u])_=d[u];else{if(u!==f)return null;_=o+o.charAt(0)}g.push(_),d[f++]=o+_.charAt(0),o=_,0==--p&&(p=Math.pow(2,m),m++)}}};return o}();void 0===(r=function(){return i}.call(t,n,t,e))||(e.exports=r)},3785:function(e,t,n){"use strict";t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js.map \ No newline at end of file diff --git a/docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js.map b/docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js.map similarity index 99% rename from docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js.map rename to docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js.map index 4d14218b4..3cf1adf8b 100644 --- a/docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js.map +++ b/docs/8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js.map @@ -1 +1 @@ -{"version":3,"file":"8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js","mappings":"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","sources":["webpack://embla-carousel-docs/../../node_modules/codesandbox-import-utils/lib/api/define.js","webpack://embla-carousel-docs/../../node_modules/codesandbox/lib/api/define.js","webpack://embla-carousel-docs/../../.prettierrc.js","webpack://embla-carousel-docs/./src/components/Examples/carouselWrapperStyles.ts","webpack://embla-carousel-docs/./src/components/Examples/createCarouselStyles.ts","webpack://embla-carousel-docs/./src/components/Input/InputRadio.tsx","webpack://embla-carousel-docs/./src/components/Input/createRadioOrCheckboxCard.tsx","webpack://embla-carousel-docs/./src/components/Input/createRadioOrCheckboxDefault.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/imageByIndex.ts","webpack://embla-carousel-docs/./src/assets/images/slide-1.jpg","webpack://embla-carousel-docs/./src/assets/images/slide-2.jpg","webpack://embla-carousel-docs/./src/assets/images/slide-3.jpg","webpack://embla-carousel-docs/./src/assets/images/slide-4.jpg","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactIndexHtml.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactHeader.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactFooter.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactImages.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactImagePath.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactTsDeclarations.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReact.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactPackageJson.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactTsConfig.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactEntry.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/sandboxReactFolders.ts","webpack://embla-carousel-docs/./src/components/Sandbox/SandboxSelectionInput.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaPackageJson.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaTsDeclarations.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaEntry.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaImagePaths.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanilla.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaTsConfig.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaOptions.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/sandboxVanillaFolders.ts","webpack://embla-carousel-docs/./src/components/Sandbox/sandboxImages.ts","webpack://embla-carousel-docs/./src/components/Sandbox/sandboxStyles.ts","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/consts/sandbox.ts","webpack://embla-carousel-docs/./src/utils/arrayFromNumber.ts","webpack://embla-carousel-docs/./src/utils/getThemeFromDocument.ts","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/loadPrettier.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/utils/sandbox.ts","webpack://embla-carousel-docs/./src/utils/styledComponentStylesToString.ts","webpack://embla-carousel-docs/./.prettierrc.js","webpack://embla-carousel-docs/../src/components/utils.ts","webpack://embla-carousel-docs/../src/components/Alignment.ts","webpack://embla-carousel-docs/../src/components/EventStore.ts","webpack://embla-carousel-docs/../src/components/Animations.ts","webpack://embla-carousel-docs/../src/components/Axis.ts","webpack://embla-carousel-docs/../src/components/Limit.ts","webpack://embla-carousel-docs/../src/components/Counter.ts","webpack://embla-carousel-docs/../src/components/Direction.ts","webpack://embla-carousel-docs/../src/components/DragHandler.ts","webpack://embla-carousel-docs/../src/components/DragTracker.ts","webpack://embla-carousel-docs/../src/components/ResizeHandler.ts","webpack://embla-carousel-docs/../src/components/ScrollBounds.ts","webpack://embla-carousel-docs/../src/components/ScrollLooper.ts","webpack://embla-carousel-docs/../src/components/ScrollTarget.ts","webpack://embla-carousel-docs/../src/components/Vector1d.ts","webpack://embla-carousel-docs/../src/components/Translate.ts","webpack://embla-carousel-docs/../src/components/SlideLooper.ts","webpack://embla-carousel-docs/../src/components/SlidesHandler.ts","webpack://embla-carousel-docs/../src/components/SlidesInView.ts","webpack://embla-carousel-docs/../src/components/SlidesToScroll.ts","webpack://embla-carousel-docs/../src/components/Engine.ts","webpack://embla-carousel-docs/../src/components/NodeRects.ts","webpack://embla-carousel-docs/../src/components/PercentOfView.ts","webpack://embla-carousel-docs/../src/components/SlideSizes.ts","webpack://embla-carousel-docs/../src/components/ScrollSnaps.ts","webpack://embla-carousel-docs/../src/components/ScrollContain.ts","webpack://embla-carousel-docs/../src/components/ScrollLimit.ts","webpack://embla-carousel-docs/../src/components/ScrollBody.ts","webpack://embla-carousel-docs/../src/components/ScrollTo.ts","webpack://embla-carousel-docs/../src/components/ScrollProgress.ts","webpack://embla-carousel-docs/../src/components/SlideRegistry.ts","webpack://embla-carousel-docs/../src/components/SlideFocus.ts","webpack://embla-carousel-docs/../src/components/Options.ts","webpack://embla-carousel-docs/../src/components/OptionsHandler.ts","webpack://embla-carousel-docs/../src/components/EmblaCarousel.ts","webpack://embla-carousel-docs/../src/components/PluginsHandler.ts","webpack://embla-carousel-docs/../src/components/EventHandler.ts","webpack://embla-carousel-docs/../src/components/useEmblaCarousel.ts","webpack://embla-carousel-docs/../../node_modules/lz-string/libs/lz-string.js","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar LZString = require(\"lz-string\");\nfunction compress(input) {\n return LZString.compressToBase64(input)\n .replace(/\\+/g, \"-\") // Convert '+' to '-'\n .replace(/\\//g, \"_\") // Convert '/' to '_'\n .replace(/=+$/, \"\"); // Remove ending '='\n}\nfunction getParameters(parameters) {\n return compress(JSON.stringify(parameters));\n}\nexports.getParameters = getParameters;\n//# sourceMappingURL=define.js.map","\"use strict\";\nexports.__esModule = true;\nexports.getParameters = void 0;\nvar define_1 = require(\"codesandbox-import-utils/lib/api/define\");\nexports.getParameters = define_1.getParameters;\n//# sourceMappingURL=define.js.map","module.exports = {\n bracketSpacing: true,\n printWidth: 80,\n semi: false,\n singleQuote: true,\n trailingComma: 'none',\n tabWidth: 2,\n useTabs: false\n}\n","import { pageFrameCollapseStyles } from 'components/Page/PageFrameCollapse'\nimport { css } from 'styled-components'\nimport { MEDIA } from 'consts/breakpoints'\nimport { COLORS } from 'consts/themes'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { LAYERS } from 'consts/layers'\n\nexport const CAROUSEL_DEFAULT_HEIGHT = '19rem'\nexport const CAROUSEL_THUMB_SLIDES_HEIGHT = '9rem'\nexport const CAROUSEL_THUMB_SLIDES_SPACING = '0.8rem'\nexport const CAROUSEL_IOS_PICKER_HEIGHT = '22.2rem'\nexport const CAROUSEL_SLIDES_SPACING = '1rem'\nexport const CAROUSEL_WRAPPER_SPACING = '1.6rem'\nexport const CAROUSEL_WRAPPER_RADIUS = BORDER_RADIUSES.BOX\n\nconst borderStyles = css`\n position: relative;\n\n ${MEDIA.MIN_XS} {\n border-radius: ${CAROUSEL_WRAPPER_RADIUS};\n }\n\n &:after {\n z-index: ${LAYERS.STEP};\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: inherit;\n\n ${MEDIA.MIN_XS} {\n border: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n }\n ${MEDIA.MAX_XS} {\n border-top: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n border-bottom: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n }\n }\n`\n\nconst baseWrapperStyles = css`\n ${pageFrameCollapseStyles};\n ${borderStyles};\n background-color: ${COLORS.BACKGROUND_CODE};\n`\n\nexport const carouselDefaultWrapperStyles = css`\n ${baseWrapperStyles};\n height: calc(${CAROUSEL_DEFAULT_HEIGHT} + ${CAROUSEL_WRAPPER_SPACING} * 2);\n`\n\nexport const carouselThumbsWrapperStyles = css`\n ${baseWrapperStyles};\n height: calc(\n ${CAROUSEL_DEFAULT_HEIGHT} + ${CAROUSEL_THUMB_SLIDES_HEIGHT} +\n ${CAROUSEL_THUMB_SLIDES_SPACING} + ${CAROUSEL_WRAPPER_SPACING} * 2\n );\n`\n\nexport const iosPickerWrapperStyles = css`\n ${pageFrameCollapseStyles};\n ${borderStyles};\n height: ${CAROUSEL_IOS_PICKER_HEIGHT};\n background-color: ${COLORS.BACKGROUND_CODE};\n padding-left: ${CAROUSEL_WRAPPER_SPACING};\n padding-right: ${CAROUSEL_WRAPPER_SPACING};\n touch-action: none;\n`\n","import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { LAYERS } from 'consts/layers'\nimport { COLORS } from 'consts/themes'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { MEDIA } from 'consts/breakpoints'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { styledComponentsStylesToString } from 'utils/styledComponentStylesToString'\nimport {\n BRAND_GRADIENT_TEXT_STYLES,\n BRAND_GRADIENT_BACKGROUND_STYLES\n} from 'consts/gradients'\nimport {\n CAROUSEL_DEFAULT_HEIGHT,\n CAROUSEL_THUMB_SLIDES_HEIGHT,\n CAROUSEL_IOS_PICKER_HEIGHT,\n CAROUSEL_THUMB_SLIDES_SPACING,\n CAROUSEL_WRAPPER_SPACING,\n CAROUSEL_SLIDES_SPACING\n} from './carouselWrapperStyles'\n\nexport const BASE_STYLES = css`\n .embla {\n --slide-spacing: __replace_axis_spacing_amount__;\n --slide-size: __replace_slide_size__;\n --slide-height: ${CAROUSEL_DEFAULT_HEIGHT};\n padding: ${CAROUSEL_WRAPPER_SPACING};\n }\n\n .embla__viewport {\n overflow: hidden;\n }\n\n .embla__container {\n backface-visibility: hidden;\n display: flex;\n touch-action: __replace-axis-touch_action__;\n margin-__replace_axis_spacing__: calc(var(--slide-spacing) * -1);\n __replace_axis_height__\n __replace_axis_flex__\n }\n\n .embla__slide {\n flex: 0 0 var(--slide-size);\n min-__replace-axis-size__: 0;\n padding-__replace_axis_spacing__: var(--slide-spacing);\n position: relative;\n }\n\n .embla__slide__img {\n display: block;\n height: __replace_image_height__;\n width: 100%;\n object-fit: cover;\n }\n\n .embla__slide__number {\n ${createSquareSizeStyles('4.6rem')}\n z-index: ${LAYERS.STEP};\n position: absolute;\n top: __replace_axis_slide_number_spacing__;\n right: 0.6rem;\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n background-color: rgba(${COLORS.BACKGROUND_SITE_RGB_VALUE}, 0.85);\n line-height: 4.6rem;\n font-weight: ${FONT_WEIGHTS.BLACK};\n text-align: center;\n pointer-events: none;\n }\n\n .embla__slide__number > span {\n ${BRAND_GRADIENT_TEXT_STYLES}\n font-size: 1.6rem;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n`\n\nexport const VARIABLE_WIDTH_STYLES = css`\n .embla__slide:nth-child(1) {\n flex: 0 0 60%;\n }\n .embla__slide:nth-child(2) {\n flex: 0 0 40%;\n }\n .embla__slide:nth-child(3) {\n flex: 0 0 30%;\n }\n .embla__slide:nth-child(4) {\n flex: 0 0 90%;\n }\n .embla__slide:nth-child(5) {\n flex: 0 0 35%;\n }\n .embla__slide:nth-child(6) {\n flex: 0 0 55%;\n }\n .embla__slide:nth-child(7) {\n flex: 0 0 85%;\n }\n .embla__slide:nth-child(8) {\n flex: 0 0 46%;\n }\n .embla__slide:nth-child(9) {\n flex: 0 0 30%;\n }\n`\n\nexport const ARROWS_STYLES = css`\n .embla__button {\n -webkit-appearance: none;\n background-color: transparent;\n touch-action: manipulation;\n display: inline-flex;\n text-decoration: none;\n cursor: pointer;\n border: 0;\n padding: 0;\n margin: 0;\n }\n\n .embla__buttons {\n display: flex;\n align-items: center;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: __replace_axis_arrows_position__;\n __replace_axis_arrows__\n }\n\n .embla__button {\n z-index: ${LAYERS.STEP};\n color: ${COLORS.BACKGROUND_SITE};\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n ${createSquareSizeStyles('4rem')}\n }\n\n .embla__button:disabled {\n opacity: 0.3;\n }\n\n .embla__button__svg {\n ${createSquareSizeStyles('65%')}\n }\n`\n\nexport const DOTS_STYLES = css`\n .embla__dot {\n -webkit-appearance: none;\n background-color: transparent;\n touch-action: manipulation;\n display: inline-flex;\n text-decoration: none;\n cursor: pointer;\n border: 0;\n padding: 0;\n margin: 0;\n }\n\n .embla__dots {\n z-index: ${LAYERS.STEP};\n bottom: ${CAROUSEL_WRAPPER_SPACING};\n position: absolute;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .embla__dot {\n ${createSquareSizeStyles('2.4rem')}\n display: flex;\n align-items: center;\n margin-right: 0.75rem;\n margin-left: 0.75rem;\n }\n\n .embla__dot:after {\n background: ${COLORS.BACKGROUND_SITE};\n border-radius: ${BORDER_RADIUSES.LINE};\n width: 100%;\n height: 0.3rem;\n content: '';\n }\n\n .embla__dot--selected:after {\n background: ${`linear-gradient(45deg, ${COLORS.BRAND_PRIMARY}, ${COLORS.BRAND_SECONDARY})`};\n }\n`\n\nexport const ARROWS_DOTS_STYLES = css`\n ${ARROWS_STYLES}\n ${DOTS_STYLES}\n`\n\nexport const THUMBS_STYLES = css`\n .embla-thumbs {\n --thumbs-slide-spacing: ${CAROUSEL_THUMB_SLIDES_SPACING};\n --thumbs-slide-height: ${CAROUSEL_THUMB_SLIDES_HEIGHT};\n margin-top: var(--thumbs-slide-spacing);\n }\n\n .embla-thumbs__viewport {\n overflow: hidden;\n }\n\n .embla-thumbs__container {\n display: flex;\n flex-direction: row;\n margin-left: calc(var(--thumbs-slide-spacing) * -1);\n }\n\n .embla-thumbs__slide {\n flex: 0 0 28%;\n min-__replace-axis-size__: 0;\n padding-left: var(--thumbs-slide-spacing);\n position: relative;\n }\n\n ${MEDIA.MIN_XS} {\n .embla-thumbs__slide {\n flex: 0 0 18%;\n }\n }\n\n .embla-thumbs__slide__button {\n -webkit-appearance: none;\n background-color: transparent;\n touch-action: manipulation;\n display: block;\n text-decoration: none;\n cursor: pointer;\n border: 0;\n padding: 0;\n margin: 0;\n width: 100%;\n opacity: 0.2;\n transition: opacity 0.2s;\n }\n\n .embla-thumbs__slide--selected .embla-thumbs__slide__button {\n opacity: 1;\n }\n\n .embla-thumbs__slide__img {\n display: block;\n height: var(--thumbs-slide-height);\n width: 100%;\n object-fit: cover;\n }\n\n .embla-thumbs__slide__number {\n ${createSquareSizeStyles('3rem')}\n z-index: ${LAYERS.STEP};\n position: absolute;\n top: 0.3rem;\n right: 0.3rem;\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n background-color: rgba(${COLORS.BACKGROUND_SITE_RGB_VALUE}, 0.85);\n line-height: 3rem;\n font-weight: ${FONT_WEIGHTS.BLACK};\n text-align: center;\n pointer-events: none;\n }\n\n .embla-thumbs__slide__number > span {\n ${BRAND_GRADIENT_TEXT_STYLES}\n font-size: 1.4rem;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n`\n\nconst PROGRESS_STYLES = css`\n .embla__progress {\n z-index: ${LAYERS.STEP};\n background-color: ${COLORS.BACKGROUND_SITE};\n position: absolute;\n height: 0.3rem;\n border-radius: ${BORDER_RADIUSES.LINE};\n left: 0;\n right: 0;\n bottom: 2.6rem;\n margin-left: auto;\n margin-right: auto;\n pointer-events: none;\n width: 21rem;\n max-width: 90%;\n overflow: hidden;\n }\n\n .embla__progress__bar {\n ${BRAND_GRADIENT_BACKGROUND_STYLES}\n position: absolute;\n width: 100%;\n top: 0;\n bottom: 0;\n left: -100%;\n }\n`\n\nconst PARALLAX_STYLES = css`\n .embla__parallax {\n height: 100%;\n overflow: hidden;\n }\n\n .embla__parallax__layer {\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n .embla__parallax__img {\n max-width: none;\n width: calc(100% + (var(--slide-spacing) * 2));\n margin-left: calc(var(--slide-spacing) * -1);\n }\n`\n\nconst SCALE_STYLES = css`\n .embla__scale {\n height: 100%;\n position: relative;\n backface-visibility: hidden;\n }\n`\n\nconst LAZY_LOAD_STYLES = css`\n .embla__lazy-load {\n position: relative;\n height: 100%;\n }\n\n .embla__lazy-load__spinner {\n border: ${BORDER_SIZES.ACCENT_VERTICAL} solid\n rgba(${COLORS.TEXT_HIGH_CONTRAST_RGB_VALUE}, 0.2);\n border-left: ${BORDER_SIZES.ACCENT_VERTICAL} solid\n ${COLORS.TEXT_HIGH_CONTRAST};\n font-size: 1rem;\n display: inline-flex;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n text-indent: -9999em;\n animation: loading 1.1s infinite linear;\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n ${createSquareSizeStyles('5rem')}\n }\n\n .embla__lazy-load__spinner:after {\n border-radius: inherit;\n ${createSquareSizeStyles('5rem')}\n }\n\n .embla__lazy-load__img {\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n }\n\n .embla__lazy-load--has-loaded .embla__lazy-load__img {\n opacity: 1;\n }\n\n @keyframes loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n`\n\nconst CLASS_NAMES_STYLES = css`\n .embla__class-names {\n transition: opacity 0.2s ease-in-out;\n }\n\n .embla__class-names:not(.is-snapped) {\n opacity: 0.16;\n }\n`\n\nconst INFINITE_SCROLL_STYLES = css`\n .embla-infinite-scroll {\n position: relative;\n flex: 0 0 15rem;\n min-__replace-axis-size__: 0;\n height: var(--slide-height);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .embla-infinite-scroll__spinner {\n display: none;\n border: ${BORDER_SIZES.ACCENT_VERTICAL} solid\n rgba(${COLORS.TEXT_HIGH_CONTRAST_RGB_VALUE}, 0.2);\n border-left: ${BORDER_SIZES.ACCENT_VERTICAL} solid\n ${COLORS.TEXT_HIGH_CONTRAST};\n font-size: 1rem;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n text-indent: -9999em;\n animation: loading 1.1s infinite linear;\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n ${createSquareSizeStyles('5rem')}\n }\n\n .embla-infinite-scroll__spinner:after {\n border-radius: inherit;\n ${createSquareSizeStyles('5rem')}\n }\n\n .embla-infinite-scroll--loading-more > .embla-infinite-scroll__spinner {\n display: inline-flex;\n }\n\n @keyframes loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n`\n\nconst IOS_PICKER_STYLES = css`\n .embla {\n position: relative;\n display: flex;\n width: 100%;\n height: ${CAROUSEL_IOS_PICKER_HEIGHT};\n max-width: 30rem;\n margin-left: auto;\n margin-right: auto;\n }\n\n .embla:before,\n .embla:after {\n position: absolute;\n left: 0;\n right: 0;\n content: '';\n display: block;\n height: calc(50% - 32px / 2);\n z-index: ${LAYERS.STEP};\n pointer-events: none;\n }\n\n .embla:before {\n top: -0.5px;\n border-bottom: 0.5px solid rgba(${COLORS.TEXT_HIGH_CONTRAST_RGB_VALUE}, 0.3);\n background: linear-gradient(\n to top,\n rgba(${COLORS.BACKGROUND_CODE_RGB_VALUE}, 0.65) 0%,\n rgba(${COLORS.BACKGROUND_CODE_RGB_VALUE}, 1) 100%\n );\n }\n\n .embla:after {\n bottom: -0.5px;\n border-top: 0.5px solid rgba(${COLORS.TEXT_HIGH_CONTRAST_RGB_VALUE}, 0.3);\n background: linear-gradient(\n to bottom,\n rgba(${COLORS.BACKGROUND_CODE_RGB_VALUE}, 0.65) 0%,\n rgba(${COLORS.BACKGROUND_CODE_RGB_VALUE}, 1) 100%\n );\n }\n\n .embla__ios-picker {\n height: 100%;\n display: flex;\n align-items: center;\n min-width: 50%;\n justify-content: center;\n line-height: 1;\n font-size: 1.8rem;\n }\n\n .embla__ios-picker__scene {\n min-width: 100%;\n height: 100%;\n overflow: hidden;\n display: flex;\n align-items: center;\n touch-action: pan-x;\n }\n\n .embla__ios-picker__viewport {\n height: 32px;\n width: 100%;\n position: relative;\n perspective: 1000px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -webkit-tap-highlight-color: transparent;\n }\n\n .embla__ios-picker__viewport--perspective-left {\n perspective-origin: calc(50% + 130px) 50%;\n transform: translateX(27px);\n }\n\n .embla__ios-picker__viewport--perspective-right {\n perspective-origin: calc(50% - 130px) 50%;\n transform: translateX(-27px);\n }\n\n .embla__ios-picker__container {\n height: 100%;\n width: 100%;\n position: absolute;\n transform-style: preserve-3d;\n will-change: transform;\n }\n\n .embla__ios-picker__slide {\n position: absolute;\n top: 0 !important;\n left: 0 !important;\n width: 100%;\n height: 100%;\n font-size: 19px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n backface-visibility: hidden;\n opacity: 0;\n }\n\n .embla__ios-picker__label {\n font-weight: ${FONT_WEIGHTS.BOLD};\n transform: translateX(-55px);\n pointer-events: none;\n }\n`\n\nexport const createCarouselDefaultStyles = (\n slideSize: string = '100%',\n spacingSize: string = CAROUSEL_SLIDES_SPACING,\n axis: EmblaOptionsType['axis'] = 'x',\n customStyles: FlattenSimpleInterpolation | string = []\n): string => {\n const horizontal = axis === 'x'\n const flexDirection = horizontal ? '' : 'flex-direction: column;'\n const spacingDirection = horizontal ? 'left' : 'top'\n const panDirection = `pan-${horizontal ? 'y' : 'x'}`\n const sizeDimention = horizontal ? 'width' : 'height'\n const imageHeight = horizontal ? 'var(--slide-height)' : '100%'\n const arrowsPosition = horizontal ? '1.6rem' : '2.4rem'\n const containerHeight = horizontal\n ? ''\n : 'height: calc(var(--slide-spacing) + var(--slide-height));'\n const slideNumberSpacing = horizontal\n ? '0.6rem'\n : 'calc(var(--slide-spacing) + 0.6rem)'\n\n const baseStyles = styledComponentsStylesToString(BASE_STYLES)\n const additionalStyles =\n typeof customStyles === 'string'\n ? customStyles\n : styledComponentsStylesToString(customStyles)\n\n const mergedStyles = baseStyles + additionalStyles\n\n return mergedStyles\n .replace(/__replace_axis_flex__/gi, flexDirection)\n .replace(/__replace-axis-size__/gi, sizeDimention)\n .replace(/__replace_axis_arrows_position__/gi, arrowsPosition)\n .replace(/__replace_axis_arrows__/gi, flexDirection)\n .replace(/__replace-axis-touch_action__/gi, panDirection)\n .replace(/__replace_axis_spacing__/gi, spacingDirection)\n .replace(/__replace_axis_spacing_amount__/gi, spacingSize)\n .replace(/__replace_axis_height__/gi, containerHeight)\n .replace(/__replace_image_height__/gi, imageHeight)\n .replace(/__replace_axis_slide_number_spacing__/gi, slideNumberSpacing)\n .replace(/__replace_slide_size__/gi, slideSize)\n}\n\nexport const createCarouselVariableWidthStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n VARIABLE_WIDTH_STYLES\n )\n}\n\nexport const createCarouselArrowsDotsStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n ARROWS_DOTS_STYLES\n )\n}\n\nexport const createCarouselThumbsStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n THUMBS_STYLES\n )\n}\n\nexport const createCarouselProgressStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n PROGRESS_STYLES\n )\n}\n\nexport const createCarouselParallaxStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n PARALLAX_STYLES\n )\n}\n\nexport const createCarouselScaleStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(slideSize, spacingSize, axis, SCALE_STYLES)\n}\n\nexport const createCarouselClassNamesStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n CLASS_NAMES_STYLES\n )\n}\n\nexport const createCarouselLazyLoadStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n LAZY_LOAD_STYLES\n )\n}\n\nexport const createCarouselInfiniteScrollStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n INFINITE_SCROLL_STYLES\n )\n}\n\nexport const createCarouselIosPickerStyles = (): string => {\n return styledComponentsStylesToString(IOS_PICKER_STYLES)\n}\n","import { createRadioOrCheckboxDefault } from './createRadioOrCheckboxDefault'\nimport { createRadioOrCheckboxCard } from './createRadioOrCheckboxCard'\n\nexport const InputRadioDefault = createRadioOrCheckboxDefault('radio')\n\nexport const InputRadioCard = createRadioOrCheckboxCard('radio')\n","import React from 'react'\nimport styled from 'styled-components'\nimport { CARD_STYLES } from 'consts/card'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { PropType } from './createRadioOrCheckboxDefault'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { TAP_HIGHLIGHT_STYLES } from 'consts/tapHighlight'\nimport { LAYERS } from 'consts/layers'\nimport { COLORS } from 'consts/themes'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\n\nconst RadioOrCheckboxCardWrapper = styled.label`\n ${TAP_HIGHLIGHT_STYLES};\n ${CARD_STYLES};\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n height: 100%;\n`\n\nconst LabelContent = styled.span`\n z-index: ${LAYERS.STEP};\n position: relative;\n display: block;\n width: 100%;\n cursor: pointer;\n`\n\nconst Highlight = styled.span`\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n top: -${BORDER_SIZES.DETAIL};\n left: -${BORDER_SIZES.DETAIL};\n bottom: -${BORDER_SIZES.DETAIL};\n right: -${BORDER_SIZES.DETAIL};\n display: block;\n position: absolute;\n border-radius: inherit;\n pointer-events: none;\n visibility: hidden;\n\n &:after {\n background-color: ${COLORS.BACKGROUND_CODE};\n border-radius: inherit;\n position: absolute;\n top: ${BORDER_SIZES.OUTLINE};\n left: ${BORDER_SIZES.OUTLINE};\n bottom: ${BORDER_SIZES.OUTLINE};\n right: ${BORDER_SIZES.OUTLINE};\n content: '';\n }\n`\n\nconst Input = styled.input<{ $isKeyNavigating: boolean }>`\n ${TAP_HIGHLIGHT_STYLES};\n ${KEY_NAVIGATING_STYLES};\n position: absolute;\n border-radius: ${BORDER_RADIUSES.CARD};\n top: 0;\n left: 0;\n ${createSquareSizeStyles('100%')};\n appearance: none;\n -webkit-appearance: none;\n border: 0;\n background-color: transparent;\n pointer-events: none;\n\n &:after {\n display: block;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n ${createSquareSizeStyles('100%')};\n }\n\n &:checked + ${Highlight} {\n visibility: visible;\n }\n\n &[disabled] + ${Highlight} + ${LabelContent} {\n cursor: not-allowed;\n }\n\n &[disabled]:checked + ${Highlight} {\n background-image: none;\n background-color: ${COLORS.DETAIL_HIGH_CONTRAST};\n }\n`\n\nexport const createRadioOrCheckboxCard = (\n type: 'radio' | 'checkbox'\n): ((props: PropType) => JSX.Element) => {\n const displayName = kebabCaseToPascalCase(`input-${type}-card`)\n\n const InputSelectionComponent = (props: PropType) => {\n const { children, ...restProps } = props\n const { isKeyNavigating } = useKeyNavigating()\n\n return (\n \n \n \n {children}\n \n )\n }\n\n InputSelectionComponent.displayName = displayName\n return InputSelectionComponent\n}\n","import React, { PropsWithRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { BORDER_RADIUSES } from 'consts/border'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { TAP_HIGHLIGHT_STYLES } from 'consts/tapHighlight'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\n\nconst INPUT_SIZE = '2.5rem'\nconst CHECK_SIZE = '1.2rem'\n\nconst RadioOrCheckboxDefaultWrapper = styled.span`\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n`\n\nconst InputWrapper = styled.span`\n flex: 0 0 ${INPUT_SIZE};\n position: relative;\n min-width: 0;\n`\n\nconst InputLineHeight = styled.span`\n color: ${COLORS.BACKGROUND_SITE};\n width: ${INPUT_SIZE};\n display: inline-block;\n line-height: inherit;\n`\n\nconst Input = styled.input<{ $isKeyNavigating: boolean }>`\n ${createSquareSizeStyles(INPUT_SIZE)};\n ${TAP_HIGHLIGHT_STYLES};\n ${KEY_NAVIGATING_STYLES};\n appearance: none;\n -webkit-appearance: none;\n position: absolute;\n top: 50%;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n background-color: ${COLORS.DETAIL_MEDIUM_CONTRAST};\n cursor: pointer;\n\n &:before,\n &:after {\n display: block;\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:before {\n ${createSquareSizeStyles('2rem')};\n background-color: ${COLORS.BACKGROUND_CODE};\n }\n\n &:after {\n ${createSquareSizeStyles(CHECK_SIZE)};\n }\n\n &:checked {\n &:after {\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n }\n }\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n &[disabled]:checked {\n &:after {\n background-image: none;\n background-color: ${COLORS.DETAIL_HIGH_CONTRAST};\n }\n }\n`\n\nconst InputRadio = styled(Input)`\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n\n &:before {\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n }\n &:after {\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n }\n`\n\nconst InputCheckbox = styled(Input)`\n border-radius: ${BORDER_RADIUSES.LINE};\n\n &:before {\n border-radius: ${BORDER_RADIUSES.LINE};\n }\n\n &:after {\n border-radius: 0;\n }\n`\n\nconst Label = styled.label<{ $disabled?: boolean }>`\n ${TAP_HIGHLIGHT_STYLES};\n padding-left: ${SPACINGS.TWO};\n min-width: 0;\n flex: 0 0 calc(100% - ${INPUT_SIZE});\n\n ${({ $disabled }) =>\n $disabled &&\n css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n `};\n`\n\nexport type PropType = PropsWithRef<\n React.DetailedHTMLProps<\n React.InputHTMLAttributes,\n HTMLInputElement\n >\n>\n\nexport const createRadioOrCheckboxDefault = (\n type: 'radio' | 'checkbox'\n): ((props: PropType) => JSX.Element) => {\n const InputComponent = type === 'radio' ? InputRadio : InputCheckbox\n const displayName = kebabCaseToPascalCase(`input-${type}-default`)\n\n const InputSelectionComponent = (props: PropType) => {\n const { children, ...restProps } = props\n const { isKeyNavigating } = useKeyNavigating()\n\n return (\n \n \n -\n \n \n \n \n )\n }\n\n InputSelectionComponent.displayName = displayName\n return InputSelectionComponent\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef] = useEmblaCarousel(options)\n\n return (\n
\n
\n
\n {slides.map((index) => (\n
\n
\n {index + 1}\n
\n \n
\n ))}\n
\n
\n
\n )\n}\n\nexport default EmblaCarousel\n","import image1 from 'assets/images/slide-1.jpg'\nimport image2 from 'assets/images/slide-2.jpg'\nimport image3 from 'assets/images/slide-3.jpg'\nimport image4 from 'assets/images/slide-4.jpg'\n\nexport const images: string[] = [image1, image2, image3, image4]\n\nconst imageByIndex = (index: number): string => images[index % images.length]\n\nexport default imageByIndex\n","export default __webpack_public_path__ + \"static/slide-1-ae1074a2ded156f4bb23fc2cbf269223.jpg\";","export default __webpack_public_path__ + \"static/slide-2-4a3fdf56a1fd7125dc80f4574dae6bbf.jpg\";","export default __webpack_public_path__ + \"static/slide-3-90be65c116762a9e53a2ddf8b625feec.jpg\";","export default __webpack_public_path__ + \"static/slide-4-f352d7c20aee3f1a7868858247d7dbb7.jpg\";","import { THEME_PREFIX } from 'consts/themes'\nimport { getThemeFromDocument } from 'utils/getThemeFromDocument'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { SANDBOX_REGEX_THEME, SANDBOX_REGEX_TITLE } from 'consts/sandbox'\n\nexport const createSandboxReactIndexHtml = async (\n id: string\n): Promise => {\n const indexHTML = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/index.html'\n )\n const theme = THEME_PREFIX + getThemeFromDocument()\n const title = kebabCaseToPascalCase(id, ' ')\n return indexHTML.default\n .replace(SANDBOX_REGEX_THEME, theme)\n .replace(SANDBOX_REGEX_TITLE, title)\n}\n","import { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { SandboxModuleType } from 'consts/sandbox'\nimport { SANDBOX_REGEX_TITLE } from 'consts/sandbox'\n\nexport const createSandboxReactHeader = async (\n isTypeScript: boolean,\n id: string\n): Promise => {\n let header: SandboxModuleType\n\n if (isTypeScript) {\n header = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/Header.tsx'\n )\n } else {\n header = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/Header.jsx'\n )\n }\n\n const formattedTitle = kebabCaseToPascalCase(id, ' ')\n return header.default.replace(SANDBOX_REGEX_TITLE, formattedTitle)\n}\n","import { URLS } from 'consts/urls'\nimport { SandboxModuleType } from 'consts/sandbox'\nimport { SANDBOX_REGEX_REPOSITORY_URL } from 'consts/sandbox'\n\nexport const createSandboxReactFooter = async (\n isTypeScript: boolean\n): Promise => {\n let footer: SandboxModuleType\n\n if (isTypeScript) {\n footer = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/Footer.tsx'\n )\n } else {\n footer = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/Footer.jsx'\n )\n }\n\n return footer.default.replace(SANDBOX_REGEX_REPOSITORY_URL, URLS.GITHUB_ROOT)\n}\n","import { SandboxModuleType } from 'consts/sandbox'\n\nconst IMAGE_BY_INDEX_IMPORT_REGEX = /import(.*)from\\s'assets/g\n\nexport const createSandboxReactImages = async (\n isTypeScript: boolean\n): Promise => {\n let imageByIndex: SandboxModuleType\n\n if (isTypeScript) {\n imageByIndex = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/imageByIndex.ts'\n )\n } else {\n imageByIndex = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/imageByIndex.js'\n )\n }\n return imageByIndex.default.replace(IMAGE_BY_INDEX_IMPORT_REGEX, (match) =>\n match.replace('assets', '..')\n )\n}\n","const IMAGE_BY_INDEX_IMPORT_REGEX = /import(.*)from\\s'..\\/imageByIndex/\n\nexport const createSandboxReactImagePath = (carouselScript: string): string => {\n return carouselScript.replace(IMAGE_BY_INDEX_IMPORT_REGEX, (match) =>\n match.replace('../', './')\n )\n}\n","export const createSandboxReactTsDeclarations = async (): Promise => {\n const declarations = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/declarations.d.ts'\n )\n return declarations.default\n}\n","import { getParameters } from 'codesandbox/lib/api/define'\nimport { BASE_CSS, SANDBOX_CSS } from 'components/Sandbox/sandboxStyles'\nimport { SANDBOX_REACT_FOLDERS } from './sandboxReactFolders'\nimport { createSandboxImages } from '../sandboxImages'\nimport { loadPrettier } from 'utils/loadPrettier'\nimport { createSandboxReactPackageJson } from './createSandboxReactPackageJson'\nimport { createSandboxReactIndexHtml } from './createSandboxReactIndexHtml'\nimport { createSandboxReactDefaultEntry } from './createSandboxReactEntry'\nimport { createSandboxReactHeader } from './createSandboxReactHeader'\nimport { createSandboxReactFooter } from './createSandboxReactFooter'\nimport { createSandboxReactImages } from './createSandboxReactImages'\nimport { createSandboxReactImagePath } from './createSandboxReactImagePath'\nimport { createSandboxReactTsConfig } from './createSandboxReactTsConfig'\nimport { createSandboxReactTsDeclarations } from './createSandboxReactTsDeclarations'\nimport { sandboxLanguageUtils } from 'utils/sandbox'\nimport {\n SandboxConfigType,\n SandboxReactCreateType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\n\nexport const createSandboxReact = async (\n config: SandboxReactCreateType\n): Promise => {\n const {\n id,\n carouselScript: carouselScriptRaw,\n indexScript,\n slides,\n options,\n styles,\n plugins,\n sandboxOverrides,\n language = SANDBOX_LANGUAGES.JAVASCRIPT\n } = config\n const title = `${id}-react`\n const sandboxImages = createSandboxImages(SANDBOX_REACT_FOLDERS.IMAGES)\n const { prettierConfig, formatCss } = await loadPrettier()\n const {\n isTypeScript,\n reactScriptExtension,\n vanillaScriptExtension,\n formatScript\n } = await sandboxLanguageUtils(language)\n const packageJson = await createSandboxReactPackageJson(\n language,\n title,\n plugins\n )\n const tsConfig = createSandboxReactTsConfig()\n const carouselScript = createSandboxReactImagePath(carouselScriptRaw)\n const [\n entryHtml,\n entryScript,\n headerScript,\n footerScript,\n imagesScript,\n tsDeclarations\n ] = await Promise.all([\n createSandboxReactIndexHtml(title),\n indexScript ||\n createSandboxReactDefaultEntry(isTypeScript, slides, options),\n createSandboxReactHeader(isTypeScript, title),\n createSandboxReactFooter(isTypeScript),\n createSandboxReactImages(isTypeScript),\n createSandboxReactTsDeclarations()\n ])\n\n const sandboxConfig: SandboxConfigType['files'] = {\n [`.prettierrc`]: {\n isBinary: false,\n content: JSON.stringify(prettierConfig, null, '\\t')\n },\n [`package.json`]: {\n isBinary: false,\n content: JSON.stringify(packageJson, null, '\\t')\n },\n [`${SANDBOX_REACT_FOLDERS.PUBLIC}/index.html`]: {\n isBinary: false,\n content: entryHtml\n },\n [`${SANDBOX_REACT_FOLDERS.CSS}/base.css`]: {\n isBinary: false,\n content: formatCss(BASE_CSS)\n },\n [`${SANDBOX_REACT_FOLDERS.CSS}/sandbox.css`]: {\n isBinary: false,\n content: formatCss(SANDBOX_CSS)\n },\n [`${SANDBOX_REACT_FOLDERS.CSS}/embla.css`]: {\n isBinary: false,\n content: formatCss(styles)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/index.${reactScriptExtension}`]: {\n isBinary: false,\n content: formatScript(entryScript)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/Header.${reactScriptExtension}`]: {\n isBinary: false,\n content: formatScript(headerScript)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/Footer.${reactScriptExtension}`]: {\n isBinary: false,\n content: formatScript(footerScript)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/EmblaCarousel.${reactScriptExtension}`]: {\n isBinary: false,\n content: formatScript(carouselScript)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/imageByIndex.${vanillaScriptExtension}`]: {\n isBinary: false,\n content: formatScript(imagesScript)\n }\n }\n\n if (isTypeScript) {\n Object.assign(sandboxConfig, {\n [`tsconfig.json`]: {\n isBinary: false,\n content: JSON.stringify(tsConfig, null, '\\t')\n },\n [`declarations.d.ts`]: {\n isBinary: false,\n content: tsDeclarations\n }\n })\n }\n\n return getParameters({\n files: Object.assign({}, sandboxConfig, sandboxImages, sandboxOverrides)\n })\n}\n","import docsPackageJson from 'embla-carousel-docs/package.json'\nimport { SANDBOX_REACT_FOLDERS } from './sandboxReactFolders'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { sandboxLanguageUtils } from 'utils/sandbox'\nimport {\n SandboxLanguageType,\n SandboxPluginsType,\n PackageJsonType\n} from 'consts/sandbox'\n\nexport const createSandboxReactPackageJson = async (\n language: SandboxLanguageType,\n id: string,\n plugins?: SandboxPluginsType\n): Promise => {\n const { dependencies, devDependencies } = docsPackageJson\n const { isJavaScript, reactScriptExtension } = await sandboxLanguageUtils(\n language\n )\n\n return {\n name: id,\n version: '1.0.0',\n description: `${kebabCaseToPascalCase(id, ' ')} Example`,\n main: `${SANDBOX_REACT_FOLDERS.JS}/index.${reactScriptExtension}`,\n scripts: {\n start: 'react-scripts start',\n build: 'react-scripts build',\n test: 'react-scripts test --env=jsdom',\n eject: 'react-scripts eject'\n },\n dependencies: {\n react: dependencies.react,\n 'react-dom': dependencies['react-dom'],\n 'react-scripts': '4.0.0',\n 'embla-carousel-react': dependencies['embla-carousel-react'],\n 'embla-carousel': dependencies['embla-carousel'],\n ...(plugins && plugins)\n },\n devDependencies: isJavaScript\n ? { '@babel/runtime': '7.13.8' }\n : {\n '@types/react': devDependencies['@types/react'],\n '@types/react-dom': devDependencies['@types/react-dom'],\n typescript: devDependencies.typescript\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all']\n }\n}\n","import { TsConfigType } from 'consts/sandbox'\n\nexport const createSandboxReactTsConfig = (): TsConfigType => {\n return {\n include: ['./src/**/*', './declarations.d.ts'],\n compilerOptions: {\n strict: true,\n esModuleInterop: true,\n lib: ['dom', 'es2015'],\n jsx: 'react-jsx'\n }\n }\n}\n","import { EmblaOptionsType } from 'embla-carousel'\nimport { SandboxModuleType } from 'consts/sandbox'\nimport { sandboxInjectIosPickerLoop, sandboxInjectOptions } from 'utils/sandbox'\nimport {\n SANDBOX_REGEX_IOS_PICKER_LOOP,\n SANDBOX_REGEX_OPTIONS\n} from 'consts/sandbox'\n\nconst CAROUSEL_IMPORT_REGEX = /import\\sEmblaCarousel\\sfrom\\s'(.*)'/\nconst SLIDE_COUNT_REGEX = /const\\sSLIDE_COUNT\\s=\\s\\d{1,}/\nconst CAROUSEL_IMPORT_REPLACE = 'import EmblaCarousel from \"./EmblaCarousel\"'\n\nexport const createSandboxReactDefaultEntry = async (\n isTypeScript: boolean,\n slides: number[],\n options: EmblaOptionsType\n): Promise => {\n const slideCount = slides.length.toString()\n let entry: SandboxModuleType\n\n if (isTypeScript) {\n entry = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselDefaultEntry.tsx'\n )\n } else {\n entry = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselDefaultEntry.jsx'\n )\n }\n\n return entry.default\n .replace(CAROUSEL_IMPORT_REGEX, CAROUSEL_IMPORT_REPLACE)\n .replace(SANDBOX_REGEX_OPTIONS, sandboxInjectOptions(options))\n .replace(SLIDE_COUNT_REGEX, (match) => match.replace(/\\d{1,}/, slideCount))\n}\n\nexport const createSandboxReactIosPickerEntry = async (\n isTypeScript: boolean,\n loop: boolean\n): Promise => {\n let entry: SandboxModuleType\n\n if (isTypeScript) {\n entry = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselIosPickerEntry.tsx'\n )\n } else {\n entry = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselIosPickerEntry.jsx'\n )\n }\n\n return entry.default\n .replace(CAROUSEL_IMPORT_REGEX, CAROUSEL_IMPORT_REPLACE)\n .replace(SANDBOX_REGEX_IOS_PICKER_LOOP, sandboxInjectIosPickerLoop(loop))\n}\n","export const SANDBOX_REACT_FOLDERS = {\n PUBLIC: 'public',\n CSS: 'src/css',\n JS: 'src/js',\n IMAGES: 'src/images'\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from 'components/Icon/Icon'\nimport { InputRadioCard } from 'components/Input/InputRadio'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { PropType as RadioOrCheckboxPropType } from 'components/Input/createRadioOrCheckboxDefault'\nimport { SandboxLabelKeyType } from 'consts/sandbox'\nimport { IconType } from 'assets/icons'\n\nconst ICONS_BY_LABEL: {\n [key in SandboxLabelKeyType]: Extract<\n IconType,\n 'javascript' | 'typescript' | 'react'\n >\n} = {\n VANILLA_JS: 'javascript',\n VANILLA_TS: 'typescript',\n REACT_JS: 'react',\n REACT_TS: 'react'\n}\n\nconst RadioLabelContent = styled.span`\n display: flex;\n flex-direction: column;\n padding: ${SPACINGS.TWO};\n line-height: 1;\n text-align: center;\n align-items: center;\n font-size: ${FONT_SIZES.DETAIL};\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n`\n\nconst RadioLabelSvg = styled(Icon)`\n ${createSquareSizeStyles('3rem')};\n margin-bottom: ${SPACINGS.TWO};\n`\n\ntype PropType = RadioOrCheckboxPropType & {\n framework: SandboxLabelKeyType\n}\n\nexport const SandboxSelectionInput = (props: PropType) => {\n const { children, framework, ...restProps } = props\n\n return (\n \n \n \n {children}\n \n \n )\n}\n","import docsPackageJson from 'embla-carousel-docs/package.json'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { sandboxLanguageUtils } from 'utils/sandbox'\nimport {\n PackageJsonType,\n SandboxLanguageType,\n SandboxPluginsType\n} from 'consts/sandbox'\n\nexport const createSandboxVanillaPackageJson = async (\n language: SandboxLanguageType,\n id: string,\n plugins?: SandboxPluginsType\n): Promise => {\n const { isJavaScript } = await sandboxLanguageUtils(language)\n const { dependencies, devDependencies } = docsPackageJson\n\n return {\n name: id,\n version: '1.0.0',\n description: `${kebabCaseToPascalCase(id, ' ')} Example`,\n main: 'index.html',\n scripts: {\n start: 'parcel index.html --open',\n build: 'parcel build index.html'\n },\n dependencies: {\n 'parcel-bundler': '^1.6.1',\n 'embla-carousel': dependencies['embla-carousel-react'],\n ...(plugins && plugins)\n },\n devDependencies: isJavaScript\n ? { '@babel/core': '7.2.0' }\n : {\n typescript: devDependencies.typescript\n },\n resolutions: {\n '@babel/preset-env': '7.13.8'\n }\n }\n}\n","export const createSandboxVanillaTsDeclarations = async (): Promise => {\n const declarations = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/declarations.d.ts'\n )\n return declarations.default\n}\n","import { THEME_PREFIX } from 'consts/themes'\nimport { URLS } from 'consts/urls'\nimport { SANDBOX_VANILLA_FOLDERS } from './sandboxVanillaFolders'\nimport { getThemeFromDocument } from 'utils/getThemeFromDocument'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { SandboxVanillaExtensionType } from 'consts/sandbox'\nimport {\n SANDBOX_REGEX_THEME,\n SANDBOX_REGEX_TITLE,\n SANDBOX_REGEX_REPOSITORY_URL\n} from 'consts/sandbox'\n\nconst SANDBOX_SCRIPT_SRC_REGEX = /__replace_sandbox_script_src__/g\nconst SANDBOX_CODE_REGEX = /__replace_sandbox_code__/g\n\nexport const createSandboxVanillaEntry = async (\n id: string,\n languageExtension: SandboxVanillaExtensionType,\n carouselHtml: string\n): Promise => {\n const indexHTML = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/index.html'\n )\n const theme = THEME_PREFIX + getThemeFromDocument()\n const title = kebabCaseToPascalCase(id, ' ')\n const scriptSrc = `${SANDBOX_VANILLA_FOLDERS.JS}/index.${languageExtension}`\n return indexHTML.default\n .replace(SANDBOX_REGEX_THEME, theme)\n .replace(SANDBOX_REGEX_TITLE, title)\n .replace(SANDBOX_SCRIPT_SRC_REGEX, scriptSrc)\n .replace(SANDBOX_REGEX_REPOSITORY_URL, URLS.GITHUB_ROOT)\n .replace(SANDBOX_CODE_REGEX, carouselHtml)\n}\n","import { SANDBOX_VANILLA_FOLDERS } from './sandboxVanillaFolders'\n\nconst IMG_SRC_WITH_HASH_REGEX = /\\/static\\/slide-\\d{1,}-.+?\\./g\nconst IMG_SLIDE_WITH_NUMBER_REGEX = /slide-\\d{1,}/\n\nexport const createSandboxVanillaImagePaths = (\n carouselHtml: string\n): string => {\n return carouselHtml.replace(IMG_SRC_WITH_HASH_REGEX, (match) => {\n const slideWithNumber = match.match(IMG_SLIDE_WITH_NUMBER_REGEX) || []\n return `${SANDBOX_VANILLA_FOLDERS.IMAGES}/${slideWithNumber}.`\n })\n}\n","import { getParameters } from 'codesandbox/lib/api/define'\nimport { BASE_CSS, SANDBOX_CSS } from '../sandboxStyles'\nimport { SANDBOX_VANILLA_FOLDERS } from './sandboxVanillaFolders'\nimport { createSandboxImages } from '../sandboxImages'\nimport { loadPrettier } from 'utils/loadPrettier'\nimport { createSandboxVanillaPackageJson } from './createSandboxVanillaPackageJson'\nimport { createSandboxVanillaTsConfig } from './createSandboxVanillaTsConfig'\nimport { createSandboxVanillaTsDeclarations } from './createSandboxVanillaTsDeclarations'\nimport { createSandboxVanillaEntry } from './createSandboxVanillaEntry'\nimport { createSandboxVanillaImagePaths } from './createSandboxVanillaImagePaths'\nimport { createSandboxVanillaOptions } from './createSandboxVanillaOptions'\nimport { sandboxLanguageUtils } from 'utils/sandbox'\nimport {\n SandboxVanillaCreateType,\n SandboxConfigType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\n\nexport const createSandboxVanilla = async (\n config: SandboxVanillaCreateType\n): Promise => {\n const {\n id,\n carouselScript,\n carouselHtml,\n options,\n styles,\n plugins,\n sandboxOverrides,\n language = SANDBOX_LANGUAGES.JAVASCRIPT\n } = config\n const title = `${id}-vanilla`\n const sandboxImages = createSandboxImages(SANDBOX_VANILLA_FOLDERS.IMAGES)\n const { prettierConfig, formatHtml, formatCss } = await loadPrettier()\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n const packageJson = await createSandboxVanillaPackageJson(\n language,\n title,\n plugins\n )\n const tsConfig = createSandboxVanillaTsConfig()\n const entryScript = createSandboxVanillaOptions(carouselScript, options)\n const [entryHtml, tsDeclarations] = await Promise.all([\n createSandboxVanillaEntry(\n title,\n vanillaScriptExtension,\n createSandboxVanillaImagePaths(carouselHtml)\n ),\n createSandboxVanillaTsDeclarations()\n ])\n\n const sandboxConfig: SandboxConfigType['files'] = {\n [`.prettierrc`]: {\n isBinary: false,\n content: JSON.stringify(prettierConfig, null, '\\t')\n },\n [`package.json`]: {\n isBinary: false,\n content: JSON.stringify(packageJson, null, '\\t')\n },\n [`index.html`]: {\n isBinary: false,\n content: formatHtml(entryHtml)\n },\n [`${SANDBOX_VANILLA_FOLDERS.CSS}/base.css`]: {\n isBinary: false,\n content: formatCss(BASE_CSS)\n },\n [`${SANDBOX_VANILLA_FOLDERS.CSS}/sandbox.css`]: {\n isBinary: false,\n content: formatCss(SANDBOX_CSS)\n },\n [`${SANDBOX_VANILLA_FOLDERS.CSS}/embla.css`]: {\n isBinary: false,\n content: formatCss(styles)\n },\n [`${SANDBOX_VANILLA_FOLDERS.JS}/index.${vanillaScriptExtension}`]: {\n isBinary: false,\n content: formatScript(entryScript)\n }\n }\n\n if (isTypeScript) {\n Object.assign(sandboxConfig, {\n [`tsconfig.json`]: {\n isBinary: false,\n content: JSON.stringify(tsConfig, null, '\\t')\n },\n [`declarations.d.ts`]: {\n isBinary: false,\n content: tsDeclarations\n }\n })\n }\n\n return getParameters({\n files: Object.assign({}, sandboxConfig, sandboxImages, sandboxOverrides)\n })\n}\n","import { TsConfigType } from 'consts/sandbox'\n\nexport const createSandboxVanillaTsConfig = (): TsConfigType => {\n return {\n include: ['./src/**/*', './declarations.d.ts'],\n compilerOptions: {\n strict: true,\n module: 'commonjs',\n jsx: 'preserve',\n esModuleInterop: true,\n sourceMap: true,\n allowJs: true,\n lib: ['es6', 'dom'],\n rootDir: 'src',\n moduleResolution: 'node'\n }\n }\n}\n","import { EmblaOptionsType } from 'embla-carousel'\nimport { sandboxInjectIosPickerLoop, sandboxInjectOptions } from 'utils/sandbox'\nimport {\n SANDBOX_REGEX_IOS_PICKER_LOOP,\n SANDBOX_REGEX_OPTIONS\n} from 'consts/sandbox'\n\nexport const createSandboxVanillaOptions = (\n carouselScript: string,\n options: EmblaOptionsType\n): string => {\n const loop = options?.loop\n return carouselScript\n .replace(SANDBOX_REGEX_OPTIONS, sandboxInjectOptions(options))\n .replace(SANDBOX_REGEX_IOS_PICKER_LOOP, sandboxInjectIosPickerLoop(loop))\n}\n","export const SANDBOX_VANILLA_FOLDERS = {\n CSS: 'src/css',\n JS: 'src/js',\n IMAGES: 'src/images'\n}\n","import { URLS } from 'consts/urls'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\nimport { SandboxConfigType } from 'consts/sandbox'\n\nconst SANDBOX_IMAGE_URLS: string[] = arrayFromNumber(4).map((index) => {\n return `${URLS.GITHUB_DOCUMENTATION_RAW}/src/assets/images/slide-${\n index + 1\n }.jpg`\n})\n\nexport const createSandboxImages = (\n pathToImageFolder: string\n): SandboxConfigType['files'] => {\n return SANDBOX_IMAGE_URLS.reduce(\n (allImages, imageUrl, index) => ({\n ...allImages,\n [`${pathToImageFolder}/slide-${index + 1}.jpg`]: {\n isBinary: true,\n content: imageUrl\n }\n }),\n {}\n )\n}\n","import { css } from 'styled-components'\nimport { styledComponentsStylesToString } from 'utils/styledComponentStylesToString'\nimport { RESET_STYLES } from 'components/Layout/GlobalStyles/reset'\nimport { BASE_STYLES } from 'components/Layout/GlobalStyles/base'\nimport { FONT_STYLES } from 'components/Layout/GlobalStyles/font'\nimport { CAROUSEL_WRAPPER_RADIUS } from '../Examples/carouselWrapperStyles'\nimport { MEDIA } from 'consts/breakpoints'\nimport { BORDER_SIZES } from 'consts/border'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { COLORS, THEME_STYLES } from 'consts/themes'\n\nconst SANDBOX_WRAPPER_STYLES = css`\n .sandbox {\n width: 100%;\n }\n\n ${MEDIA.MIN_SM} {\n .sandbox {\n margin-left: auto;\n margin-right: auto;\n max-width: 67rem;\n }\n }\n`\n\nconst SANDBOX_CAROUSEL_STYLES = css`\n .sandbox__carousel {\n position: relative;\n background-color: ${COLORS.BACKGROUND_CODE};\n }\n\n ${MEDIA.MAX_SM} {\n .sandbox__carousel {\n border-top: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n border-bottom: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n }\n }\n\n ${MEDIA.MIN_SM} {\n .sandbox__carousel {\n border-radius: ${CAROUSEL_WRAPPER_RADIUS};\n border: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n }\n }\n`\n\nconst SANDBOX_HEADER_STYLES = css`\n .sandbox__header {\n font-size: 2rem;\n font-weight: ${FONT_WEIGHTS.BOLD};\n text-align: center;\n padding: 4rem 2rem 2rem 2rem;\n }\n`\n\nconst SANDBOX_FOOTER_STYLES = css`\n .sandbox__footer {\n display: flex;\n justify-content: center;\n padding: 2rem 2rem 4rem 2rem;\n }\n\n .sandbox__footer__link {\n display: flex;\n align-items: center;\n background-color: transparent;\n text-decoration: none;\n text-align: center;\n font-weight: ${FONT_WEIGHTS.BOLD};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n font-size: 1.4rem;\n }\n\n .sandbox__footer__link__svg {\n display: block;\n width: 2rem;\n height: 2rem;\n margin-right: 1rem;\n fill: currentColor;\n }\n`\n\nexport const BASE_CSS = styledComponentsStylesToString(\n THEME_STYLES,\n RESET_STYLES,\n BASE_STYLES,\n FONT_STYLES\n)\n\nexport const SANDBOX_CSS = styledComponentsStylesToString(\n SANDBOX_WRAPPER_STYLES,\n SANDBOX_CAROUSEL_STYLES,\n SANDBOX_HEADER_STYLES,\n SANDBOX_FOOTER_STYLES\n)\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","import { EmblaOptionsType } from 'embla-carousel'\nimport { SPACINGS } from './spacings'\nimport {\n PackageJson as BasePackageJsonType,\n TsConfigJson as TsConfigType\n} from 'type-fest'\n\nexport type PackageJsonType = BasePackageJsonType & {\n browserslist?: string[]\n}\n\nexport type { TsConfigType }\n\nexport type SandboxConfigType = {\n files: {\n [key: string]: {\n content: string\n isBinary: boolean\n }\n }\n}\n\nexport type SandboxModuleType = { default: string }\n\nexport type SandboxVanillaExtensionType = 'js' | 'ts'\n\nexport type SandboxReactExtensionType = 'jsx' | 'tsx'\n\nexport type SandboxPluginNameType =\n (typeof SANDBOX_PLUGINS)[keyof typeof SANDBOX_PLUGINS]\n\nexport type SandboxLanguageType =\n (typeof SANDBOX_LANGUAGES)[keyof typeof SANDBOX_LANGUAGES]\n\nexport type SandboxPluginsType = {\n [key in SandboxPluginNameType]?: string\n}\n\nexport type SandboxSharedCreateType = {\n id: string\n options: EmblaOptionsType\n styles: string\n plugins?: SandboxPluginsType\n language?: SandboxLanguageType\n sandboxOverrides?: SandboxConfigType['files']\n}\n\nexport type SandboxVanillaCreateType = SandboxSharedCreateType & {\n carouselScript: string\n carouselHtml: string\n}\n\nexport type SandboxReactCreateType = SandboxSharedCreateType & {\n carouselScript: string\n slides: number[]\n indexScript?: string\n}\n\nexport type SandboxSelectionType = {\n key: SandboxLabelKeyType\n label: SandboxLabelValueType\n createSandbox: (settings?: SettingsType) => Promise\n}\n\nexport type SandboxLabelValueType = (typeof SANDBOX_LABELS)[SandboxLabelKeyType]\nexport type SandboxLabelKeyType = keyof typeof SANDBOX_LABELS\nexport type SandboxCreateFunctionType =\n SandboxSelectionType['createSandbox']\n\nexport const SANDBOX_LABELS = {\n VANILLA_JS: 'Vanilla',\n VANILLA_TS: 'Vanilla + TypeScript',\n REACT_TS: 'React + TypeScript',\n REACT_JS: 'React'\n}\n\nexport const SANDBOX_LANGUAGES = {\n JAVASCRIPT: 'javascript',\n TYPESCRIPT: 'typescript'\n}\n\nexport const SANDBOX_PLUGINS = {\n AUTOPLAY: 'embla-carousel-autoplay',\n CLASS_NAMES: 'embla-carousel-class-names'\n}\n\nexport const SANDBOX_SELECTION_SPACING = SPACINGS.ONE\n\nexport const SANDBOX_REGEX_REPOSITORY_URL =\n /__replace_sandbox_repository_url__/g\n\nexport const SANDBOX_REGEX_TITLE = /__replace_sandbox_title__/g\n\nexport const SANDBOX_REGEX_THEME = /__replace_sandbox_theme__/g\n\nexport const SANDBOX_REGEX_OPTIONS = /const\\sOPTIONS(.*)/\n\nexport const SANDBOX_REGEX_IOS_PICKER_LOOP = /const\\sLOOP\\s=\\sfalse/\n","export const arrayFromNumber = (number: number): number[] =>\n Array.from(Array(number).keys())\n","import { ThemeKeyType, THEME_KEYS, THEME_PREFIX } from 'consts/themes'\nimport { isBrowser } from './isBrowser'\n\nexport const getThemeFromDocument = (): ThemeKeyType => {\n if (!isBrowser) return THEME_KEYS.LIGHT\n\n const lightThemeClass = THEME_PREFIX + THEME_KEYS.LIGHT\n return document.documentElement.classList.contains(lightThemeClass)\n ? THEME_KEYS.LIGHT\n : THEME_KEYS.DARK\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","import prettierrc from '../../.prettierrc'\nimport { Options as PretterOptions } from 'prettier'\n\ntype LoadPrettierType = {\n prettierConfig: PretterOptions\n formatHtml: (html: string) => string\n formatCss: (css: string) => string\n formatJs: (js: string) => string\n formatTs: (ts: string) => string\n}\n\nconst PRETTIER_CONFIG = prettierrc\n\nexport const loadPrettier = async (): Promise => {\n const [prettier, htmlParser, cssParser, babelParser] = await Promise.all([\n import('prettier'),\n import('prettier/parser-html'),\n import('prettier/parser-postcss'),\n import('prettier/parser-babel')\n ])\n\n const prettierHtmlParser: PretterOptions = {\n ...PRETTIER_CONFIG,\n parser: 'html',\n plugins: [htmlParser]\n }\n\n const prettierCssParser: PretterOptions = {\n ...PRETTIER_CONFIG,\n parser: 'css',\n plugins: [cssParser]\n }\n\n const prettierBabelParser: PretterOptions = {\n ...PRETTIER_CONFIG,\n parser: 'babel',\n plugins: [babelParser]\n }\n\n const prettierBabeTsParser: PretterOptions = {\n ...PRETTIER_CONFIG,\n parser: 'babel-ts',\n plugins: [babelParser]\n }\n\n const prettierFormatSafe = (\n subject: string,\n parser: PretterOptions\n ): string => {\n let formattedString = ''\n try {\n formattedString = prettier.format(subject, parser)\n } catch (error) {\n console.warn('Prettier was not able to format file', error) // eslint-disable-line no-console\n }\n return formattedString\n }\n\n const formatHtml = (html: string): string =>\n prettierFormatSafe(html, prettierHtmlParser)\n\n const formatCss = (css: string): string =>\n prettierFormatSafe(css, prettierCssParser)\n\n const formatJs = (js: string): string =>\n prettierFormatSafe(js, prettierBabelParser)\n\n const formatTs = (ts: string): string =>\n prettierFormatSafe(ts, prettierBabeTsParser)\n\n return {\n prettierConfig: PRETTIER_CONFIG,\n formatHtml,\n formatCss,\n formatJs,\n formatTs\n }\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","import docsPackageJson from 'embla-carousel-docs/package.json'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport { loadPrettier } from './loadPrettier'\nimport {\n SandboxCreateFunctionType,\n SandboxLabelKeyType,\n SandboxSelectionType,\n SANDBOX_LABELS,\n SandboxLanguageType,\n SandboxReactExtensionType,\n SandboxVanillaExtensionType,\n SANDBOX_LANGUAGES,\n SandboxSharedCreateType,\n SandboxPluginNameType\n} from 'consts/sandbox'\n\ntype SandboxLanguageUtilsType = {\n isJavaScript: boolean\n isTypeScript: boolean\n vanillaScriptExtension: SandboxVanillaExtensionType\n reactScriptExtension: SandboxReactExtensionType\n formatScript: (jsOrTs: string) => string\n}\n\nexport const sandboxLanguageUtils = async (\n language: SandboxLanguageType\n): Promise => {\n const { formatTs, formatJs } = await loadPrettier()\n const isTypeScript = language === SANDBOX_LANGUAGES.TYPESCRIPT\n const isJavaScript = !isTypeScript\n const formatScript = isTypeScript ? formatTs : formatJs\n const reactScriptExtension = isJavaScript ? 'jsx' : 'tsx'\n const vanillaScriptExtension = isJavaScript ? 'js' : 'ts'\n\n return {\n isJavaScript,\n isTypeScript,\n vanillaScriptExtension,\n reactScriptExtension,\n formatScript\n }\n}\n\ntype SandboxCreateType = {\n [key in SandboxLabelKeyType]: SandboxCreateFunctionType\n}\n\nexport const createSandboxFunctionsWithLabels = (\n createSandboxFunction: Partial>\n): SandboxSelectionType[] => {\n return Object.keys(createSandboxFunction).map((sandboxLabelKey) => {\n const key = sandboxLabelKey\n const createSandbox = >(\n createSandboxFunction[key]\n )\n const label = SANDBOX_LABELS[key]\n\n return { key, label, createSandbox }\n })\n}\n\ntype SandboxAddPluginsType = Pick\n\nexport const addSandboxPlugins = (\n pluginNames: SandboxPluginNameType | SandboxPluginNameType[]\n): SandboxAddPluginsType => {\n const pluginsArray = Array.isArray(pluginNames) ? pluginNames : [pluginNames]\n\n return {\n plugins: {\n ...pluginsArray.reduce(\n (allPlugins, pluginName) => ({\n ...allPlugins,\n [pluginName]: docsPackageJson.dependencies[pluginName]\n }),\n {}\n )\n }\n }\n}\n\nexport const sandboxInjectOptions = (\n options: EmblaOptionsType\n): ((match: string) => string) => {\n return (match: string) => match.replace('{}', JSON.stringify(options))\n}\n\nexport const sandboxInjectIosPickerLoop = (\n loop: boolean = false\n): ((match: string) => string) => {\n return (match) => match.replace('false', loop.toString())\n}\n","import { FlattenSimpleInterpolation } from 'styled-components'\n\nexport const styledComponentsStylesToString = (\n ...stylesList: FlattenSimpleInterpolation[]\n): string => {\n return stylesList.reduce(\n (allStyles, styles) => allStyles + styles.join(''),\n ''\n )\n}\n","module.exports = require('../../.prettierrc.js')\n","import { EmblaPluginType } from 'embla-carousel'\n\nexport function isObject(subject: unknown): subject is Record {\n return Object.prototype.toString.call(subject) === '[object Object]'\n}\n\nexport function isRecord(\n subject: unknown\n): subject is Record {\n return isObject(subject) || Array.isArray(subject)\n}\n\nexport function canUseDOM(): boolean {\n return !!(\n typeof window !== 'undefined' &&\n window.document &&\n window.document.createElement\n )\n}\n\nexport function areOptionsEqual(\n optionsA: Record,\n optionsB: Record\n): boolean {\n const optionsAKeys = Object.keys(optionsA)\n const optionsBKeys = Object.keys(optionsB)\n\n if (optionsAKeys.length !== optionsBKeys.length) return false\n\n const breakpointsA = JSON.stringify(Object.keys(optionsA.breakpoints || {}))\n const breakpointsB = JSON.stringify(Object.keys(optionsB.breakpoints || {}))\n\n if (breakpointsA !== breakpointsB) return false\n\n return optionsAKeys.every((key) => {\n const valueA = optionsA[key]\n const valueB = optionsB[key]\n if (typeof valueA === 'function') return `${valueA}` === `${valueB}`\n if (!isRecord(valueA) || !isRecord(valueB)) return valueA === valueB\n return areOptionsEqual(valueA, valueB)\n })\n}\n\nexport function sortAndMapPluginToOptions(\n plugins: EmblaPluginType[]\n): EmblaPluginType['options'][] {\n return plugins\n .concat()\n .sort((a, b) => (a.name > b.name ? 1 : -1))\n .map((plugin) => plugin.options)\n}\n\nexport function arePluginsEqual(\n pluginsA: EmblaPluginType[],\n pluginsB: EmblaPluginType[]\n): boolean {\n if (pluginsA.length !== pluginsB.length) return false\n\n const optionsA = sortAndMapPluginToOptions(pluginsA)\n const optionsB = sortAndMapPluginToOptions(pluginsB)\n\n return optionsA.every((optionA, index) => {\n const optionB = optionsB[index]\n return areOptionsEqual(optionA, optionB)\n })\n}\n","import { isString } from './utils'\n\nexport type AlignmentOptionType =\n | 'start'\n | 'center'\n | 'end'\n | ((viewSize: number, snapSize: number, index: number) => number)\n\nexport type AlignmentType = {\n measure: (n: number, index: number) => number\n}\n\nexport function Alignment(\n align: AlignmentOptionType,\n viewSize: number\n): AlignmentType {\n const predefined = { start, center, end }\n\n function start(): number {\n return 0\n }\n\n function center(n: number): number {\n return end(n) / 2\n }\n\n function end(n: number): number {\n return viewSize - n\n }\n\n function measure(n: number, index: number): number {\n if (isString(align)) return predefined[align](n)\n return align(viewSize, n, index)\n }\n\n const self: AlignmentType = {\n measure\n }\n return self\n}\n","type EventNameType = keyof DocumentEventMap | keyof WindowEventMap\ntype EventHandlerType = (evt: any) => void\ntype EventOptionsType = boolean | AddEventListenerOptions | undefined\ntype EventRemoverType = () => void\n\nexport type EventStoreType = {\n add: (\n node: EventTarget,\n type: EventNameType,\n handler: EventHandlerType,\n options?: EventOptionsType\n ) => EventStoreType\n clear: () => void\n}\n\nexport function EventStore(): EventStoreType {\n let listeners: EventRemoverType[] = []\n\n function add(\n node: EventTarget,\n type: EventNameType,\n handler: EventHandlerType,\n options: EventOptionsType = { passive: true }\n ): EventStoreType {\n let removeListener: EventRemoverType\n\n if ('addEventListener' in node) {\n node.addEventListener(type, handler, options)\n removeListener = () => node.removeEventListener(type, handler, options)\n } else {\n const legacyMediaQueryList = node\n legacyMediaQueryList.addListener(handler)\n removeListener = () => legacyMediaQueryList.removeListener(handler)\n }\n\n listeners.push(removeListener)\n return self\n }\n\n function clear(): void {\n listeners = listeners.filter((remove) => remove())\n }\n\n const self: EventStoreType = {\n add,\n clear\n }\n return self\n}\n","import { EngineType } from './Engine'\nimport { EventStore } from './EventStore'\nimport { mathAbs, WindowType } from './utils'\n\nexport type AnimationsUpdateType = (engine: EngineType) => void\nexport type AnimationsRenderType = (\n engine: EngineType,\n lagOffset: number\n) => void\n\nexport type AnimationsType = {\n init: () => void\n destroy: () => void\n start: () => void\n stop: () => void\n update: () => void\n render: (lagOffset: number) => void\n}\n\nexport function Animations(\n ownerDocument: Document,\n ownerWindow: WindowType,\n update: AnimationsType['update'],\n render: AnimationsType['render']\n): AnimationsType {\n const documentVisibleHandler = EventStore()\n const timeStep = 1000 / 60\n let lastTimeStamp: number | null = null\n let lag = 0\n let animationFrame = 0\n\n function init(): void {\n documentVisibleHandler.add(ownerDocument, 'visibilitychange', () => {\n if (ownerDocument.hidden) reset()\n })\n }\n\n function destroy(): void {\n stop()\n documentVisibleHandler.clear()\n }\n\n function animate(timeStamp: DOMHighResTimeStamp): void {\n if (!lastTimeStamp) lastTimeStamp = timeStamp\n\n const elapsed = timeStamp - lastTimeStamp\n lastTimeStamp = timeStamp\n lag += elapsed\n\n while (lag >= timeStep) {\n update()\n lag -= timeStep\n }\n\n const lagOffset = mathAbs(lag / timeStep)\n render(lagOffset)\n\n if (animationFrame) ownerWindow.requestAnimationFrame(animate)\n }\n\n function start(): void {\n if (animationFrame) return\n\n animationFrame = ownerWindow.requestAnimationFrame(animate)\n }\n\n function stop(): void {\n ownerWindow.cancelAnimationFrame(animationFrame)\n lastTimeStamp = null\n lag = 0\n animationFrame = 0\n }\n\n function reset(): void {\n lastTimeStamp = null\n lag = 0\n }\n\n const self: AnimationsType = {\n init,\n destroy,\n start,\n stop,\n update,\n render\n }\n return self\n}\n","import { DirectionOptionType } from './Direction'\nimport { NodeRectType } from './NodeRects'\n\nexport type AxisOptionType = 'x' | 'y'\ntype AxisEdgeType = 'top' | 'right' | 'bottom' | 'left'\n\nexport type AxisType = {\n scroll: AxisOptionType\n cross: AxisOptionType\n startEdge: AxisEdgeType\n endEdge: AxisEdgeType\n measureSize: (nodeRect: NodeRectType) => number\n}\n\nexport function Axis(\n axis: AxisOptionType,\n direction: DirectionOptionType\n): AxisType {\n const scroll = axis === 'y' ? 'y' : 'x'\n const cross = axis === 'y' ? 'x' : 'y'\n const startEdge = getStartEdge()\n const endEdge = getEndEdge()\n\n function measureSize(nodeRect: NodeRectType): number {\n const { width, height } = nodeRect\n return scroll === 'x' ? width : height\n }\n\n function getStartEdge(): AxisEdgeType {\n if (scroll === 'y') return 'top'\n return direction === 'rtl' ? 'right' : 'left'\n }\n\n function getEndEdge(): AxisEdgeType {\n if (scroll === 'y') return 'bottom'\n return direction === 'rtl' ? 'left' : 'right'\n }\n\n const self: AxisType = {\n scroll,\n cross,\n startEdge,\n endEdge,\n measureSize\n }\n return self\n}\n","import { mathAbs } from './utils'\n\nexport type LimitType = {\n min: number\n max: number\n length: number\n constrain: (n: number) => number\n reachedAny: (n: number) => boolean\n reachedMax: (n: number) => boolean\n reachedMin: (n: number) => boolean\n removeOffset: (n: number) => number\n}\n\nexport function Limit(min: number = 0, max: number = 0): LimitType {\n const length = mathAbs(min - max)\n\n function reachedMin(n: number): boolean {\n return n < min\n }\n\n function reachedMax(n: number): boolean {\n return n > max\n }\n\n function reachedAny(n: number): boolean {\n return reachedMin(n) || reachedMax(n)\n }\n\n function constrain(n: number): number {\n if (!reachedAny(n)) return n\n return reachedMin(n) ? min : max\n }\n\n function removeOffset(n: number): number {\n if (!length) return n\n return n - length * Math.ceil((n - max) / length)\n }\n\n const self: LimitType = {\n length,\n max,\n min,\n constrain,\n reachedAny,\n reachedMax,\n reachedMin,\n removeOffset\n }\n return self\n}\n","import { Limit } from './Limit'\nimport { mathAbs } from './utils'\n\nexport type CounterType = {\n get: () => number\n set: (n: number) => CounterType\n add: (n: number) => CounterType\n clone: () => CounterType\n}\n\nexport function Counter(\n max: number,\n start: number,\n loop: boolean\n): CounterType {\n const { constrain } = Limit(0, max)\n const loopEnd = max + 1\n let counter = withinLimit(start)\n\n function withinLimit(n: number): number {\n return !loop ? constrain(n) : mathAbs((loopEnd + n) % loopEnd)\n }\n\n function get(): number {\n return counter\n }\n\n function set(n: number): CounterType {\n counter = withinLimit(n)\n return self\n }\n\n function add(n: number): CounterType {\n return clone().set(get() + n)\n }\n\n function clone(): CounterType {\n return Counter(max, get(), loop)\n }\n\n const self: CounterType = {\n get,\n set,\n add,\n clone\n }\n return self\n}\n","export type DirectionOptionType = 'ltr' | 'rtl'\n\nexport type DirectionType = {\n apply: (n: number) => number\n}\n\nexport function Direction(direction: DirectionOptionType): DirectionType {\n const sign = direction === 'rtl' ? -1 : 1\n\n function apply(n: number): number {\n return n * sign\n }\n\n const self: DirectionType = {\n apply\n }\n return self\n}\n","import { EmblaCarouselType } from './EmblaCarousel'\nimport { AnimationsType } from './Animations'\nimport { CounterType } from './Counter'\nimport { DirectionType } from './Direction'\nimport { DragTrackerType, PointerEventType } from './DragTracker'\nimport { EventHandlerType } from './EventHandler'\nimport { AxisType } from './Axis'\nimport { EventStore } from './EventStore'\nimport { ScrollBodyType } from './ScrollBody'\nimport { ScrollTargetType } from './ScrollTarget'\nimport { ScrollToType } from './ScrollTo'\nimport { Vector1DType } from './Vector1d'\nimport { PercentOfViewType } from './PercentOfView'\nimport { Limit } from './Limit'\nimport {\n deltaAbs,\n factorAbs,\n isBoolean,\n isMouseEvent,\n mathAbs,\n mathSign,\n WindowType\n} from './utils'\n\ntype DragHandlerCallbackType = (\n emblaApi: EmblaCarouselType,\n evt: PointerEventType\n) => boolean | void\n\nexport type DragHandlerOptionType = boolean | DragHandlerCallbackType\n\nexport type DragHandlerType = {\n init: (emblaApi: EmblaCarouselType) => void\n destroy: () => void\n pointerDown: () => boolean\n}\n\nexport function DragHandler(\n axis: AxisType,\n direction: DirectionType,\n rootNode: HTMLElement,\n ownerDocument: Document,\n ownerWindow: WindowType,\n target: Vector1DType,\n dragTracker: DragTrackerType,\n location: Vector1DType,\n animation: AnimationsType,\n scrollTo: ScrollToType,\n scrollBody: ScrollBodyType,\n scrollTarget: ScrollTargetType,\n index: CounterType,\n eventHandler: EventHandlerType,\n percentOfView: PercentOfViewType,\n dragFree: boolean,\n dragThreshold: number,\n skipSnaps: boolean,\n baseFriction: number,\n watchDrag: DragHandlerOptionType\n): DragHandlerType {\n const { cross: crossAxis } = axis\n const focusNodes = ['INPUT', 'SELECT', 'TEXTAREA']\n const nonPassiveEvent = { passive: false }\n const initEvents = EventStore()\n const dragEvents = EventStore()\n const goToNextThreshold = Limit(50, 225).constrain(percentOfView.measure(20))\n const snapForceBoost = { mouse: 300, touch: 400 }\n const freeForceBoost = { mouse: 500, touch: 600 }\n const baseSpeed = dragFree ? 43 : 25\n\n let isMoving = false\n let startScroll = 0\n let startCross = 0\n let pointerIsDown = false\n let preventScroll = false\n let preventClick = false\n let isMouse = false\n\n function init(emblaApi: EmblaCarouselType): void {\n if (!watchDrag) return\n\n function downIfAllowed(evt: PointerEventType): void {\n if (isBoolean(watchDrag) || watchDrag(emblaApi, evt)) down(evt)\n }\n\n const node = rootNode\n initEvents\n .add(node, 'dragstart', (evt) => evt.preventDefault(), nonPassiveEvent)\n .add(node, 'touchmove', () => undefined, nonPassiveEvent)\n .add(node, 'touchend', () => undefined)\n .add(node, 'touchstart', downIfAllowed)\n .add(node, 'mousedown', downIfAllowed)\n .add(node, 'touchcancel', up)\n .add(node, 'contextmenu', up)\n .add(node, 'click', click, true)\n }\n\n function destroy(): void {\n initEvents.clear()\n dragEvents.clear()\n }\n\n function addDragEvents(): void {\n const node = isMouse ? ownerDocument : rootNode\n dragEvents\n .add(node, 'touchmove', move, nonPassiveEvent)\n .add(node, 'touchend', up)\n .add(node, 'mousemove', move, nonPassiveEvent)\n .add(node, 'mouseup', up)\n }\n\n function isFocusNode(node: Element): boolean {\n const nodeName = node.nodeName || ''\n return focusNodes.includes(nodeName)\n }\n\n function forceBoost(): number {\n const boost = dragFree ? freeForceBoost : snapForceBoost\n const type = isMouse ? 'mouse' : 'touch'\n return boost[type]\n }\n\n function allowedForce(force: number, targetChanged: boolean): number {\n const next = index.add(mathSign(force) * -1)\n const baseForce = scrollTarget.byDistance(force, !dragFree).distance\n\n if (dragFree || mathAbs(force) < goToNextThreshold) return baseForce\n if (skipSnaps && targetChanged) return baseForce * 0.5\n\n return scrollTarget.byIndex(next.get(), 0).distance\n }\n\n function down(evt: PointerEventType): void {\n const isMouseEvt = isMouseEvent(evt, ownerWindow)\n isMouse = isMouseEvt\n if (isMouseEvt && evt.button !== 0) return\n if (isFocusNode(evt.target as Element)) return\n\n preventClick = dragFree && isMouseEvt && !evt.buttons && isMoving\n isMoving = deltaAbs(target.get(), location.get()) >= 2\n\n pointerIsDown = true\n dragTracker.pointerDown(evt)\n scrollBody.useFriction(0).useDuration(0)\n target.set(location)\n addDragEvents()\n startScroll = dragTracker.readPoint(evt)\n startCross = dragTracker.readPoint(evt, crossAxis)\n eventHandler.emit('pointerDown')\n }\n\n function move(evt: PointerEventType): void {\n const lastScroll = dragTracker.readPoint(evt)\n const lastCross = dragTracker.readPoint(evt, crossAxis)\n const diffScroll = deltaAbs(lastScroll, startScroll)\n const diffCross = deltaAbs(lastCross, startCross)\n\n if (!preventScroll && !isMouse) {\n if (!evt.cancelable) return up(evt)\n preventScroll = diffScroll > diffCross\n if (!preventScroll) return up(evt)\n }\n const diff = dragTracker.pointerMove(evt)\n if (diffScroll > dragThreshold) preventClick = true\n\n scrollBody.useFriction(0.3).useDuration(1)\n animation.start()\n target.add(direction.apply(diff))\n evt.preventDefault()\n }\n\n function up(evt: PointerEventType): void {\n const currentLocation = scrollTarget.byDistance(0, false)\n const targetChanged = currentLocation.index !== index.get()\n const rawForce = dragTracker.pointerUp(evt) * forceBoost()\n const force = allowedForce(direction.apply(rawForce), targetChanged)\n const forceFactor = factorAbs(rawForce, force)\n const speed = baseSpeed - 10 * forceFactor\n const friction = baseFriction + forceFactor / 50\n\n preventScroll = false\n pointerIsDown = false\n dragEvents.clear()\n scrollBody.useDuration(speed).useFriction(friction)\n scrollTo.distance(force, !dragFree)\n isMouse = false\n eventHandler.emit('pointerUp')\n }\n\n function click(evt: MouseEvent): void {\n if (preventClick) {\n evt.stopPropagation()\n evt.preventDefault()\n }\n }\n\n function pointerDown(): boolean {\n return pointerIsDown\n }\n\n const self: DragHandlerType = {\n init,\n pointerDown,\n destroy\n }\n return self\n}\n","import { AxisOptionType, AxisType } from './Axis'\nimport { isMouseEvent, mathAbs, WindowType } from './utils'\n\ntype PointerCoordType = keyof Touch | keyof MouseEvent\nexport type PointerEventType = TouchEvent | MouseEvent\n\nexport type DragTrackerType = {\n pointerDown: (evt: PointerEventType) => number\n pointerMove: (evt: PointerEventType) => number\n pointerUp: (evt: PointerEventType) => number\n readPoint: (evt: PointerEventType, evtAxis?: AxisOptionType) => number\n}\n\nexport function DragTracker(\n axis: AxisType,\n ownerWindow: WindowType\n): DragTrackerType {\n const logInterval = 170\n\n let startEvent: PointerEventType\n let lastEvent: PointerEventType\n\n function readTime(evt: PointerEventType): number {\n return evt.timeStamp\n }\n\n function readPoint(evt: PointerEventType, evtAxis?: AxisOptionType): number {\n const property = evtAxis || axis.scroll\n const coord: PointerCoordType = `client${property === 'x' ? 'X' : 'Y'}`\n return (isMouseEvent(evt, ownerWindow) ? evt : evt.touches[0])[coord]\n }\n\n function pointerDown(evt: PointerEventType): number {\n startEvent = evt\n lastEvent = evt\n return readPoint(evt)\n }\n\n function pointerMove(evt: PointerEventType): number {\n const diff = readPoint(evt) - readPoint(lastEvent)\n const expired = readTime(evt) - readTime(startEvent) > logInterval\n\n lastEvent = evt\n if (expired) startEvent = evt\n return diff\n }\n\n function pointerUp(evt: PointerEventType): number {\n if (!startEvent || !lastEvent) return 0\n const diffDrag = readPoint(lastEvent) - readPoint(startEvent)\n const diffTime = readTime(evt) - readTime(startEvent)\n const expired = readTime(evt) - readTime(lastEvent) > logInterval\n const force = diffDrag / diffTime\n const isFlick = diffTime && !expired && mathAbs(force) > 0.1\n\n return isFlick ? force : 0\n }\n\n const self: DragTrackerType = {\n pointerDown,\n pointerMove,\n pointerUp,\n readPoint\n }\n return self\n}\n","import { AxisType } from './Axis'\nimport { EmblaCarouselType } from './EmblaCarousel'\nimport { EventHandlerType } from './EventHandler'\nimport { NodeRectsType } from './NodeRects'\nimport { isBoolean, mathAbs, WindowType } from './utils'\n\ntype ResizeHandlerCallbackType = (\n emblaApi: EmblaCarouselType,\n entries: ResizeObserverEntry[]\n) => boolean | void\n\nexport type ResizeHandlerOptionType = boolean | ResizeHandlerCallbackType\n\nexport type ResizeHandlerType = {\n init: (emblaApi: EmblaCarouselType) => void\n destroy: () => void\n}\n\nexport function ResizeHandler(\n container: HTMLElement,\n eventHandler: EventHandlerType,\n ownerWindow: WindowType,\n slides: HTMLElement[],\n axis: AxisType,\n watchResize: ResizeHandlerOptionType,\n nodeRects: NodeRectsType\n): ResizeHandlerType {\n let resizeObserver: ResizeObserver\n let containerSize: number\n let slideSizes: number[] = []\n let destroyed = false\n\n function readSize(node: HTMLElement): number {\n return axis.measureSize(nodeRects.measure(node))\n }\n\n function init(emblaApi: EmblaCarouselType): void {\n if (!watchResize) return\n\n containerSize = readSize(container)\n slideSizes = slides.map(readSize)\n\n function defaultCallback(entries: ResizeObserverEntry[]): void {\n for (const entry of entries) {\n const isContainer = entry.target === container\n const slideIndex = slides.indexOf(entry.target)\n const lastSize = isContainer ? containerSize : slideSizes[slideIndex]\n const newSize = readSize(isContainer ? container : slides[slideIndex])\n const diffSize = mathAbs(newSize - lastSize)\n\n if (diffSize >= 0.5) {\n ownerWindow.requestAnimationFrame(() => {\n emblaApi.reInit()\n eventHandler.emit('resize')\n })\n break\n }\n }\n }\n\n resizeObserver = new ResizeObserver((entries) => {\n if (destroyed) return\n if (isBoolean(watchResize) || watchResize(emblaApi, entries)) {\n defaultCallback(entries)\n }\n })\n\n const observeNodes = [container].concat(slides)\n observeNodes.forEach((node) => resizeObserver.observe(node))\n }\n\n function destroy(): void {\n if (resizeObserver) resizeObserver.disconnect()\n destroyed = true\n }\n\n const self: ResizeHandlerType = {\n init,\n destroy\n }\n return self\n}\n","import { Limit, LimitType } from './Limit'\nimport { ScrollBodyType } from './ScrollBody'\nimport { Vector1DType } from './Vector1d'\nimport { mathAbs } from './utils'\nimport { PercentOfViewType } from './PercentOfView'\n\nexport type ScrollBoundsType = {\n constrain: (pointerDown: boolean) => void\n toggleActive: (active: boolean) => void\n}\n\nexport function ScrollBounds(\n limit: LimitType,\n location: Vector1DType,\n target: Vector1DType,\n scrollBody: ScrollBodyType,\n percentOfView: PercentOfViewType\n): ScrollBoundsType {\n const pullBackThreshold = percentOfView.measure(10)\n const edgeOffsetTolerance = percentOfView.measure(50)\n const frictionLimit = Limit(0.1, 0.99)\n let disabled = false\n\n function shouldConstrain(): boolean {\n if (disabled) return false\n if (!limit.reachedAny(target.get())) return false\n if (!limit.reachedAny(location.get())) return false\n return true\n }\n\n function constrain(pointerDown: boolean): void {\n if (!shouldConstrain()) return\n const edge = limit.reachedMin(location.get()) ? 'min' : 'max'\n const diffToEdge = mathAbs(limit[edge] - location.get())\n const diffToTarget = target.get() - location.get()\n const friction = frictionLimit.constrain(diffToEdge / edgeOffsetTolerance)\n\n target.subtract(diffToTarget * friction)\n\n if (!pointerDown && mathAbs(diffToTarget) < pullBackThreshold) {\n target.set(limit.constrain(target.get()))\n scrollBody.useDuration(25).useBaseFriction()\n }\n }\n\n function toggleActive(active: boolean): void {\n disabled = !active\n }\n\n const self: ScrollBoundsType = {\n constrain,\n toggleActive\n }\n return self\n}\n","import { Limit, LimitType } from './Limit'\nimport { Vector1DType } from './Vector1d'\n\nexport type ScrollLooperType = {\n loop: (direction: number) => void\n}\n\nexport function ScrollLooper(\n contentSize: number,\n limit: LimitType,\n offsetLocation: Vector1DType,\n vectors: Vector1DType[]\n): ScrollLooperType {\n const jointSafety = 0.1\n const min = limit.min + jointSafety\n const max = limit.max + jointSafety\n const { reachedMin, reachedMax } = Limit(min, max)\n\n function shouldLoop(direction: number): boolean {\n if (direction === 1) return reachedMax(offsetLocation.get())\n if (direction === -1) return reachedMin(offsetLocation.get())\n return false\n }\n\n function loop(direction: number): void {\n if (!shouldLoop(direction)) return\n\n const loopDistance = contentSize * (direction * -1)\n vectors.forEach((v) => v.add(loopDistance))\n }\n\n const self: ScrollLooperType = {\n loop\n }\n return self\n}\n","import { LimitType } from './Limit'\nimport { Vector1DType } from './Vector1d'\nimport { arrayLast, mathAbs, mathSign } from './utils'\n\nexport type TargetType = {\n distance: number\n index: number\n}\n\nexport type ScrollTargetType = {\n byIndex: (target: number, direction: number) => TargetType\n byDistance: (force: number, snap: boolean) => TargetType\n shortcut: (target: number, direction: number) => number\n}\n\nexport function ScrollTarget(\n loop: boolean,\n scrollSnaps: number[],\n contentSize: number,\n limit: LimitType,\n targetVector: Vector1DType\n): ScrollTargetType {\n const { reachedAny, removeOffset, constrain } = limit\n\n function minDistance(distances: number[]): number {\n return distances.concat().sort((a, b) => mathAbs(a) - mathAbs(b))[0]\n }\n\n function findTargetSnap(target: number): TargetType {\n const distance = loop ? removeOffset(target) : constrain(target)\n const ascDiffsToSnaps = scrollSnaps\n .map((scrollSnap) => scrollSnap - distance)\n .map((diffToSnap) => shortcut(diffToSnap, 0))\n .map((diff, i) => ({ diff, index: i }))\n .sort((d1, d2) => mathAbs(d1.diff) - mathAbs(d2.diff))\n\n const { index } = ascDiffsToSnaps[0]\n return { index, distance }\n }\n\n function shortcut(target: number, direction: number): number {\n const targets = [target, target + contentSize, target - contentSize]\n\n if (!loop) return targets[0]\n if (!direction) return minDistance(targets)\n\n const matchingTargets = targets.filter((t) => mathSign(t) === direction)\n if (matchingTargets.length) return minDistance(matchingTargets)\n return arrayLast(targets) - contentSize\n }\n\n function byIndex(index: number, direction: number): TargetType {\n const diffToSnap = scrollSnaps[index] - targetVector.get()\n const distance = shortcut(diffToSnap, direction)\n return { index, distance }\n }\n\n function byDistance(distance: number, snap: boolean): TargetType {\n const target = targetVector.get() + distance\n const { index, distance: targetSnapDistance } = findTargetSnap(target)\n const reachedBound = !loop && reachedAny(target)\n\n if (!snap || reachedBound) return { index, distance }\n\n const diffToSnap = scrollSnaps[index] - targetSnapDistance\n const snapDistance = distance + shortcut(diffToSnap, 0)\n\n return { index, distance: snapDistance }\n }\n\n const self: ScrollTargetType = {\n byDistance,\n byIndex,\n shortcut\n }\n return self\n}\n","import { isNumber } from './utils'\n\nexport type Vector1DType = {\n get: () => number\n set: (n: Vector1DType | number) => void\n add: (n: Vector1DType | number) => void\n subtract: (n: Vector1DType | number) => void\n}\n\nexport function Vector1D(initialValue: number): Vector1DType {\n let value = initialValue\n\n function get(): number {\n return value\n }\n\n function set(n: Vector1DType | number): void {\n value = normalizeInput(n)\n }\n\n function add(n: Vector1DType | number): void {\n value += normalizeInput(n)\n }\n\n function subtract(n: Vector1DType | number): void {\n value -= normalizeInput(n)\n }\n\n function normalizeInput(n: Vector1DType | number): number {\n return isNumber(n) ? n : n.get()\n }\n\n const self: Vector1DType = {\n get,\n set,\n add,\n subtract\n }\n return self\n}\n","import { AxisType } from './Axis'\nimport { DirectionType } from './Direction'\n\nexport type TranslateType = {\n clear: () => void\n to: (target: number) => void\n toggleActive: (active: boolean) => void\n}\n\nexport function Translate(\n axis: AxisType,\n direction: DirectionType,\n container: HTMLElement\n): TranslateType {\n const translate = axis.scroll === 'x' ? x : y\n const containerStyle = container.style\n let disabled = false\n\n function x(n: number): string {\n return `translate3d(${n}px,0px,0px)`\n }\n\n function y(n: number): string {\n return `translate3d(0px,${n}px,0px)`\n }\n\n function to(target: number): void {\n if (disabled) return\n containerStyle.transform = translate(direction.apply(target))\n }\n\n function toggleActive(active: boolean): void {\n disabled = !active\n }\n\n function clear(): void {\n if (disabled) return\n containerStyle.transform = ''\n if (!container.getAttribute('style')) container.removeAttribute('style')\n }\n\n const self: TranslateType = {\n clear,\n to,\n toggleActive\n }\n return self\n}\n","import { AxisType } from './Axis'\nimport { arrayKeys } from './utils'\nimport { Vector1D, Vector1DType } from './Vector1d'\nimport { Translate, TranslateType } from './Translate'\nimport { DirectionType } from './Direction'\n\ntype SlideBoundType = {\n start: number\n end: number\n}\n\ntype LoopPointType = {\n loopPoint: number\n index: number\n translate: TranslateType\n slideLocation: Vector1DType\n target: () => number\n}\n\nexport type SlideLooperType = {\n canLoop: () => boolean\n clear: () => void\n loop: () => void\n loopPoints: LoopPointType[]\n}\n\nexport function SlideLooper(\n axis: AxisType,\n direction: DirectionType,\n viewSize: number,\n contentSize: number,\n slideSizes: number[],\n slideSizesWithGaps: number[],\n snaps: number[],\n scrollSnaps: number[],\n offsetLocation: Vector1DType,\n slides: HTMLElement[]\n): SlideLooperType {\n const roundingSafety = 0.5\n const ascItems = arrayKeys(slideSizesWithGaps)\n const descItems = arrayKeys(slideSizesWithGaps).reverse()\n const loopPoints = startPoints().concat(endPoints())\n\n function removeSlideSizes(indexes: number[], from: number): number {\n return indexes.reduce((a: number, i) => {\n return a - slideSizesWithGaps[i]\n }, from)\n }\n\n function slidesInGap(indexes: number[], gap: number): number[] {\n return indexes.reduce((a: number[], i) => {\n const remainingGap = removeSlideSizes(a, gap)\n return remainingGap > 0 ? a.concat([i]) : a\n }, [])\n }\n\n function findSlideBounds(offset: number): SlideBoundType[] {\n return snaps.map((snap, index) => ({\n start: snap - slideSizes[index] + roundingSafety + offset,\n end: snap + viewSize - roundingSafety + offset\n }))\n }\n\n function findLoopPoints(\n indexes: number[],\n offset: number,\n isEndEdge: boolean\n ): LoopPointType[] {\n const slideBounds = findSlideBounds(offset)\n\n return indexes.map((index) => {\n const initial = isEndEdge ? 0 : -contentSize\n const altered = isEndEdge ? contentSize : 0\n const boundEdge = isEndEdge ? 'end' : 'start'\n const loopPoint = slideBounds[index][boundEdge]\n\n return {\n index,\n loopPoint,\n slideLocation: Vector1D(-1),\n translate: Translate(axis, direction, slides[index]),\n target: () => (offsetLocation.get() > loopPoint ? initial : altered)\n }\n })\n }\n\n function startPoints(): LoopPointType[] {\n const gap = scrollSnaps[0]\n const indexes = slidesInGap(descItems, gap)\n return findLoopPoints(indexes, contentSize, false)\n }\n\n function endPoints(): LoopPointType[] {\n const gap = viewSize - scrollSnaps[0] - 1\n const indexes = slidesInGap(ascItems, gap)\n return findLoopPoints(indexes, -contentSize, true)\n }\n\n function canLoop(): boolean {\n return loopPoints.every(({ index }) => {\n const otherIndexes = ascItems.filter((i) => i !== index)\n return removeSlideSizes(otherIndexes, viewSize) <= 0.1\n })\n }\n\n function loop(): void {\n loopPoints.forEach((loopPoint) => {\n const { target, translate, slideLocation } = loopPoint\n const shiftLocation = target()\n if (shiftLocation === slideLocation.get()) return\n translate.to(shiftLocation)\n slideLocation.set(shiftLocation)\n })\n }\n\n function clear(): void {\n loopPoints.forEach((loopPoint) => loopPoint.translate.clear())\n }\n\n const self: SlideLooperType = {\n canLoop,\n clear,\n loop,\n loopPoints\n }\n return self\n}\n","import { EmblaCarouselType } from './EmblaCarousel'\nimport { EventHandlerType } from './EventHandler'\nimport { isBoolean } from './utils'\n\ntype SlidesHandlerCallbackType = (\n emblaApi: EmblaCarouselType,\n mutations: MutationRecord[]\n) => boolean | void\n\nexport type SlidesHandlerOptionType = boolean | SlidesHandlerCallbackType\n\nexport type SlidesHandlerType = {\n init: (emblaApi: EmblaCarouselType) => void\n destroy: () => void\n}\n\nexport function SlidesHandler(\n container: HTMLElement,\n eventHandler: EventHandlerType,\n watchSlides: SlidesHandlerOptionType\n): SlidesHandlerType {\n let mutationObserver: MutationObserver\n let destroyed = false\n\n function init(emblaApi: EmblaCarouselType): void {\n if (!watchSlides) return\n\n function defaultCallback(mutations: MutationRecord[]): void {\n for (const mutation of mutations) {\n if (mutation.type === 'childList') {\n emblaApi.reInit()\n eventHandler.emit('slidesChanged')\n break\n }\n }\n }\n\n mutationObserver = new MutationObserver((mutations) => {\n if (destroyed) return\n if (isBoolean(watchSlides) || watchSlides(emblaApi, mutations)) {\n defaultCallback(mutations)\n }\n })\n\n mutationObserver.observe(container, { childList: true })\n }\n\n function destroy(): void {\n if (mutationObserver) mutationObserver.disconnect()\n destroyed = true\n }\n\n const self: SlidesHandlerType = {\n init,\n destroy\n }\n return self\n}\n","import { EventHandlerType } from './EventHandler'\nimport { objectKeys } from './utils'\n\ntype IntersectionEntryMapType = {\n [key: number]: IntersectionObserverEntry\n}\n\nexport type SlidesInViewOptionsType = IntersectionObserverInit['threshold']\n\nexport type SlidesInViewType = {\n init: () => void\n destroy: () => void\n get: (inView?: boolean) => number[]\n}\n\nexport function SlidesInView(\n container: HTMLElement,\n slides: HTMLElement[],\n eventHandler: EventHandlerType,\n threshold: SlidesInViewOptionsType\n): SlidesInViewType {\n const intersectionEntryMap: IntersectionEntryMapType = {}\n let inViewCache: number[] | null = null\n let notInViewCache: number[] | null = null\n let intersectionObserver: IntersectionObserver\n let destroyed = false\n\n function init(): void {\n intersectionObserver = new IntersectionObserver(\n (entries) => {\n if (destroyed) return\n\n entries.forEach((entry) => {\n const index = slides.indexOf(entry.target)\n intersectionEntryMap[index] = entry\n })\n\n inViewCache = null\n notInViewCache = null\n eventHandler.emit('slidesInView')\n },\n {\n root: container.parentElement,\n threshold\n }\n )\n\n slides.forEach((slide) => intersectionObserver.observe(slide))\n }\n\n function destroy(): void {\n if (intersectionObserver) intersectionObserver.disconnect()\n destroyed = true\n }\n\n function createInViewList(inView: boolean): number[] {\n return objectKeys(intersectionEntryMap).reduce(\n (list: number[], slideIndex) => {\n const index = parseInt(slideIndex)\n const { isIntersecting } = intersectionEntryMap[index]\n const inViewMatch = inView && isIntersecting\n const notInViewMatch = !inView && !isIntersecting\n\n if (inViewMatch || notInViewMatch) list.push(index)\n return list\n },\n []\n )\n }\n\n function get(inView: boolean = true): number[] {\n if (inView && inViewCache) return inViewCache\n if (!inView && notInViewCache) return notInViewCache\n\n const slideIndexes = createInViewList(inView)\n\n if (inView) inViewCache = slideIndexes\n if (!inView) notInViewCache = slideIndexes\n\n return slideIndexes\n }\n\n const self: SlidesInViewType = {\n init,\n destroy,\n get\n }\n\n return self\n}\n","import { AxisType } from './Axis'\nimport { DirectionType } from './Direction'\nimport { NodeRectType } from './NodeRects'\nimport {\n arrayKeys,\n arrayLast,\n arrayLastIndex,\n isNumber,\n mathAbs\n} from './utils'\n\nexport type SlidesToScrollOptionType = 'auto' | number\n\nexport type SlidesToScrollType = {\n groupSlides: (array: Type[]) => Type[][]\n}\n\nexport function SlidesToScroll(\n axis: AxisType,\n direction: DirectionType,\n viewSize: number,\n slidesToScroll: SlidesToScrollOptionType,\n loop: boolean,\n containerRect: NodeRectType,\n slideRects: NodeRectType[],\n startGap: number,\n endGap: number,\n pixelTolerance: number\n): SlidesToScrollType {\n const { startEdge, endEdge } = axis\n const groupByNumber = isNumber(slidesToScroll)\n\n function byNumber(array: Type[], groupSize: number): Type[][] {\n return arrayKeys(array)\n .filter((i) => i % groupSize === 0)\n .map((i) => array.slice(i, i + groupSize))\n }\n\n function bySize(array: Type[]): Type[][] {\n if (!array.length) return []\n\n return arrayKeys(array)\n .reduce((groups: number[], rectB) => {\n const rectA = arrayLast(groups) || 0\n const isFirst = rectA === 0\n const isLast = rectB === arrayLastIndex(array)\n\n const edgeA = containerRect[startEdge] - slideRects[rectA][startEdge]\n const edgeB = containerRect[startEdge] - slideRects[rectB][endEdge]\n const gapA = !loop && isFirst ? direction.apply(startGap) : 0\n const gapB = !loop && isLast ? direction.apply(endGap) : 0\n const chunkSize = mathAbs(edgeB - gapB - (edgeA + gapA))\n\n if (chunkSize > viewSize + pixelTolerance) groups.push(rectB)\n if (isLast) groups.push(array.length)\n return groups\n }, [])\n .map((currentSize, index, groups) => {\n const previousSize = Math.max(groups[index - 1] || 0)\n return array.slice(previousSize, currentSize)\n })\n }\n\n function groupSlides(array: Type[]): Type[][] {\n return groupByNumber ? byNumber(array, slidesToScroll) : bySize(array)\n }\n\n const self: SlidesToScrollType = {\n groupSlides\n }\n return self\n}\n","import { Alignment } from './Alignment'\nimport {\n Animations,\n AnimationsType,\n AnimationsUpdateType,\n AnimationsRenderType\n} from './Animations'\nimport { Axis, AxisType } from './Axis'\nimport { Counter, CounterType } from './Counter'\nimport { Direction, DirectionType } from './Direction'\nimport { DragHandler, DragHandlerType } from './DragHandler'\nimport { DragTracker } from './DragTracker'\nimport { EventHandlerType } from './EventHandler'\nimport { EventStore, EventStoreType } from './EventStore'\nimport { LimitType } from './Limit'\nimport { NodeRectType, NodeRects } from './NodeRects'\nimport { OptionsType } from './Options'\nimport { PercentOfView, PercentOfViewType } from './PercentOfView'\nimport { ResizeHandler, ResizeHandlerType } from './ResizeHandler'\nimport { ScrollBody, ScrollBodyType } from './ScrollBody'\nimport { ScrollBounds, ScrollBoundsType } from './ScrollBounds'\nimport { ScrollContain } from './ScrollContain'\nimport { ScrollLimit } from './ScrollLimit'\nimport { ScrollLooper, ScrollLooperType } from './ScrollLooper'\nimport { ScrollProgress, ScrollProgressType } from './ScrollProgress'\nimport { ScrollSnaps } from './ScrollSnaps'\nimport { SlideRegistry, SlideRegistryType } from './SlideRegistry'\nimport { ScrollTarget, ScrollTargetType } from './ScrollTarget'\nimport { ScrollTo, ScrollToType } from './ScrollTo'\nimport { SlideFocus, SlideFocusType } from './SlideFocus'\nimport { SlideLooper, SlideLooperType } from './SlideLooper'\nimport { SlidesHandler, SlidesHandlerType } from './SlidesHandler'\nimport { SlidesInView, SlidesInViewType } from './SlidesInView'\nimport { SlideSizes } from './SlideSizes'\nimport { SlidesToScroll, SlidesToScrollType } from './SlidesToScroll'\nimport { Translate, TranslateType } from './Translate'\nimport { arrayKeys, arrayLast, arrayLastIndex, WindowType } from './utils'\nimport { Vector1D, Vector1DType } from './Vector1d'\n\nexport type EngineType = {\n ownerDocument: Document\n ownerWindow: WindowType\n eventHandler: EventHandlerType\n axis: AxisType\n direction: DirectionType\n animation: AnimationsType\n scrollBounds: ScrollBoundsType\n scrollLooper: ScrollLooperType\n scrollProgress: ScrollProgressType\n index: CounterType\n indexPrevious: CounterType\n limit: LimitType\n location: Vector1DType\n offsetLocation: Vector1DType\n options: OptionsType\n percentOfView: PercentOfViewType\n scrollBody: ScrollBodyType\n dragHandler: DragHandlerType\n eventStore: EventStoreType\n slideLooper: SlideLooperType\n slidesInView: SlidesInViewType\n slidesToScroll: SlidesToScrollType\n target: Vector1DType\n translate: TranslateType\n resizeHandler: ResizeHandlerType\n slidesHandler: SlidesHandlerType\n scrollTo: ScrollToType\n scrollTarget: ScrollTargetType\n scrollSnapList: number[]\n scrollSnaps: number[]\n slideIndexes: number[]\n slideFocus: SlideFocusType\n slideRegistry: SlideRegistryType['slideRegistry']\n containerRect: NodeRectType\n slideRects: NodeRectType[]\n}\n\nexport function Engine(\n root: HTMLElement,\n container: HTMLElement,\n slides: HTMLElement[],\n ownerDocument: Document,\n ownerWindow: WindowType,\n options: OptionsType,\n eventHandler: EventHandlerType\n): EngineType {\n // Options\n const {\n align,\n axis: scrollAxis,\n direction: contentDirection,\n startIndex,\n loop,\n duration,\n dragFree,\n dragThreshold,\n inViewThreshold,\n slidesToScroll: groupSlides,\n skipSnaps,\n containScroll,\n watchResize,\n watchSlides,\n watchDrag\n } = options\n\n // Measurements\n const pixelTolerance = 2\n const nodeRects = NodeRects()\n const containerRect = nodeRects.measure(container)\n const slideRects = slides.map(nodeRects.measure)\n const direction = Direction(contentDirection)\n const axis = Axis(scrollAxis, contentDirection)\n const viewSize = axis.measureSize(containerRect)\n const percentOfView = PercentOfView(viewSize)\n const alignment = Alignment(align, viewSize)\n const containSnaps = !loop && !!containScroll\n const readEdgeGap = loop || !!containScroll\n const { slideSizes, slideSizesWithGaps, startGap, endGap } = SlideSizes(\n axis,\n containerRect,\n slideRects,\n slides,\n readEdgeGap,\n ownerWindow\n )\n const slidesToScroll = SlidesToScroll(\n axis,\n direction,\n viewSize,\n groupSlides,\n loop,\n containerRect,\n slideRects,\n startGap,\n endGap,\n pixelTolerance\n )\n const { snaps, snapsAligned } = ScrollSnaps(\n axis,\n alignment,\n containerRect,\n slideRects,\n slidesToScroll\n )\n const contentSize = -arrayLast(snaps) + arrayLast(slideSizesWithGaps)\n const { snapsContained, scrollContainLimit } = ScrollContain(\n viewSize,\n contentSize,\n snapsAligned,\n containScroll,\n pixelTolerance\n )\n const scrollSnaps = containSnaps ? snapsContained : snapsAligned\n const { limit } = ScrollLimit(contentSize, scrollSnaps, loop)\n\n // Indexes\n const index = Counter(arrayLastIndex(scrollSnaps), startIndex, loop)\n const indexPrevious = index.clone()\n const slideIndexes = arrayKeys(slides)\n\n // Animation\n const update: AnimationsUpdateType = ({\n dragHandler,\n scrollBody,\n scrollBounds,\n options: { loop }\n }) => {\n if (!loop) scrollBounds.constrain(dragHandler.pointerDown())\n scrollBody.seek()\n }\n\n const render: AnimationsRenderType = (\n {\n scrollBody,\n translate,\n location,\n offsetLocation,\n scrollLooper,\n slideLooper,\n dragHandler,\n animation,\n eventHandler,\n options: { loop }\n },\n lagOffset\n ) => {\n const velocity = scrollBody.velocity()\n const hasSettled = scrollBody.settled()\n\n if (hasSettled && !dragHandler.pointerDown()) {\n animation.stop()\n eventHandler.emit('settle')\n }\n if (!hasSettled) eventHandler.emit('scroll')\n\n offsetLocation.set(location.get() - velocity + velocity * lagOffset)\n\n if (loop) {\n scrollLooper.loop(scrollBody.direction())\n slideLooper.loop()\n }\n\n translate.to(offsetLocation.get())\n }\n const animation = Animations(\n ownerDocument,\n ownerWindow,\n () => update(engine),\n (lagOffset: number) => render(engine, lagOffset)\n )\n\n // Shared\n const friction = 0.68\n const startLocation = scrollSnaps[index.get()]\n const location = Vector1D(startLocation)\n const offsetLocation = Vector1D(startLocation)\n const target = Vector1D(startLocation)\n const scrollBody = ScrollBody(\n location,\n offsetLocation,\n target,\n duration,\n friction\n )\n const scrollTarget = ScrollTarget(\n loop,\n scrollSnaps,\n contentSize,\n limit,\n target\n )\n const scrollTo = ScrollTo(\n animation,\n index,\n indexPrevious,\n scrollBody,\n scrollTarget,\n target,\n eventHandler\n )\n const scrollProgress = ScrollProgress(limit)\n const eventStore = EventStore()\n const slidesInView = SlidesInView(\n container,\n slides,\n eventHandler,\n inViewThreshold\n )\n const { slideRegistry } = SlideRegistry(\n containSnaps,\n containScroll,\n scrollSnaps,\n scrollContainLimit,\n slidesToScroll,\n slideIndexes\n )\n const slideFocus = SlideFocus(\n root,\n slides,\n slideRegistry,\n scrollTo,\n scrollBody,\n eventStore\n )\n\n // Engine\n const engine: EngineType = {\n ownerDocument,\n ownerWindow,\n eventHandler,\n containerRect,\n slideRects,\n animation,\n axis,\n direction,\n dragHandler: DragHandler(\n axis,\n direction,\n root,\n ownerDocument,\n ownerWindow,\n target,\n DragTracker(axis, ownerWindow),\n location,\n animation,\n scrollTo,\n scrollBody,\n scrollTarget,\n index,\n eventHandler,\n percentOfView,\n dragFree,\n dragThreshold,\n skipSnaps,\n friction,\n watchDrag\n ),\n eventStore,\n percentOfView,\n index,\n indexPrevious,\n limit,\n location,\n offsetLocation,\n options,\n resizeHandler: ResizeHandler(\n container,\n eventHandler,\n ownerWindow,\n slides,\n axis,\n watchResize,\n nodeRects\n ),\n scrollBody,\n scrollBounds: ScrollBounds(\n limit,\n location,\n target,\n scrollBody,\n percentOfView\n ),\n scrollLooper: ScrollLooper(contentSize, limit, offsetLocation, [\n location,\n offsetLocation,\n target\n ]),\n scrollProgress,\n scrollSnapList: scrollSnaps.map(scrollProgress.get),\n scrollSnaps,\n scrollTarget,\n scrollTo,\n slideLooper: SlideLooper(\n axis,\n direction,\n viewSize,\n contentSize,\n slideSizes,\n slideSizesWithGaps,\n snaps,\n scrollSnaps,\n offsetLocation,\n slides\n ),\n slideFocus,\n slidesHandler: SlidesHandler(container, eventHandler, watchSlides),\n slidesInView,\n slideIndexes,\n slideRegistry,\n slidesToScroll,\n target,\n translate: Translate(axis, direction, container)\n }\n\n return engine\n}\n","export type NodeRectType = {\n top: number\n right: number\n bottom: number\n left: number\n width: number\n height: number\n}\n\nexport type NodeRectsType = {\n measure: (node: HTMLElement) => NodeRectType\n}\n\nexport function NodeRects(): NodeRectsType {\n function measure(node: HTMLElement): NodeRectType {\n const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = node\n const offset: NodeRectType = {\n top: offsetTop,\n right: offsetLeft + offsetWidth,\n bottom: offsetTop + offsetHeight,\n left: offsetLeft,\n width: offsetWidth,\n height: offsetHeight\n }\n\n return offset\n }\n\n const self: NodeRectsType = {\n measure\n }\n return self\n}\n","export type PercentOfViewType = {\n measure: (n: number) => number\n}\n\nexport function PercentOfView(viewSize: number): PercentOfViewType {\n function measure(n: number): number {\n return viewSize * (n / 100)\n }\n\n const self: PercentOfViewType = {\n measure\n }\n return self\n}\n","import { AxisType } from './Axis'\nimport { NodeRectType } from './NodeRects'\nimport { arrayIsLastIndex, arrayLast, mathAbs, WindowType } from './utils'\n\nexport type SlideSizesType = {\n slideSizes: number[]\n slideSizesWithGaps: number[]\n startGap: number\n endGap: number\n}\n\nexport function SlideSizes(\n axis: AxisType,\n containerRect: NodeRectType,\n slideRects: NodeRectType[],\n slides: HTMLElement[],\n readEdgeGap: boolean,\n ownerWindow: WindowType\n): SlideSizesType {\n const { measureSize, startEdge, endEdge } = axis\n const withEdgeGap = slideRects[0] && readEdgeGap\n const startGap = measureStartGap()\n const endGap = measureEndGap()\n const slideSizes = slideRects.map(measureSize)\n const slideSizesWithGaps = measureWithGaps()\n\n function measureStartGap(): number {\n if (!withEdgeGap) return 0\n const slideRect = slideRects[0]\n return mathAbs(containerRect[startEdge] - slideRect[startEdge])\n }\n\n function measureEndGap(): number {\n if (!withEdgeGap) return 0\n const style = ownerWindow.getComputedStyle(arrayLast(slides))\n return parseFloat(style.getPropertyValue(`margin-${endEdge}`))\n }\n\n function measureWithGaps(): number[] {\n return slideRects\n .map((rect, index, rects) => {\n const isFirst = !index\n const isLast = arrayIsLastIndex(rects, index)\n if (isFirst) return slideSizes[index] + startGap\n if (isLast) return slideSizes[index] + endGap\n return rects[index + 1][startEdge] - rect[startEdge]\n })\n .map(mathAbs)\n }\n\n const self: SlideSizesType = {\n slideSizes,\n slideSizesWithGaps,\n startGap,\n endGap\n }\n return self\n}\n","import { AlignmentType } from './Alignment'\nimport { AxisType } from './Axis'\nimport { NodeRectType } from './NodeRects'\nimport { SlidesToScrollType } from './SlidesToScroll'\nimport { arrayLast, mathAbs } from './utils'\n\nexport type ScrollSnapsType = {\n snaps: number[]\n snapsAligned: number[]\n}\n\nexport function ScrollSnaps(\n axis: AxisType,\n alignment: AlignmentType,\n containerRect: NodeRectType,\n slideRects: NodeRectType[],\n slidesToScroll: SlidesToScrollType\n): ScrollSnapsType {\n const { startEdge, endEdge } = axis\n const { groupSlides } = slidesToScroll\n const alignments = measureSizes().map(alignment.measure)\n const snaps = measureUnaligned()\n const snapsAligned = measureAligned()\n\n function measureSizes(): number[] {\n return groupSlides(slideRects)\n .map((rects) => arrayLast(rects)[endEdge] - rects[0][startEdge])\n .map(mathAbs)\n }\n\n function measureUnaligned(): number[] {\n return slideRects\n .map((rect) => containerRect[startEdge] - rect[startEdge])\n .map((snap) => -mathAbs(snap))\n }\n\n function measureAligned(): number[] {\n return groupSlides(snaps)\n .map((g) => g[0])\n .map((snap, index) => snap + alignments[index])\n }\n\n const self: ScrollSnapsType = {\n snaps,\n snapsAligned\n }\n return self\n}\n","import { Limit, LimitType } from './Limit'\nimport { arrayIsLastIndex, arrayLast } from './utils'\n\nexport type ScrollContainOptionType = false | 'trimSnaps' | 'keepSnaps'\n\nexport type ScrollContainType = {\n snapsContained: number[]\n scrollContainLimit: LimitType\n}\n\nexport function ScrollContain(\n viewSize: number,\n contentSize: number,\n snapsAligned: number[],\n containScroll: ScrollContainOptionType,\n pixelTolerance: number\n): ScrollContainType {\n const scrollBounds = Limit(-contentSize + viewSize, 0)\n const snapsBounded = measureBounded()\n const scrollContainLimit = findScrollContainLimit()\n const snapsContained = measureContained()\n\n function findScrollContainLimit(): LimitType {\n const startSnap = snapsBounded[0]\n const endSnap = arrayLast(snapsBounded)\n const min = snapsBounded.lastIndexOf(startSnap)\n const max = snapsBounded.indexOf(endSnap) + 1\n return Limit(min, max)\n }\n\n function measureBounded(): number[] {\n return snapsAligned\n .map((snapAligned, index) => {\n const isFirst = !index\n const isLast = arrayIsLastIndex(snapsAligned, index)\n if (isFirst) return scrollBounds.max\n if (isLast) return scrollBounds.min\n return scrollBounds.constrain(snapAligned)\n })\n .map((scrollBound) => parseFloat(scrollBound.toFixed(3)))\n }\n\n function measureContained(): number[] {\n if (contentSize <= viewSize + pixelTolerance) return [scrollBounds.max]\n if (containScroll === 'keepSnaps') return snapsBounded\n const { min, max } = scrollContainLimit\n return snapsBounded.slice(min, max)\n }\n\n const self: ScrollContainType = {\n snapsContained,\n scrollContainLimit\n }\n return self\n}\n","import { Limit, LimitType } from './Limit'\nimport { arrayLast } from './utils'\n\nexport type ScrollLimitType = {\n limit: LimitType\n}\n\nexport function ScrollLimit(\n contentSize: number,\n scrollSnaps: number[],\n loop: boolean\n): ScrollLimitType {\n const max = scrollSnaps[0]\n const min = loop ? max - contentSize : arrayLast(scrollSnaps)\n const limit = Limit(min, max)\n\n const self: ScrollLimitType = {\n limit\n }\n return self\n}\n","import { mathSign, mathAbs } from './utils'\nimport { Vector1DType } from './Vector1d'\n\nexport type ScrollBodyType = {\n direction: () => number\n duration: () => number\n velocity: () => number\n seek: () => ScrollBodyType\n settled: () => boolean\n useBaseFriction: () => ScrollBodyType\n useBaseDuration: () => ScrollBodyType\n useFriction: (n: number) => ScrollBodyType\n useDuration: (n: number) => ScrollBodyType\n}\n\nexport function ScrollBody(\n location: Vector1DType,\n offsetLocation: Vector1DType,\n target: Vector1DType,\n baseDuration: number,\n baseFriction: number\n): ScrollBodyType {\n let bodyVelocity = 0\n let scrollDirection = 0\n let scrollDuration = baseDuration\n let scrollFriction = baseFriction\n let rawLocation = location.get()\n let rawLocationPrevious = 0\n\n function seek(): ScrollBodyType {\n const diff = target.get() - location.get()\n const isInstant = !scrollDuration\n let directionDiff = 0\n\n if (isInstant) {\n bodyVelocity = 0\n location.set(target)\n\n directionDiff = diff\n } else {\n bodyVelocity += diff / scrollDuration\n bodyVelocity *= scrollFriction\n rawLocation += bodyVelocity\n location.add(bodyVelocity)\n\n directionDiff = rawLocation - rawLocationPrevious\n }\n\n scrollDirection = mathSign(directionDiff)\n rawLocationPrevious = rawLocation\n return self\n }\n\n function settled(): boolean {\n const diff = target.get() - offsetLocation.get()\n return mathAbs(diff) < 0.001\n }\n\n function duration(): number {\n return scrollDuration\n }\n\n function direction(): number {\n return scrollDirection\n }\n\n function velocity(): number {\n return bodyVelocity\n }\n\n function useBaseDuration(): ScrollBodyType {\n return useDuration(baseDuration)\n }\n\n function useBaseFriction(): ScrollBodyType {\n return useFriction(baseFriction)\n }\n\n function useDuration(n: number): ScrollBodyType {\n scrollDuration = n\n return self\n }\n\n function useFriction(n: number): ScrollBodyType {\n scrollFriction = n\n return self\n }\n\n const self: ScrollBodyType = {\n direction,\n duration,\n velocity,\n seek,\n settled,\n useBaseFriction,\n useBaseDuration,\n useFriction,\n useDuration\n }\n return self\n}\n","import { AnimationsType } from './Animations'\nimport { CounterType } from './Counter'\nimport { EventHandlerType } from './EventHandler'\nimport { ScrollBodyType } from './ScrollBody'\nimport { ScrollTargetType, TargetType } from './ScrollTarget'\nimport { Vector1DType } from './Vector1d'\n\nexport type ScrollToType = {\n distance: (n: number, snap: boolean) => void\n index: (n: number, direction: number) => void\n}\n\nexport function ScrollTo(\n animation: AnimationsType,\n indexCurrent: CounterType,\n indexPrevious: CounterType,\n scrollBody: ScrollBodyType,\n scrollTarget: ScrollTargetType,\n targetVector: Vector1DType,\n eventHandler: EventHandlerType\n): ScrollToType {\n function scrollTo(target: TargetType): void {\n const distanceDiff = target.distance\n const indexDiff = target.index !== indexCurrent.get()\n\n targetVector.add(distanceDiff)\n\n if (distanceDiff) {\n if (scrollBody.duration()) {\n animation.start()\n } else {\n animation.update()\n animation.render(1)\n animation.update()\n }\n }\n\n if (indexDiff) {\n indexPrevious.set(indexCurrent.get())\n indexCurrent.set(target.index)\n eventHandler.emit('select')\n }\n }\n\n function distance(n: number, snap: boolean): void {\n const target = scrollTarget.byDistance(n, snap)\n scrollTo(target)\n }\n\n function index(n: number, direction: number): void {\n const targetIndex = indexCurrent.clone().set(n)\n const target = scrollTarget.byIndex(targetIndex.get(), direction)\n scrollTo(target)\n }\n\n const self: ScrollToType = {\n distance,\n index\n }\n return self\n}\n","import { LimitType } from './Limit'\n\nexport type ScrollProgressType = {\n get: (n: number) => number\n}\n\nexport function ScrollProgress(limit: LimitType): ScrollProgressType {\n const { max, length } = limit\n\n function get(n: number): number {\n const currentLocation = n - max\n return length ? currentLocation / -length : 0\n }\n\n const self: ScrollProgressType = {\n get\n }\n return self\n}\n","import { LimitType } from './Limit'\nimport { ScrollContainOptionType } from './ScrollContain'\nimport { SlidesToScrollType } from './SlidesToScroll'\nimport {\n arrayFromNumber,\n arrayIsLastIndex,\n arrayLast,\n arrayLastIndex\n} from './utils'\n\nexport type SlideRegistryType = {\n slideRegistry: number[][]\n}\n\nexport function SlideRegistry(\n containSnaps: boolean,\n containScroll: ScrollContainOptionType,\n scrollSnaps: number[],\n scrollContainLimit: LimitType,\n slidesToScroll: SlidesToScrollType,\n slideIndexes: number[]\n): SlideRegistryType {\n const { groupSlides } = slidesToScroll\n const { min, max } = scrollContainLimit\n const slideRegistry = createSlideRegistry()\n\n function createSlideRegistry(): number[][] {\n const groupedSlideIndexes = groupSlides(slideIndexes)\n const doNotContain = !containSnaps || containScroll === 'keepSnaps'\n\n if (scrollSnaps.length === 1) return [slideIndexes]\n if (doNotContain) return groupedSlideIndexes\n\n return groupedSlideIndexes.slice(min, max).map((group, index, groups) => {\n const isFirst = !index\n const isLast = arrayIsLastIndex(groups, index)\n\n if (isFirst) {\n const range = arrayLast(groups[0]) + 1\n return arrayFromNumber(range)\n }\n if (isLast) {\n const range = arrayLastIndex(slideIndexes) - arrayLast(groups)[0] + 1\n return arrayFromNumber(range, arrayLast(groups)[0])\n }\n return group\n })\n }\n\n const self: SlideRegistryType = {\n slideRegistry\n }\n return self\n}\n","import { EventStoreType } from './EventStore'\nimport { ScrollBodyType } from './ScrollBody'\nimport { ScrollToType } from './ScrollTo'\nimport { SlideRegistryType } from './SlideRegistry'\nimport { isNumber } from './utils'\n\nexport type SlideFocusType = {\n init: () => void\n}\n\nexport function SlideFocus(\n root: HTMLElement,\n slides: HTMLElement[],\n slideRegistry: SlideRegistryType['slideRegistry'],\n scrollTo: ScrollToType,\n scrollBody: ScrollBodyType,\n eventStore: EventStoreType\n): SlideFocusType {\n let lastTabPressTime = 0\n\n function init(): void {\n eventStore.add(document, 'keydown', registerTabPress, false)\n slides.forEach(addSlideFocusEvent)\n }\n\n function registerTabPress(event: KeyboardEvent): void {\n if (event.code === 'Tab') lastTabPressTime = new Date().getTime()\n }\n\n function addSlideFocusEvent(slide: HTMLElement): void {\n const focus = (): void => {\n const nowTime = new Date().getTime()\n const diffTime = nowTime - lastTabPressTime\n\n if (diffTime > 10) return\n\n root.scrollLeft = 0\n const index = slides.indexOf(slide)\n const group = slideRegistry.findIndex((group) => group.includes(index))\n\n if (!isNumber(group)) return\n\n scrollBody.useDuration(0)\n scrollTo.index(group, 0)\n }\n\n eventStore.add(slide, 'focus', focus, {\n passive: true,\n capture: true\n })\n }\n\n const self: SlideFocusType = {\n init\n }\n return self\n}\n","import { AlignmentOptionType } from './Alignment'\nimport { AxisOptionType } from './Axis'\nimport { SlidesToScrollOptionType } from './SlidesToScroll'\nimport { DirectionOptionType } from './Direction'\nimport { ScrollContainOptionType } from './ScrollContain'\nimport { DragHandlerOptionType } from './DragHandler'\nimport { ResizeHandlerOptionType } from './ResizeHandler'\nimport { SlidesHandlerOptionType } from './SlidesHandler'\nimport { SlidesInViewOptionsType } from './SlidesInView'\n\nexport type LooseOptionsType = {\n [key: string]: unknown\n}\n\nexport type CreateOptionsType = Type & {\n active: boolean\n breakpoints: {\n [key: string]: Omit>, 'breakpoints'>\n }\n}\n\nexport type OptionsType = CreateOptionsType<{\n align: AlignmentOptionType\n axis: AxisOptionType\n container: string | HTMLElement | null\n slides: string | HTMLElement[] | NodeListOf | null\n containScroll: ScrollContainOptionType\n direction: DirectionOptionType\n slidesToScroll: SlidesToScrollOptionType\n dragFree: boolean\n dragThreshold: number\n inViewThreshold: SlidesInViewOptionsType\n loop: boolean\n skipSnaps: boolean\n duration: number\n startIndex: number\n watchDrag: DragHandlerOptionType\n watchResize: ResizeHandlerOptionType\n watchSlides: SlidesHandlerOptionType\n}>\n\nexport const defaultOptions: OptionsType = {\n align: 'center',\n axis: 'x',\n container: null,\n slides: null,\n containScroll: 'trimSnaps',\n direction: 'ltr',\n slidesToScroll: 1,\n inViewThreshold: 0,\n breakpoints: {},\n dragFree: false,\n dragThreshold: 10,\n loop: false,\n skipSnaps: false,\n duration: 25,\n startIndex: 0,\n active: true,\n watchDrag: true,\n watchResize: true,\n watchSlides: true\n}\n\nexport type EmblaOptionsType = Partial\n","import { LooseOptionsType, CreateOptionsType } from './Options'\nimport { objectKeys, objectsMergeDeep, WindowType } from './utils'\n\ntype OptionsType = Partial>\n\nexport type OptionsHandlerType = {\n mergeOptions: (\n optionsA: TypeA,\n optionsB?: TypeB\n ) => TypeA\n optionsAtMedia: (options: Type) => Type\n optionsMediaQueries: (optionsList: OptionsType[]) => MediaQueryList[]\n}\n\nexport function OptionsHandler(ownerWindow: WindowType): OptionsHandlerType {\n function mergeOptions(\n optionsA: TypeA,\n optionsB?: TypeB\n ): TypeA {\n return objectsMergeDeep(optionsA, optionsB || {})\n }\n\n function optionsAtMedia(options: Type): Type {\n const optionsAtMedia = options.breakpoints || {}\n const matchedMediaOptions = objectKeys(optionsAtMedia)\n .filter((media) => ownerWindow.matchMedia(media).matches)\n .map((media) => optionsAtMedia[media])\n .reduce((a, mediaOption) => mergeOptions(a, mediaOption), {})\n\n return mergeOptions(options, matchedMediaOptions)\n }\n\n function optionsMediaQueries(optionsList: OptionsType[]): MediaQueryList[] {\n return optionsList\n .map((options) => objectKeys(options.breakpoints || {}))\n .reduce((acc, mediaQueries) => acc.concat(mediaQueries), [])\n .map(ownerWindow.matchMedia)\n }\n\n const self: OptionsHandlerType = {\n mergeOptions,\n optionsAtMedia,\n optionsMediaQueries\n }\n return self\n}\n","import { Engine, EngineType } from './Engine'\nimport { EventStore } from './EventStore'\nimport { EventHandler, EventHandlerType } from './EventHandler'\nimport { defaultOptions, EmblaOptionsType, OptionsType } from './Options'\nimport { OptionsHandler } from './OptionsHandler'\nimport { PluginsHandler } from './PluginsHandler'\nimport { EmblaPluginsType, EmblaPluginType } from './Plugins'\nimport { isString, WindowType } from './utils'\n\nexport type EmblaCarouselType = {\n canScrollNext: () => boolean\n canScrollPrev: () => boolean\n containerNode: () => HTMLElement\n internalEngine: () => EngineType\n destroy: () => void\n off: EventHandlerType['off']\n on: EventHandlerType['on']\n emit: EventHandlerType['emit']\n plugins: () => EmblaPluginsType\n previousScrollSnap: () => number\n reInit: (options?: EmblaOptionsType, plugins?: EmblaPluginType[]) => void\n rootNode: () => HTMLElement\n scrollNext: (jump?: boolean) => void\n scrollPrev: (jump?: boolean) => void\n scrollProgress: () => number\n scrollSnapList: () => number[]\n scrollTo: (index: number, jump?: boolean) => void\n selectedScrollSnap: () => number\n slideNodes: () => HTMLElement[]\n slidesInView: () => number[]\n slidesNotInView: () => number[]\n}\n\nfunction EmblaCarousel(\n root: HTMLElement,\n userOptions?: EmblaOptionsType,\n userPlugins?: EmblaPluginType[]\n): EmblaCarouselType {\n const ownerDocument = root.ownerDocument\n const ownerWindow = ownerDocument.defaultView\n const optionsHandler = OptionsHandler(ownerWindow)\n const pluginsHandler = PluginsHandler(optionsHandler)\n const mediaHandlers = EventStore()\n const eventHandler = EventHandler()\n const { mergeOptions, optionsAtMedia, optionsMediaQueries } = optionsHandler\n const { on, off, emit } = eventHandler\n const reInit = reActivate\n\n let destroyed = false\n let engine: EngineType\n let optionsBase = mergeOptions(defaultOptions, EmblaCarousel.globalOptions)\n let options = mergeOptions(optionsBase)\n let pluginList: EmblaPluginType[] = []\n let pluginApis: EmblaPluginsType\n\n let container: HTMLElement\n let slides: HTMLElement[]\n\n function storeElements(): void {\n const { container: userContainer, slides: userSlides } = options\n\n const customContainer = isString(userContainer)\n ? root.querySelector(userContainer)\n : userContainer\n container = (customContainer || root.children[0])\n\n const customSlides = isString(userSlides)\n ? container.querySelectorAll(userSlides)\n : userSlides\n slides = [].slice.call(customSlides || container.children)\n }\n\n function createEngine(options: OptionsType): EngineType {\n const engine = Engine(\n root,\n container,\n slides,\n ownerDocument,\n ownerWindow,\n options,\n eventHandler\n )\n\n if (options.loop && !engine.slideLooper.canLoop()) {\n const optionsWithoutLoop = Object.assign({}, options, { loop: false })\n return createEngine(optionsWithoutLoop)\n }\n return engine\n }\n\n function activate(\n withOptions?: EmblaOptionsType,\n withPlugins?: EmblaPluginType[]\n ): void {\n if (destroyed) return\n\n optionsBase = mergeOptions(optionsBase, withOptions)\n options = optionsAtMedia(optionsBase)\n pluginList = withPlugins || pluginList\n\n storeElements()\n\n engine = createEngine(options)\n\n optionsMediaQueries([\n optionsBase,\n ...pluginList.map(({ options }) => options)\n ]).forEach((query) => mediaHandlers.add(query, 'change', reActivate))\n\n if (!options.active) return\n\n engine.translate.to(engine.location.get())\n engine.animation.init()\n engine.slidesInView.init()\n engine.slideFocus.init()\n engine.eventHandler.init(self)\n engine.resizeHandler.init(self)\n engine.slidesHandler.init(self)\n\n if (engine.options.loop) engine.slideLooper.loop()\n if (container.offsetParent && slides.length) engine.dragHandler.init(self)\n\n pluginApis = pluginsHandler.init(self, pluginList)\n }\n\n function reActivate(\n withOptions?: EmblaOptionsType,\n withPlugins?: EmblaPluginType[]\n ): void {\n const startIndex = selectedScrollSnap()\n deActivate()\n activate(mergeOptions({ startIndex }, withOptions), withPlugins)\n eventHandler.emit('reInit')\n }\n\n function deActivate(): void {\n engine.dragHandler.destroy()\n engine.eventStore.clear()\n engine.translate.clear()\n engine.slideLooper.clear()\n engine.resizeHandler.destroy()\n engine.slidesHandler.destroy()\n engine.slidesInView.destroy()\n engine.animation.destroy()\n pluginsHandler.destroy()\n mediaHandlers.clear()\n }\n\n function destroy(): void {\n if (destroyed) return\n destroyed = true\n mediaHandlers.clear()\n deActivate()\n eventHandler.emit('destroy')\n }\n\n function scrollTo(index: number, jump?: boolean, direction?: number): void {\n if (!options.active || destroyed) return\n engine.scrollBody\n .useBaseFriction()\n .useDuration(jump === true ? 0 : options.duration)\n engine.scrollTo.index(index, direction || 0)\n }\n\n function scrollNext(jump?: boolean): void {\n const next = engine.index.add(1).get()\n scrollTo(next, jump, -1)\n }\n\n function scrollPrev(jump?: boolean): void {\n const prev = engine.index.add(-1).get()\n scrollTo(prev, jump, 1)\n }\n\n function canScrollNext(): boolean {\n const next = engine.index.add(1).get()\n return next !== selectedScrollSnap()\n }\n\n function canScrollPrev(): boolean {\n const prev = engine.index.add(-1).get()\n return prev !== selectedScrollSnap()\n }\n\n function scrollSnapList(): number[] {\n return engine.scrollSnapList\n }\n\n function scrollProgress(): number {\n return engine.scrollProgress.get(engine.location.get())\n }\n\n function selectedScrollSnap(): number {\n return engine.index.get()\n }\n\n function previousScrollSnap(): number {\n return engine.indexPrevious.get()\n }\n\n function slidesInView(): number[] {\n return engine.slidesInView.get()\n }\n\n function slidesNotInView(): number[] {\n return engine.slidesInView.get(false)\n }\n\n function plugins(): EmblaPluginsType {\n return pluginApis\n }\n\n function internalEngine(): EngineType {\n return engine\n }\n\n function rootNode(): HTMLElement {\n return root\n }\n\n function containerNode(): HTMLElement {\n return container\n }\n\n function slideNodes(): HTMLElement[] {\n return slides\n }\n\n const self: EmblaCarouselType = {\n canScrollNext,\n canScrollPrev,\n containerNode,\n internalEngine,\n destroy,\n off,\n on,\n emit,\n plugins,\n previousScrollSnap,\n reInit,\n rootNode,\n scrollNext,\n scrollPrev,\n scrollProgress,\n scrollSnapList,\n scrollTo,\n selectedScrollSnap,\n slideNodes,\n slidesInView,\n slidesNotInView\n }\n\n activate(userOptions, userPlugins)\n setTimeout(() => eventHandler.emit('init'), 0)\n return self\n}\n\nEmblaCarousel.globalOptions = undefined\n\nexport default EmblaCarousel\n","import { EmblaCarouselType } from './EmblaCarousel'\nimport { OptionsHandlerType } from './OptionsHandler'\nimport { EmblaPluginsType, EmblaPluginType } from './Plugins'\n\nexport type PluginsHandlerType = {\n init: (\n emblaApi: EmblaCarouselType,\n plugins: EmblaPluginType[]\n ) => EmblaPluginsType\n destroy: () => void\n}\n\nexport function PluginsHandler(\n optionsHandler: OptionsHandlerType\n): PluginsHandlerType {\n let activePlugins: EmblaPluginType[] = []\n\n function init(\n emblaApi: EmblaCarouselType,\n plugins: EmblaPluginType[]\n ): EmblaPluginsType {\n activePlugins = plugins.filter(\n ({ options }) => optionsHandler.optionsAtMedia(options).active !== false\n )\n activePlugins.forEach((plugin) => plugin.init(emblaApi, optionsHandler))\n\n return plugins.reduce(\n (map, plugin) => Object.assign(map, { [plugin.name]: plugin }),\n {}\n )\n }\n\n function destroy(): void {\n activePlugins = activePlugins.filter((plugin) => plugin.destroy())\n }\n\n const self: PluginsHandlerType = {\n init,\n destroy\n }\n return self\n}\n","import { EmblaCarouselType } from './EmblaCarousel'\n\ntype CallbackType = (emblaApi: EmblaCarouselType, evt: EmblaEventType) => void\ntype ListenersType = Partial<{ [key in EmblaEventType]: CallbackType[] }>\n\nexport type EmblaEventType = EmblaEventListType[keyof EmblaEventListType]\n\nexport interface EmblaEventListType {\n init: 'init'\n pointerDown: 'pointerDown'\n pointerUp: 'pointerUp'\n slidesChanged: 'slidesChanged'\n slidesInView: 'slidesInView'\n scroll: 'scroll'\n select: 'select'\n settle: 'settle'\n destroy: 'destroy'\n reInit: 'reInit'\n resize: 'resize'\n}\n\nexport type EventHandlerType = {\n init: (emblaApi: EmblaCarouselType) => void\n emit: (evt: EmblaEventType) => EventHandlerType\n on: (evt: EmblaEventType, cb: CallbackType) => EventHandlerType\n off: (evt: EmblaEventType, cb: CallbackType) => EventHandlerType\n}\n\nexport function EventHandler(): EventHandlerType {\n const listeners: ListenersType = {}\n let api: EmblaCarouselType\n\n function init(emblaApi: EmblaCarouselType): void {\n api = emblaApi\n }\n\n function getListeners(evt: EmblaEventType): CallbackType[] {\n return listeners[evt] || []\n }\n\n function emit(evt: EmblaEventType): EventHandlerType {\n getListeners(evt).forEach((e) => e(api, evt))\n return self\n }\n\n function on(evt: EmblaEventType, cb: CallbackType): EventHandlerType {\n listeners[evt] = getListeners(evt).concat([cb])\n return self\n }\n\n function off(evt: EmblaEventType, cb: CallbackType): EventHandlerType {\n listeners[evt] = getListeners(evt).filter((e) => e !== cb)\n return self\n }\n\n const self: EventHandlerType = {\n init,\n emit,\n off,\n on\n }\n return self\n}\n","import { useRef, useEffect, useState, useCallback } from 'react'\nimport {\n areOptionsEqual,\n arePluginsEqual,\n canUseDOM\n} from 'embla-carousel-reactive-utils'\nimport EmblaCarousel, {\n EmblaCarouselType,\n EmblaOptionsType,\n EmblaPluginType\n} from 'embla-carousel'\n\ntype EmblaViewportRefType = (\n instance: ViewportElement | null\n) => void\n\nexport type UseEmblaCarouselType = [\n EmblaViewportRefType,\n EmblaCarouselType | undefined\n]\n\nfunction useEmblaCarousel(\n options: EmblaOptionsType = {},\n plugins: EmblaPluginType[] = []\n): UseEmblaCarouselType {\n const storedOptions = useRef(options)\n const storedPlugins = useRef(plugins)\n const [emblaApi, setEmblaApi] = useState()\n const [viewport, setViewport] = useState()\n\n const reInit = useCallback(() => {\n if (emblaApi) emblaApi.reInit(storedOptions.current, storedPlugins.current)\n }, [emblaApi])\n\n useEffect(() => {\n if (canUseDOM() && viewport) {\n EmblaCarousel.globalOptions = useEmblaCarousel.globalOptions\n const newEmblaApi = EmblaCarousel(\n viewport,\n storedOptions.current,\n storedPlugins.current\n )\n setEmblaApi(newEmblaApi)\n return () => newEmblaApi.destroy()\n } else {\n setEmblaApi(undefined)\n }\n }, [viewport, setEmblaApi])\n\n useEffect(() => {\n if (areOptionsEqual(storedOptions.current, options)) return\n storedOptions.current = options\n reInit()\n }, [options, reInit])\n\n useEffect(() => {\n if (arePluginsEqual(storedPlugins.current, plugins)) return\n storedPlugins.current = plugins\n reInit()\n }, [plugins, reInit])\n\n return [setViewport, emblaApi]\n}\n\nuseEmblaCarousel.globalOptions = undefined\n\nexport default useEmblaCarousel\n","// Copyright (c) 2013 Pieroxy \n// This work is free. You can redistribute it and/or modify it\n// under the terms of the WTFPL, Version 2\n// For more information see LICENSE.txt or http://www.wtfpl.net/\n//\n// For more information, the home page:\n// http://pieroxy.net/blog/pages/lz-string/testing.html\n//\n// LZ-based compression algorithm, version 1.4.4\nvar LZString = (function() {\n\n// private property\nvar f = String.fromCharCode;\nvar keyStrBase64 = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\nvar keyStrUriSafe = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$\";\nvar baseReverseDic = {};\n\nfunction getBaseValue(alphabet, character) {\n if (!baseReverseDic[alphabet]) {\n baseReverseDic[alphabet] = {};\n for (var i=0 ; i>> 8;\n buf[i*2+1] = current_value % 256;\n }\n return buf;\n },\n\n //decompress from uint8array (UCS-2 big endian format)\n decompressFromUint8Array:function (compressed) {\n if (compressed===null || compressed===undefined){\n return LZString.decompress(compressed);\n } else {\n var buf=new Array(compressed.length/2); // 2 bytes per character\n for (var i=0, TotalLen=buf.length; i> 1;\n }\n } else {\n value = 1;\n for (i=0 ; i> 1;\n }\n }\n context_enlargeIn--;\n if (context_enlargeIn == 0) {\n context_enlargeIn = Math.pow(2, context_numBits);\n context_numBits++;\n }\n delete context_dictionaryToCreate[context_w];\n } else {\n value = context_dictionary[context_w];\n for (i=0 ; i> 1;\n }\n\n\n }\n context_enlargeIn--;\n if (context_enlargeIn == 0) {\n context_enlargeIn = Math.pow(2, context_numBits);\n context_numBits++;\n }\n // Add wc to the dictionary.\n context_dictionary[context_wc] = context_dictSize++;\n context_w = String(context_c);\n }\n }\n\n // Output the code for w.\n if (context_w !== \"\") {\n if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate,context_w)) {\n if (context_w.charCodeAt(0)<256) {\n for (i=0 ; i> 1;\n }\n } else {\n value = 1;\n for (i=0 ; i> 1;\n }\n }\n context_enlargeIn--;\n if (context_enlargeIn == 0) {\n context_enlargeIn = Math.pow(2, context_numBits);\n context_numBits++;\n }\n delete context_dictionaryToCreate[context_w];\n } else {\n value = context_dictionary[context_w];\n for (i=0 ; i> 1;\n }\n\n\n }\n context_enlargeIn--;\n if (context_enlargeIn == 0) {\n context_enlargeIn = Math.pow(2, context_numBits);\n context_numBits++;\n }\n }\n\n // Mark the end of the stream\n value = 2;\n for (i=0 ; i> 1;\n }\n\n // Flush the last char\n while (true) {\n context_data_val = (context_data_val << 1);\n if (context_data_position == bitsPerChar-1) {\n context_data.push(getCharFromInt(context_data_val));\n break;\n }\n else context_data_position++;\n }\n return context_data.join('');\n },\n\n decompress: function (compressed) {\n if (compressed == null) return \"\";\n if (compressed == \"\") return null;\n return LZString._decompress(compressed.length, 32768, function(index) { return compressed.charCodeAt(index); });\n },\n\n _decompress: function (length, resetValue, getNextValue) {\n var dictionary = [],\n next,\n enlargeIn = 4,\n dictSize = 4,\n numBits = 3,\n entry = \"\",\n result = [],\n i,\n w,\n bits, resb, maxpower, power,\n c,\n data = {val:getNextValue(0), position:resetValue, index:1};\n\n for (i = 0; i < 3; i += 1) {\n dictionary[i] = i;\n }\n\n bits = 0;\n maxpower = Math.pow(2,2);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n\n switch (next = bits) {\n case 0:\n bits = 0;\n maxpower = Math.pow(2,8);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n c = f(bits);\n break;\n case 1:\n bits = 0;\n maxpower = Math.pow(2,16);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n c = f(bits);\n break;\n case 2:\n return \"\";\n }\n dictionary[3] = c;\n w = c;\n result.push(c);\n while (true) {\n if (data.index > length) {\n return \"\";\n }\n\n bits = 0;\n maxpower = Math.pow(2,numBits);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n\n switch (c = bits) {\n case 0:\n bits = 0;\n maxpower = Math.pow(2,8);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n\n dictionary[dictSize++] = f(bits);\n c = dictSize-1;\n enlargeIn--;\n break;\n case 1:\n bits = 0;\n maxpower = Math.pow(2,16);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n dictionary[dictSize++] = f(bits);\n c = dictSize-1;\n enlargeIn--;\n break;\n case 2:\n return result.join('');\n }\n\n if (enlargeIn == 0) {\n enlargeIn = Math.pow(2, numBits);\n numBits++;\n }\n\n if (dictionary[c]) {\n entry = dictionary[c];\n } else {\n if (c === dictSize) {\n entry = w + w.charAt(0);\n } else {\n return null;\n }\n }\n result.push(entry);\n\n // Add w+entry[0] to the dictionary.\n dictionary[dictSize++] = w + entry.charAt(0);\n enlargeIn--;\n\n w = entry;\n\n if (enlargeIn == 0) {\n enlargeIn = Math.pow(2, numBits);\n numBits++;\n }\n\n }\n }\n};\n return LZString;\n})();\n\nif (typeof define === 'function' && define.amd) {\n define(function () { return LZString; });\n} else if( typeof module !== 'undefined' && module != null ) {\n module.exports = LZString\n}\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["Object","defineProperty","exports","value","LZString","getParameters","parameters","input","JSON","stringify","compressToBase64","replace","define_1","module","bracketSpacing","printWidth","semi","singleQuote","trailingComma","tabWidth","useTabs","CAROUSEL_DEFAULT_HEIGHT","CAROUSEL_THUMB_SLIDES_HEIGHT","CAROUSEL_THUMB_SLIDES_SPACING","CAROUSEL_IOS_PICKER_HEIGHT","CAROUSEL_SLIDES_SPACING","CAROUSEL_WRAPPER_SPACING","CAROUSEL_WRAPPER_RADIUS","BORDER_RADIUSES","borderStyles","css","MEDIA","LAYERS","BORDER_SIZES","COLORS","baseWrapperStyles","pageFrameCollapseStyles","carouselDefaultWrapperStyles","carouselThumbsWrapperStyles","iosPickerWrapperStyles","BASE_STYLES","createSquareSizeStyles","FONT_WEIGHTS","BRAND_GRADIENT_TEXT_STYLES","VARIABLE_WIDTH_STYLES","ARROWS_STYLES","DOTS_STYLES","ARROWS_DOTS_STYLES","THUMBS_STYLES","PROGRESS_STYLES","BRAND_GRADIENT_BACKGROUND_STYLES","PARALLAX_STYLES","SCALE_STYLES","LAZY_LOAD_STYLES","CLASS_NAMES_STYLES","INFINITE_SCROLL_STYLES","IOS_PICKER_STYLES","createCarouselDefaultStyles","slideSize","spacingSize","axis","customStyles","horizontal","flexDirection","spacingDirection","panDirection","sizeDimention","imageHeight","arrowsPosition","containerHeight","slideNumberSpacing","styledComponentsStylesToString","createCarouselVariableWidthStyles","createCarouselArrowsDotsStyles","createCarouselThumbsStyles","createCarouselProgressStyles","createCarouselParallaxStyles","createCarouselScaleStyles","createCarouselClassNamesStyles","createCarouselLazyLoadStyles","createCarouselInfiniteScrollStyles","createCarouselIosPickerStyles","InputRadioDefault","createRadioOrCheckboxDefault","InputRadioCard","createRadioOrCheckboxCard","RadioOrCheckboxCardWrapper","styled","TAP_HIGHLIGHT_STYLES","CARD_STYLES","LabelContent","Highlight","Input","KEY_NAVIGATING_STYLES","type","displayName","kebabCaseToPascalCase","InputSelectionComponent","props","children","restProps","isKeyNavigating","useKeyNavigating","React","htmlFor","id","$isKeyNavigating","INPUT_SIZE","RadioOrCheckboxDefaultWrapper","InputWrapper","InputLineHeight","InputRadio","InputCheckbox","Label","SPACINGS","_ref","$disabled","InputComponent","disabled","PageBreadcrumbsWrapper","FONT_SIZES","itemStyles","Link","LinkBare","ActiveTitle","Separator","Icon","PageBreadcrumbs","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","slug","sort","a","b","level","useRouteBreadcrumbs","length","map","index","title","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","PageEditThisPage","pageUrl","url","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","IconWithTextText","PagePagination","next","previous","iconSide","slides","options","emblaRef","useEmblaCarousel","className","ref","src","imageByIndex","alt","images","createSandboxReactIndexHtml","async","indexHTML","theme","THEME_PREFIX","getThemeFromDocument","default","SANDBOX_REGEX_THEME","SANDBOX_REGEX_TITLE","createSandboxReactHeader","isTypeScript","header","formattedTitle","createSandboxReactFooter","footer","SANDBOX_REGEX_REPOSITORY_URL","IMAGE_BY_INDEX_IMPORT_REGEX","createSandboxReactImages","match","createSandboxReactTsDeclarations","createSandboxReact","carouselScript","carouselScriptRaw","indexScript","styles","plugins","sandboxOverrides","language","SANDBOX_LANGUAGES","config","sandboxImages","createSandboxImages","SANDBOX_REACT_FOLDERS","prettierConfig","formatCss","loadPrettier","reactScriptExtension","vanillaScriptExtension","formatScript","sandboxLanguageUtils","packageJson","dependencies","devDependencies","docsPackageJson","isJavaScript","name","version","description","main","scripts","start","build","test","eject","react","typescript","browserslist","createSandboxReactPackageJson","tsConfig","include","compilerOptions","strict","esModuleInterop","lib","jsx","createSandboxReactImagePath","entryHtml","entryScript","headerScript","footerScript","imagesScript","tsDeclarations","Promise","all","createSandboxReactDefaultEntry","sandboxConfig","isBinary","content","BASE_CSS","SANDBOX_CSS","assign","files","CAROUSEL_IMPORT_REGEX","SLIDE_COUNT_REGEX","CAROUSEL_IMPORT_REPLACE","slideCount","toString","entry","SANDBOX_REGEX_OPTIONS","sandboxInjectOptions","createSandboxReactIosPickerEntry","loop","SANDBOX_REGEX_IOS_PICKER_LOOP","sandboxInjectIosPickerLoop","PUBLIC","CSS","JS","IMAGES","ICONS_BY_LABEL","VANILLA_JS","VANILLA_TS","REACT_JS","REACT_TS","RadioLabelContent","RadioLabelSvg","SandboxSelectionInput","framework","createSandboxVanillaTsDeclarations","SANDBOX_SCRIPT_SRC_REGEX","SANDBOX_CODE_REGEX","createSandboxVanillaEntry","languageExtension","carouselHtml","scriptSrc","SANDBOX_VANILLA_FOLDERS","IMG_SRC_WITH_HASH_REGEX","IMG_SLIDE_WITH_NUMBER_REGEX","createSandboxVanillaImagePaths","slideWithNumber","createSandboxVanilla","formatHtml","resolutions","createSandboxVanillaPackageJson","sourceMap","allowJs","rootDir","moduleResolution","createSandboxVanillaOptions","SANDBOX_IMAGE_URLS","arrayFromNumber","pathToImageFolder","reduce","allImages","imageUrl","SANDBOX_WRAPPER_STYLES","SANDBOX_CAROUSEL_STYLES","SANDBOX_HEADER_STYLES","SANDBOX_FOOTER_STYLES","THEME_STYLES","RESET_STYLES","FONT_STYLES","Seo","lang","siteMetadata","useSiteMetadata","pageTitle","metaDescription","rel","href","removeProtocol","siteUrl","author","SANDBOX_LABELS","JAVASCRIPT","TYPESCRIPT","SANDBOX_PLUGINS","AUTOPLAY","CLASS_NAMES","SANDBOX_SELECTION_SPACING","number","Array","from","keys","isBrowser","THEME_KEYS","lightThemeClass","document","documentElement","classList","contains","string","separator","replaceString","toUpperCase","PRETTIER_CONFIG","prettierrc","prettier","htmlParser","cssParser","babelParser","prettierHtmlParser","parser","prettierCssParser","prettierBabelParser","prettierBabeTsParser","prettierFormatSafe","subject","formattedString","format","error","console","warn","html","formatJs","js","formatTs","ts","createSandboxFunctionsWithLabels","createSandboxFunction","sandboxLabelKey","createSandbox","label","addSandboxPlugins","pluginNames","isArray","allPlugins","pluginName","stylesList","allStyles","join","isRecord","prototype","call","isObject","areOptionsEqual","optionsA","optionsB","optionsAKeys","optionsBKeys","breakpoints","every","valueA","valueB","sortAndMapPluginToOptions","concat","plugin","isNumber","isString","isBoolean","mathAbs","n","Math","abs","mathSign","sign","arrayKeys","array","objectKeys","Number","arrayLast","arrayLastIndex","max","startAt","_","i","object","objectA","objectB","mergedObjects","currentObject","forEach","areObjects","objectsMergeDeep","evt","ownerWindow","MouseEvent","EventStore","listeners","self","add","node","handler","removeListener","passive","addEventListener","removeEventListener","legacyMediaQueryList","addListener","push","clear","remove","Animations","ownerDocument","update","render","documentVisibleHandler","timeStep","lastTimeStamp","lag","animationFrame","animate","timeStamp","elapsed","lagOffset","requestAnimationFrame","stop","cancelAnimationFrame","init","hidden","destroy","Limit","min","reachedMin","reachedMax","reachedAny","constrain","removeOffset","ceil","Counter","loopEnd","counter","withinLimit","get","clone","set","DragHandler","direction","rootNode","target","dragTracker","location","animation","scrollTo","scrollBody","scrollTarget","eventHandler","percentOfView","dragFree","dragThreshold","skipSnaps","baseFriction","watchDrag","cross","crossAxis","focusNodes","nonPassiveEvent","initEvents","dragEvents","goToNextThreshold","measure","snapForceBoost","mouse","touch","freeForceBoost","baseSpeed","isMoving","startScroll","startCross","pointerIsDown","preventScroll","preventClick","isMouse","move","lastScroll","readPoint","lastCross","diffScroll","deltaAbs","diffCross","cancelable","up","diff","pointerMove","useFriction","useDuration","apply","preventDefault","targetChanged","byDistance","rawForce","pointerUp","force","baseForce","distance","byIndex","allowedForce","forceFactor","factorAbs","speed","friction","emit","click","stopPropagation","emblaApi","downIfAllowed","isMouseEvt","isMouseEvent","button","nodeName","includes","isFocusNode","buttons","pointerDown","addDragEvents","down","DragTracker","startEvent","lastEvent","readTime","evtAxis","coord","scroll","touches","expired","diffDrag","diffTime","ResizeHandler","container","watchResize","nodeRects","resizeObserver","containerSize","slideSizes","destroyed","readSize","measureSize","ResizeObserver","entries","isContainer","slideIndex","indexOf","lastSize","reInit","defaultCallback","observe","disconnect","ScrollBounds","limit","pullBackThreshold","edgeOffsetTolerance","frictionLimit","edge","diffToEdge","diffToTarget","subtract","useBaseFriction","toggleActive","active","ScrollLooper","contentSize","offsetLocation","vectors","shouldLoop","loopDistance","v","ScrollTarget","scrollSnaps","targetVector","minDistance","distances","shortcut","targets","matchingTargets","t","snap","targetSnapDistance","ascDiffsToSnaps","scrollSnap","diffToSnap","d1","d2","findTargetSnap","reachedBound","Vector1D","initialValue","normalizeInput","Translate","translate","containerStyle","style","transform","getAttribute","removeAttribute","SlideLooper","viewSize","slideSizesWithGaps","snaps","ascItems","descItems","reverse","loopPoints","gap","findLoopPoints","slidesInGap","startPoints","endPoints","removeSlideSizes","indexes","offset","isEndEdge","slideBounds","end","findSlideBounds","initial","altered","boundEdge","loopPoint","slideLocation","canLoop","shiftLocation","SlidesHandler","watchSlides","mutationObserver","MutationObserver","mutations","mutation","childList","SlidesInView","threshold","intersectionEntryMap","intersectionObserver","inViewCache","notInViewCache","IntersectionObserver","root","parentElement","slide","inView","slideIndexes","list","parseInt","isIntersecting","createInViewList","SlidesToScroll","slidesToScroll","containerRect","slideRects","startGap","endGap","pixelTolerance","startEdge","endEdge","groupByNumber","groupSlides","groupSize","slice","byNumber","groups","rectB","rectA","isFirst","isLast","edgeA","edgeB","gapA","currentSize","previousSize","bySize","Engine","align","scrollAxis","contentDirection","startIndex","duration","inViewThreshold","containScroll","offsetTop","offsetLeft","offsetWidth","offsetHeight","top","right","bottom","left","width","height","Direction","nodeRect","Axis","PercentOfView","alignment","predefined","center","Alignment","containSnaps","readEdgeGap","withEdgeGap","slideRect","measureStartGap","getComputedStyle","parseFloat","getPropertyValue","measureEndGap","rect","rects","arrayIsLastIndex","SlideSizes","snapsAligned","alignments","g","ScrollSnaps","snapsContained","scrollContainLimit","scrollBounds","snapsBounded","snapAligned","scrollBound","toFixed","startSnap","endSnap","lastIndexOf","findScrollContainLimit","measureContained","ScrollContain","ScrollLimit","indexPrevious","dragHandler","seek","engine","scrollLooper","slideLooper","velocity","hasSettled","settled","startLocation","baseDuration","bodyVelocity","scrollDirection","scrollDuration","scrollFriction","rawLocation","rawLocationPrevious","directionDiff","useBaseDuration","ScrollBody","indexCurrent","distanceDiff","indexDiff","targetIndex","ScrollTo","scrollProgress","ScrollProgress","eventStore","slidesInView","slideRegistry","groupedSlideIndexes","doNotContain","group","createSlideRegistry","SlideRegistry","slideFocus","lastTabPressTime","registerTabPress","event","code","Date","getTime","addSlideFocusEvent","focus","scrollLeft","findIndex","capture","SlideFocus","resizeHandler","scrollSnapList","slidesHandler","defaultOptions","OptionsHandler","mergeOptions","optionsAtMedia","matchedMediaOptions","media","matchMedia","matches","mediaOption","optionsMediaQueries","optionsList","acc","mediaQueries","EmblaCarousel","userOptions","userPlugins","defaultView","optionsHandler","pluginsHandler","activePlugins","PluginsHandler","mediaHandlers","api","getListeners","e","off","cb","on","EventHandler","reActivate","pluginApis","optionsBase","globalOptions","pluginList","createEngine","activate","withOptions","withPlugins","userContainer","userSlides","customContainer","querySelector","customSlides","querySelectorAll","storeElements","query","offsetParent","selectedScrollSnap","deActivate","jump","canScrollNext","canScrollPrev","containerNode","internalEngine","previousScrollSnap","scrollNext","scrollPrev","slideNodes","slidesNotInView","setTimeout","storedOptions","useRef","storedPlugins","setEmblaApi","useState","viewport","setViewport","useCallback","current","useEffect","window","createElement","newEmblaApi","undefined","pluginsA","pluginsB","optionA","arePluginsEqual","f","String","fromCharCode","keyStrBase64","keyStrUriSafe","baseReverseDic","getBaseValue","alphabet","character","charAt","res","_compress","decompressFromBase64","_decompress","compressToUTF16","decompressFromUTF16","compressed","charCodeAt","compressToUint8Array","uncompressed","compress","buf","Uint8Array","TotalLen","current_value","decompressFromUint8Array","decompress","result","c","compressToEncodedURIComponent","decompressFromEncodedURIComponent","bitsPerChar","getCharFromInt","ii","context_dictionary","context_dictionaryToCreate","context_c","context_wc","context_w","context_enlargeIn","context_dictSize","context_numBits","context_data","context_data_val","context_data_position","hasOwnProperty","pow","resetValue","getNextValue","w","bits","resb","maxpower","power","dictionary","enlargeIn","dictSize","numBits","data","val","position"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js","mappings":"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","sources":["webpack://embla-carousel-docs/../../node_modules/codesandbox-import-utils/lib/api/define.js","webpack://embla-carousel-docs/../../node_modules/codesandbox/lib/api/define.js","webpack://embla-carousel-docs/../../.prettierrc.js","webpack://embla-carousel-docs/./src/components/Examples/carouselWrapperStyles.ts","webpack://embla-carousel-docs/./src/components/Examples/createCarouselStyles.ts","webpack://embla-carousel-docs/./src/components/Input/InputRadio.tsx","webpack://embla-carousel-docs/./src/components/Input/createRadioOrCheckboxCard.tsx","webpack://embla-carousel-docs/./src/components/Input/createRadioOrCheckboxDefault.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/imageByIndex.ts","webpack://embla-carousel-docs/./src/assets/images/slide-1.jpg","webpack://embla-carousel-docs/./src/assets/images/slide-2.jpg","webpack://embla-carousel-docs/./src/assets/images/slide-3.jpg","webpack://embla-carousel-docs/./src/assets/images/slide-4.jpg","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactIndexHtml.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactHeader.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactFooter.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactImages.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactImagePath.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactTsDeclarations.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReact.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactPackageJson.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactTsConfig.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/createSandboxReactEntry.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/sandboxReactFolders.ts","webpack://embla-carousel-docs/./src/components/Sandbox/SandboxSelectionInput.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaPackageJson.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaTsDeclarations.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaEntry.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaImagePaths.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanilla.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaTsConfig.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/createSandboxVanillaOptions.ts","webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/sandboxVanillaFolders.ts","webpack://embla-carousel-docs/./src/components/Sandbox/sandboxImages.ts","webpack://embla-carousel-docs/./src/components/Sandbox/sandboxStyles.ts","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/consts/sandbox.ts","webpack://embla-carousel-docs/./src/utils/arrayFromNumber.ts","webpack://embla-carousel-docs/./src/utils/getThemeFromDocument.ts","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/loadPrettier.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/utils/sandbox.ts","webpack://embla-carousel-docs/./src/utils/styledComponentStylesToString.ts","webpack://embla-carousel-docs/./.prettierrc.js","webpack://embla-carousel-docs/../src/components/utils.ts","webpack://embla-carousel-docs/../src/components/Alignment.ts","webpack://embla-carousel-docs/../src/components/EventStore.ts","webpack://embla-carousel-docs/../src/components/Animations.ts","webpack://embla-carousel-docs/../src/components/Axis.ts","webpack://embla-carousel-docs/../src/components/Limit.ts","webpack://embla-carousel-docs/../src/components/Counter.ts","webpack://embla-carousel-docs/../src/components/Direction.ts","webpack://embla-carousel-docs/../src/components/DragHandler.ts","webpack://embla-carousel-docs/../src/components/DragTracker.ts","webpack://embla-carousel-docs/../src/components/ResizeHandler.ts","webpack://embla-carousel-docs/../src/components/ScrollBounds.ts","webpack://embla-carousel-docs/../src/components/ScrollLooper.ts","webpack://embla-carousel-docs/../src/components/ScrollTarget.ts","webpack://embla-carousel-docs/../src/components/Vector1d.ts","webpack://embla-carousel-docs/../src/components/Translate.ts","webpack://embla-carousel-docs/../src/components/SlideLooper.ts","webpack://embla-carousel-docs/../src/components/SlidesHandler.ts","webpack://embla-carousel-docs/../src/components/SlidesInView.ts","webpack://embla-carousel-docs/../src/components/SlidesToScroll.ts","webpack://embla-carousel-docs/../src/components/Engine.ts","webpack://embla-carousel-docs/../src/components/NodeRects.ts","webpack://embla-carousel-docs/../src/components/PercentOfView.ts","webpack://embla-carousel-docs/../src/components/SlideSizes.ts","webpack://embla-carousel-docs/../src/components/ScrollSnaps.ts","webpack://embla-carousel-docs/../src/components/ScrollContain.ts","webpack://embla-carousel-docs/../src/components/ScrollLimit.ts","webpack://embla-carousel-docs/../src/components/ScrollBody.ts","webpack://embla-carousel-docs/../src/components/ScrollTo.ts","webpack://embla-carousel-docs/../src/components/ScrollProgress.ts","webpack://embla-carousel-docs/../src/components/SlideRegistry.ts","webpack://embla-carousel-docs/../src/components/SlideFocus.ts","webpack://embla-carousel-docs/../src/components/Options.ts","webpack://embla-carousel-docs/../src/components/OptionsHandler.ts","webpack://embla-carousel-docs/../src/components/EmblaCarousel.ts","webpack://embla-carousel-docs/../src/components/PluginsHandler.ts","webpack://embla-carousel-docs/../src/components/EventHandler.ts","webpack://embla-carousel-docs/../src/components/useEmblaCarousel.ts","webpack://embla-carousel-docs/../../node_modules/lz-string/libs/lz-string.js","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar LZString = require(\"lz-string\");\nfunction compress(input) {\n return LZString.compressToBase64(input)\n .replace(/\\+/g, \"-\") // Convert '+' to '-'\n .replace(/\\//g, \"_\") // Convert '/' to '_'\n .replace(/=+$/, \"\"); // Remove ending '='\n}\nfunction getParameters(parameters) {\n return compress(JSON.stringify(parameters));\n}\nexports.getParameters = getParameters;\n//# sourceMappingURL=define.js.map","\"use strict\";\nexports.__esModule = true;\nexports.getParameters = void 0;\nvar define_1 = require(\"codesandbox-import-utils/lib/api/define\");\nexports.getParameters = define_1.getParameters;\n//# sourceMappingURL=define.js.map","module.exports = {\n bracketSpacing: true,\n printWidth: 80,\n semi: false,\n singleQuote: true,\n trailingComma: 'none',\n tabWidth: 2,\n useTabs: false\n}\n","import { pageFrameCollapseStyles } from 'components/Page/PageFrameCollapse'\nimport { css } from 'styled-components'\nimport { MEDIA } from 'consts/breakpoints'\nimport { COLORS } from 'consts/themes'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { LAYERS } from 'consts/layers'\n\nexport const CAROUSEL_DEFAULT_HEIGHT = '19rem'\nexport const CAROUSEL_THUMB_SLIDES_HEIGHT = '9rem'\nexport const CAROUSEL_THUMB_SLIDES_SPACING = '0.8rem'\nexport const CAROUSEL_IOS_PICKER_HEIGHT = '22.2rem'\nexport const CAROUSEL_SLIDES_SPACING = '1rem'\nexport const CAROUSEL_WRAPPER_SPACING = '1.6rem'\nexport const CAROUSEL_WRAPPER_RADIUS = BORDER_RADIUSES.BOX\n\nconst borderStyles = css`\n position: relative;\n\n ${MEDIA.MIN_XS} {\n border-radius: ${CAROUSEL_WRAPPER_RADIUS};\n }\n\n &:after {\n z-index: ${LAYERS.STEP};\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: inherit;\n\n ${MEDIA.MIN_XS} {\n border: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n }\n ${MEDIA.MAX_XS} {\n border-top: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n border-bottom: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n }\n }\n`\n\nconst baseWrapperStyles = css`\n ${pageFrameCollapseStyles};\n ${borderStyles};\n background-color: ${COLORS.BACKGROUND_CODE};\n`\n\nexport const carouselDefaultWrapperStyles = css`\n ${baseWrapperStyles};\n height: calc(${CAROUSEL_DEFAULT_HEIGHT} + ${CAROUSEL_WRAPPER_SPACING} * 2);\n`\n\nexport const carouselThumbsWrapperStyles = css`\n ${baseWrapperStyles};\n height: calc(\n ${CAROUSEL_DEFAULT_HEIGHT} + ${CAROUSEL_THUMB_SLIDES_HEIGHT} +\n ${CAROUSEL_THUMB_SLIDES_SPACING} + ${CAROUSEL_WRAPPER_SPACING} * 2\n );\n`\n\nexport const iosPickerWrapperStyles = css`\n ${pageFrameCollapseStyles};\n ${borderStyles};\n height: ${CAROUSEL_IOS_PICKER_HEIGHT};\n background-color: ${COLORS.BACKGROUND_CODE};\n padding-left: ${CAROUSEL_WRAPPER_SPACING};\n padding-right: ${CAROUSEL_WRAPPER_SPACING};\n touch-action: none;\n`\n","import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { LAYERS } from 'consts/layers'\nimport { COLORS } from 'consts/themes'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { MEDIA } from 'consts/breakpoints'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { styledComponentsStylesToString } from 'utils/styledComponentStylesToString'\nimport {\n BRAND_GRADIENT_TEXT_STYLES,\n BRAND_GRADIENT_BACKGROUND_STYLES\n} from 'consts/gradients'\nimport {\n CAROUSEL_DEFAULT_HEIGHT,\n CAROUSEL_THUMB_SLIDES_HEIGHT,\n CAROUSEL_IOS_PICKER_HEIGHT,\n CAROUSEL_THUMB_SLIDES_SPACING,\n CAROUSEL_WRAPPER_SPACING,\n CAROUSEL_SLIDES_SPACING\n} from './carouselWrapperStyles'\n\nexport const BASE_STYLES = css`\n .embla {\n --slide-spacing: __replace_axis_spacing_amount__;\n --slide-size: __replace_slide_size__;\n --slide-height: ${CAROUSEL_DEFAULT_HEIGHT};\n padding: ${CAROUSEL_WRAPPER_SPACING};\n }\n\n .embla__viewport {\n overflow: hidden;\n }\n\n .embla__container {\n backface-visibility: hidden;\n display: flex;\n touch-action: __replace-axis-touch_action__;\n margin-__replace_axis_spacing__: calc(var(--slide-spacing) * -1);\n __replace_axis_height__\n __replace_axis_flex__\n }\n\n .embla__slide {\n flex: 0 0 var(--slide-size);\n min-__replace-axis-size__: 0;\n padding-__replace_axis_spacing__: var(--slide-spacing);\n position: relative;\n }\n\n .embla__slide__img {\n display: block;\n height: __replace_image_height__;\n width: 100%;\n object-fit: cover;\n }\n\n .embla__slide__number {\n ${createSquareSizeStyles('4.6rem')}\n z-index: ${LAYERS.STEP};\n position: absolute;\n top: __replace_axis_slide_number_spacing__;\n right: 0.6rem;\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n background-color: rgba(${COLORS.BACKGROUND_SITE_RGB_VALUE}, 0.85);\n line-height: 4.6rem;\n font-weight: ${FONT_WEIGHTS.BLACK};\n text-align: center;\n pointer-events: none;\n }\n\n .embla__slide__number > span {\n ${BRAND_GRADIENT_TEXT_STYLES}\n font-size: 1.6rem;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n`\n\nexport const VARIABLE_WIDTH_STYLES = css`\n .embla__slide:nth-child(1) {\n flex: 0 0 60%;\n }\n .embla__slide:nth-child(2) {\n flex: 0 0 40%;\n }\n .embla__slide:nth-child(3) {\n flex: 0 0 30%;\n }\n .embla__slide:nth-child(4) {\n flex: 0 0 90%;\n }\n .embla__slide:nth-child(5) {\n flex: 0 0 35%;\n }\n .embla__slide:nth-child(6) {\n flex: 0 0 55%;\n }\n .embla__slide:nth-child(7) {\n flex: 0 0 85%;\n }\n .embla__slide:nth-child(8) {\n flex: 0 0 46%;\n }\n .embla__slide:nth-child(9) {\n flex: 0 0 30%;\n }\n`\n\nexport const ARROWS_STYLES = css`\n .embla__button {\n -webkit-appearance: none;\n background-color: transparent;\n touch-action: manipulation;\n display: inline-flex;\n text-decoration: none;\n cursor: pointer;\n border: 0;\n padding: 0;\n margin: 0;\n }\n\n .embla__buttons {\n display: flex;\n align-items: center;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: __replace_axis_arrows_position__;\n __replace_axis_arrows__\n }\n\n .embla__button {\n z-index: ${LAYERS.STEP};\n color: ${COLORS.BACKGROUND_SITE};\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n ${createSquareSizeStyles('4rem')}\n }\n\n .embla__button:disabled {\n opacity: 0.3;\n }\n\n .embla__button__svg {\n ${createSquareSizeStyles('65%')}\n }\n`\n\nexport const DOTS_STYLES = css`\n .embla__dot {\n -webkit-appearance: none;\n background-color: transparent;\n touch-action: manipulation;\n display: inline-flex;\n text-decoration: none;\n cursor: pointer;\n border: 0;\n padding: 0;\n margin: 0;\n }\n\n .embla__dots {\n z-index: ${LAYERS.STEP};\n bottom: ${CAROUSEL_WRAPPER_SPACING};\n position: absolute;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .embla__dot {\n ${createSquareSizeStyles('2.4rem')}\n display: flex;\n align-items: center;\n margin-right: 0.75rem;\n margin-left: 0.75rem;\n }\n\n .embla__dot:after {\n background: ${COLORS.BACKGROUND_SITE};\n border-radius: ${BORDER_RADIUSES.LINE};\n width: 100%;\n height: 0.3rem;\n content: '';\n }\n\n .embla__dot--selected:after {\n background: ${`linear-gradient(45deg, ${COLORS.BRAND_PRIMARY}, ${COLORS.BRAND_SECONDARY})`};\n }\n`\n\nexport const ARROWS_DOTS_STYLES = css`\n ${ARROWS_STYLES}\n ${DOTS_STYLES}\n`\n\nexport const THUMBS_STYLES = css`\n .embla-thumbs {\n --thumbs-slide-spacing: ${CAROUSEL_THUMB_SLIDES_SPACING};\n --thumbs-slide-height: ${CAROUSEL_THUMB_SLIDES_HEIGHT};\n margin-top: var(--thumbs-slide-spacing);\n }\n\n .embla-thumbs__viewport {\n overflow: hidden;\n }\n\n .embla-thumbs__container {\n display: flex;\n flex-direction: row;\n margin-left: calc(var(--thumbs-slide-spacing) * -1);\n }\n\n .embla-thumbs__slide {\n flex: 0 0 28%;\n min-__replace-axis-size__: 0;\n padding-left: var(--thumbs-slide-spacing);\n position: relative;\n }\n\n ${MEDIA.MIN_XS} {\n .embla-thumbs__slide {\n flex: 0 0 18%;\n }\n }\n\n .embla-thumbs__slide__button {\n -webkit-appearance: none;\n background-color: transparent;\n touch-action: manipulation;\n display: block;\n text-decoration: none;\n cursor: pointer;\n border: 0;\n padding: 0;\n margin: 0;\n width: 100%;\n opacity: 0.2;\n transition: opacity 0.2s;\n }\n\n .embla-thumbs__slide--selected .embla-thumbs__slide__button {\n opacity: 1;\n }\n\n .embla-thumbs__slide__img {\n display: block;\n height: var(--thumbs-slide-height);\n width: 100%;\n object-fit: cover;\n }\n\n .embla-thumbs__slide__number {\n ${createSquareSizeStyles('3rem')}\n z-index: ${LAYERS.STEP};\n position: absolute;\n top: 0.3rem;\n right: 0.3rem;\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n background-color: rgba(${COLORS.BACKGROUND_SITE_RGB_VALUE}, 0.85);\n line-height: 3rem;\n font-weight: ${FONT_WEIGHTS.BLACK};\n text-align: center;\n pointer-events: none;\n }\n\n .embla-thumbs__slide__number > span {\n ${BRAND_GRADIENT_TEXT_STYLES}\n font-size: 1.4rem;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n`\n\nconst PROGRESS_STYLES = css`\n .embla__progress {\n z-index: ${LAYERS.STEP};\n background-color: ${COLORS.BACKGROUND_SITE};\n position: absolute;\n height: 0.3rem;\n border-radius: ${BORDER_RADIUSES.LINE};\n left: 0;\n right: 0;\n bottom: 2.6rem;\n margin-left: auto;\n margin-right: auto;\n pointer-events: none;\n width: 21rem;\n max-width: 90%;\n overflow: hidden;\n }\n\n .embla__progress__bar {\n ${BRAND_GRADIENT_BACKGROUND_STYLES}\n position: absolute;\n width: 100%;\n top: 0;\n bottom: 0;\n left: -100%;\n }\n`\n\nconst PARALLAX_STYLES = css`\n .embla__parallax {\n height: 100%;\n overflow: hidden;\n }\n\n .embla__parallax__layer {\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n .embla__parallax__img {\n max-width: none;\n width: calc(100% + (var(--slide-spacing) * 2));\n margin-left: calc(var(--slide-spacing) * -1);\n }\n`\n\nconst SCALE_STYLES = css`\n .embla__scale {\n height: 100%;\n position: relative;\n backface-visibility: hidden;\n }\n`\n\nconst LAZY_LOAD_STYLES = css`\n .embla__lazy-load {\n position: relative;\n height: 100%;\n }\n\n .embla__lazy-load__spinner {\n border: ${BORDER_SIZES.ACCENT_VERTICAL} solid\n rgba(${COLORS.TEXT_HIGH_CONTRAST_RGB_VALUE}, 0.2);\n border-left: ${BORDER_SIZES.ACCENT_VERTICAL} solid\n ${COLORS.TEXT_HIGH_CONTRAST};\n font-size: 1rem;\n display: inline-flex;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n text-indent: -9999em;\n animation: loading 1.1s infinite linear;\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n ${createSquareSizeStyles('5rem')}\n }\n\n .embla__lazy-load__spinner:after {\n border-radius: inherit;\n ${createSquareSizeStyles('5rem')}\n }\n\n .embla__lazy-load__img {\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n }\n\n .embla__lazy-load--has-loaded .embla__lazy-load__img {\n opacity: 1;\n }\n\n @keyframes loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n`\n\nconst CLASS_NAMES_STYLES = css`\n .embla__class-names {\n transition: opacity 0.2s ease-in-out;\n }\n\n .embla__class-names:not(.is-snapped) {\n opacity: 0.16;\n }\n`\n\nconst INFINITE_SCROLL_STYLES = css`\n .embla-infinite-scroll {\n position: relative;\n flex: 0 0 15rem;\n min-__replace-axis-size__: 0;\n height: var(--slide-height);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .embla-infinite-scroll__spinner {\n display: none;\n border: ${BORDER_SIZES.ACCENT_VERTICAL} solid\n rgba(${COLORS.TEXT_HIGH_CONTRAST_RGB_VALUE}, 0.2);\n border-left: ${BORDER_SIZES.ACCENT_VERTICAL} solid\n ${COLORS.TEXT_HIGH_CONTRAST};\n font-size: 1rem;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n text-indent: -9999em;\n animation: loading 1.1s infinite linear;\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n ${createSquareSizeStyles('5rem')}\n }\n\n .embla-infinite-scroll__spinner:after {\n border-radius: inherit;\n ${createSquareSizeStyles('5rem')}\n }\n\n .embla-infinite-scroll--loading-more > .embla-infinite-scroll__spinner {\n display: inline-flex;\n }\n\n @keyframes loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n`\n\nconst IOS_PICKER_STYLES = css`\n .embla {\n position: relative;\n display: flex;\n width: 100%;\n height: ${CAROUSEL_IOS_PICKER_HEIGHT};\n max-width: 30rem;\n margin-left: auto;\n margin-right: auto;\n }\n\n .embla:before,\n .embla:after {\n position: absolute;\n left: 0;\n right: 0;\n content: '';\n display: block;\n height: calc(50% - 32px / 2);\n z-index: ${LAYERS.STEP};\n pointer-events: none;\n }\n\n .embla:before {\n top: -0.5px;\n border-bottom: 0.5px solid rgba(${COLORS.TEXT_HIGH_CONTRAST_RGB_VALUE}, 0.3);\n background: linear-gradient(\n to top,\n rgba(${COLORS.BACKGROUND_CODE_RGB_VALUE}, 0.65) 0%,\n rgba(${COLORS.BACKGROUND_CODE_RGB_VALUE}, 1) 100%\n );\n }\n\n .embla:after {\n bottom: -0.5px;\n border-top: 0.5px solid rgba(${COLORS.TEXT_HIGH_CONTRAST_RGB_VALUE}, 0.3);\n background: linear-gradient(\n to bottom,\n rgba(${COLORS.BACKGROUND_CODE_RGB_VALUE}, 0.65) 0%,\n rgba(${COLORS.BACKGROUND_CODE_RGB_VALUE}, 1) 100%\n );\n }\n\n .embla__ios-picker {\n height: 100%;\n display: flex;\n align-items: center;\n min-width: 50%;\n justify-content: center;\n line-height: 1;\n font-size: 1.8rem;\n }\n\n .embla__ios-picker__scene {\n min-width: 100%;\n height: 100%;\n overflow: hidden;\n display: flex;\n align-items: center;\n touch-action: pan-x;\n }\n\n .embla__ios-picker__viewport {\n height: 32px;\n width: 100%;\n position: relative;\n perspective: 1000px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -webkit-tap-highlight-color: transparent;\n }\n\n .embla__ios-picker__viewport--perspective-left {\n perspective-origin: calc(50% + 130px) 50%;\n transform: translateX(27px);\n }\n\n .embla__ios-picker__viewport--perspective-right {\n perspective-origin: calc(50% - 130px) 50%;\n transform: translateX(-27px);\n }\n\n .embla__ios-picker__container {\n height: 100%;\n width: 100%;\n position: absolute;\n transform-style: preserve-3d;\n will-change: transform;\n }\n\n .embla__ios-picker__slide {\n position: absolute;\n top: 0 !important;\n left: 0 !important;\n width: 100%;\n height: 100%;\n font-size: 19px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n backface-visibility: hidden;\n opacity: 0;\n }\n\n .embla__ios-picker__label {\n font-weight: ${FONT_WEIGHTS.BOLD};\n transform: translateX(-55px);\n pointer-events: none;\n }\n`\n\nexport const createCarouselDefaultStyles = (\n slideSize: string = '100%',\n spacingSize: string = CAROUSEL_SLIDES_SPACING,\n axis: EmblaOptionsType['axis'] = 'x',\n customStyles: FlattenSimpleInterpolation | string = []\n): string => {\n const horizontal = axis === 'x'\n const flexDirection = horizontal ? '' : 'flex-direction: column;'\n const spacingDirection = horizontal ? 'left' : 'top'\n const panDirection = `pan-${horizontal ? 'y' : 'x'}`\n const sizeDimention = horizontal ? 'width' : 'height'\n const imageHeight = horizontal ? 'var(--slide-height)' : '100%'\n const arrowsPosition = horizontal ? '1.6rem' : '2.4rem'\n const containerHeight = horizontal\n ? ''\n : 'height: calc(var(--slide-spacing) + var(--slide-height));'\n const slideNumberSpacing = horizontal\n ? '0.6rem'\n : 'calc(var(--slide-spacing) + 0.6rem)'\n\n const baseStyles = styledComponentsStylesToString(BASE_STYLES)\n const additionalStyles =\n typeof customStyles === 'string'\n ? customStyles\n : styledComponentsStylesToString(customStyles)\n\n const mergedStyles = baseStyles + additionalStyles\n\n return mergedStyles\n .replace(/__replace_axis_flex__/gi, flexDirection)\n .replace(/__replace-axis-size__/gi, sizeDimention)\n .replace(/__replace_axis_arrows_position__/gi, arrowsPosition)\n .replace(/__replace_axis_arrows__/gi, flexDirection)\n .replace(/__replace-axis-touch_action__/gi, panDirection)\n .replace(/__replace_axis_spacing__/gi, spacingDirection)\n .replace(/__replace_axis_spacing_amount__/gi, spacingSize)\n .replace(/__replace_axis_height__/gi, containerHeight)\n .replace(/__replace_image_height__/gi, imageHeight)\n .replace(/__replace_axis_slide_number_spacing__/gi, slideNumberSpacing)\n .replace(/__replace_slide_size__/gi, slideSize)\n}\n\nexport const createCarouselVariableWidthStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n VARIABLE_WIDTH_STYLES\n )\n}\n\nexport const createCarouselArrowsDotsStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n ARROWS_DOTS_STYLES\n )\n}\n\nexport const createCarouselThumbsStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n THUMBS_STYLES\n )\n}\n\nexport const createCarouselProgressStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n PROGRESS_STYLES\n )\n}\n\nexport const createCarouselParallaxStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n PARALLAX_STYLES\n )\n}\n\nexport const createCarouselScaleStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(slideSize, spacingSize, axis, SCALE_STYLES)\n}\n\nexport const createCarouselClassNamesStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n CLASS_NAMES_STYLES\n )\n}\n\nexport const createCarouselLazyLoadStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n LAZY_LOAD_STYLES\n )\n}\n\nexport const createCarouselInfiniteScrollStyles = (\n slideSize?: string,\n spacingSize?: string,\n axis?: EmblaOptionsType['axis']\n): string => {\n return createCarouselDefaultStyles(\n slideSize,\n spacingSize,\n axis,\n INFINITE_SCROLL_STYLES\n )\n}\n\nexport const createCarouselIosPickerStyles = (): string => {\n return styledComponentsStylesToString(IOS_PICKER_STYLES)\n}\n","import { createRadioOrCheckboxDefault } from './createRadioOrCheckboxDefault'\nimport { createRadioOrCheckboxCard } from './createRadioOrCheckboxCard'\n\nexport const InputRadioDefault = createRadioOrCheckboxDefault('radio')\n\nexport const InputRadioCard = createRadioOrCheckboxCard('radio')\n","import React from 'react'\nimport styled from 'styled-components'\nimport { CARD_STYLES } from 'consts/card'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { PropType } from './createRadioOrCheckboxDefault'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { TAP_HIGHLIGHT_STYLES } from 'consts/tapHighlight'\nimport { LAYERS } from 'consts/layers'\nimport { COLORS } from 'consts/themes'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\n\nconst RadioOrCheckboxCardWrapper = styled.label`\n ${TAP_HIGHLIGHT_STYLES};\n ${CARD_STYLES};\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n height: 100%;\n`\n\nconst LabelContent = styled.span`\n z-index: ${LAYERS.STEP};\n position: relative;\n display: block;\n width: 100%;\n cursor: pointer;\n`\n\nconst Highlight = styled.span`\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n top: -${BORDER_SIZES.DETAIL};\n left: -${BORDER_SIZES.DETAIL};\n bottom: -${BORDER_SIZES.DETAIL};\n right: -${BORDER_SIZES.DETAIL};\n display: block;\n position: absolute;\n border-radius: inherit;\n pointer-events: none;\n visibility: hidden;\n\n &:after {\n background-color: ${COLORS.BACKGROUND_CODE};\n border-radius: inherit;\n position: absolute;\n top: ${BORDER_SIZES.OUTLINE};\n left: ${BORDER_SIZES.OUTLINE};\n bottom: ${BORDER_SIZES.OUTLINE};\n right: ${BORDER_SIZES.OUTLINE};\n content: '';\n }\n`\n\nconst Input = styled.input<{ $isKeyNavigating: boolean }>`\n ${TAP_HIGHLIGHT_STYLES};\n ${KEY_NAVIGATING_STYLES};\n position: absolute;\n border-radius: ${BORDER_RADIUSES.CARD};\n top: 0;\n left: 0;\n ${createSquareSizeStyles('100%')};\n appearance: none;\n -webkit-appearance: none;\n border: 0;\n background-color: transparent;\n pointer-events: none;\n\n &:after {\n display: block;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n ${createSquareSizeStyles('100%')};\n }\n\n &:checked + ${Highlight} {\n visibility: visible;\n }\n\n &[disabled] + ${Highlight} + ${LabelContent} {\n cursor: not-allowed;\n }\n\n &[disabled]:checked + ${Highlight} {\n background-image: none;\n background-color: ${COLORS.DETAIL_HIGH_CONTRAST};\n }\n`\n\nexport const createRadioOrCheckboxCard = (\n type: 'radio' | 'checkbox'\n): ((props: PropType) => JSX.Element) => {\n const displayName = kebabCaseToPascalCase(`input-${type}-card`)\n\n const InputSelectionComponent = (props: PropType) => {\n const { children, ...restProps } = props\n const { isKeyNavigating } = useKeyNavigating()\n\n return (\n \n \n \n {children}\n \n )\n }\n\n InputSelectionComponent.displayName = displayName\n return InputSelectionComponent\n}\n","import React, { PropsWithRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { BORDER_RADIUSES } from 'consts/border'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { TAP_HIGHLIGHT_STYLES } from 'consts/tapHighlight'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\n\nconst INPUT_SIZE = '2.5rem'\nconst CHECK_SIZE = '1.2rem'\n\nconst RadioOrCheckboxDefaultWrapper = styled.span`\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n`\n\nconst InputWrapper = styled.span`\n flex: 0 0 ${INPUT_SIZE};\n position: relative;\n min-width: 0;\n`\n\nconst InputLineHeight = styled.span`\n color: ${COLORS.BACKGROUND_SITE};\n width: ${INPUT_SIZE};\n display: inline-block;\n line-height: inherit;\n`\n\nconst Input = styled.input<{ $isKeyNavigating: boolean }>`\n ${createSquareSizeStyles(INPUT_SIZE)};\n ${TAP_HIGHLIGHT_STYLES};\n ${KEY_NAVIGATING_STYLES};\n appearance: none;\n -webkit-appearance: none;\n position: absolute;\n top: 50%;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n background-color: ${COLORS.DETAIL_MEDIUM_CONTRAST};\n cursor: pointer;\n\n &:before,\n &:after {\n display: block;\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:before {\n ${createSquareSizeStyles('2rem')};\n background-color: ${COLORS.BACKGROUND_CODE};\n }\n\n &:after {\n ${createSquareSizeStyles(CHECK_SIZE)};\n }\n\n &:checked {\n &:after {\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n }\n }\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n &[disabled]:checked {\n &:after {\n background-image: none;\n background-color: ${COLORS.DETAIL_HIGH_CONTRAST};\n }\n }\n`\n\nconst InputRadio = styled(Input)`\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n\n &:before {\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n }\n &:after {\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n }\n`\n\nconst InputCheckbox = styled(Input)`\n border-radius: ${BORDER_RADIUSES.LINE};\n\n &:before {\n border-radius: ${BORDER_RADIUSES.LINE};\n }\n\n &:after {\n border-radius: 0;\n }\n`\n\nconst Label = styled.label<{ $disabled?: boolean }>`\n ${TAP_HIGHLIGHT_STYLES};\n padding-left: ${SPACINGS.TWO};\n min-width: 0;\n flex: 0 0 calc(100% - ${INPUT_SIZE});\n\n ${({ $disabled }) =>\n $disabled &&\n css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n `};\n`\n\nexport type PropType = PropsWithRef<\n React.DetailedHTMLProps<\n React.InputHTMLAttributes,\n HTMLInputElement\n >\n>\n\nexport const createRadioOrCheckboxDefault = (\n type: 'radio' | 'checkbox'\n): ((props: PropType) => JSX.Element) => {\n const InputComponent = type === 'radio' ? InputRadio : InputCheckbox\n const displayName = kebabCaseToPascalCase(`input-${type}-default`)\n\n const InputSelectionComponent = (props: PropType) => {\n const { children, ...restProps } = props\n const { isKeyNavigating } = useKeyNavigating()\n\n return (\n \n \n -\n \n \n \n \n )\n }\n\n InputSelectionComponent.displayName = displayName\n return InputSelectionComponent\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef] = useEmblaCarousel(options)\n\n return (\n
\n
\n
\n {slides.map((index) => (\n
\n
\n {index + 1}\n
\n \n
\n ))}\n
\n
\n
\n )\n}\n\nexport default EmblaCarousel\n","import image1 from 'assets/images/slide-1.jpg'\nimport image2 from 'assets/images/slide-2.jpg'\nimport image3 from 'assets/images/slide-3.jpg'\nimport image4 from 'assets/images/slide-4.jpg'\n\nexport const images: string[] = [image1, image2, image3, image4]\n\nconst imageByIndex = (index: number): string => images[index % images.length]\n\nexport default imageByIndex\n","export default __webpack_public_path__ + \"static/slide-1-ae1074a2ded156f4bb23fc2cbf269223.jpg\";","export default __webpack_public_path__ + \"static/slide-2-4a3fdf56a1fd7125dc80f4574dae6bbf.jpg\";","export default __webpack_public_path__ + \"static/slide-3-90be65c116762a9e53a2ddf8b625feec.jpg\";","export default __webpack_public_path__ + \"static/slide-4-f352d7c20aee3f1a7868858247d7dbb7.jpg\";","import { THEME_PREFIX } from 'consts/themes'\nimport { getThemeFromDocument } from 'utils/getThemeFromDocument'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { SANDBOX_REGEX_THEME, SANDBOX_REGEX_TITLE } from 'consts/sandbox'\n\nexport const createSandboxReactIndexHtml = async (\n id: string\n): Promise => {\n const indexHTML = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/index.html'\n )\n const theme = THEME_PREFIX + getThemeFromDocument()\n const title = kebabCaseToPascalCase(id, ' ')\n return indexHTML.default\n .replace(SANDBOX_REGEX_THEME, theme)\n .replace(SANDBOX_REGEX_TITLE, title)\n}\n","import { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { SandboxModuleType } from 'consts/sandbox'\nimport { SANDBOX_REGEX_TITLE } from 'consts/sandbox'\n\nexport const createSandboxReactHeader = async (\n isTypeScript: boolean,\n id: string\n): Promise => {\n let header: SandboxModuleType\n\n if (isTypeScript) {\n header = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/Header.tsx'\n )\n } else {\n header = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/Header.jsx'\n )\n }\n\n const formattedTitle = kebabCaseToPascalCase(id, ' ')\n return header.default.replace(SANDBOX_REGEX_TITLE, formattedTitle)\n}\n","import { URLS } from 'consts/urls'\nimport { SandboxModuleType } from 'consts/sandbox'\nimport { SANDBOX_REGEX_REPOSITORY_URL } from 'consts/sandbox'\n\nexport const createSandboxReactFooter = async (\n isTypeScript: boolean\n): Promise => {\n let footer: SandboxModuleType\n\n if (isTypeScript) {\n footer = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/Footer.tsx'\n )\n } else {\n footer = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/Footer.jsx'\n )\n }\n\n return footer.default.replace(SANDBOX_REGEX_REPOSITORY_URL, URLS.GITHUB_ROOT)\n}\n","import { SandboxModuleType } from 'consts/sandbox'\n\nconst IMAGE_BY_INDEX_IMPORT_REGEX = /import(.*)from\\s'assets/g\n\nexport const createSandboxReactImages = async (\n isTypeScript: boolean\n): Promise => {\n let imageByIndex: SandboxModuleType\n\n if (isTypeScript) {\n imageByIndex = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/imageByIndex.ts'\n )\n } else {\n imageByIndex = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/imageByIndex.js'\n )\n }\n return imageByIndex.default.replace(IMAGE_BY_INDEX_IMPORT_REGEX, (match) =>\n match.replace('assets', '..')\n )\n}\n","const IMAGE_BY_INDEX_IMPORT_REGEX = /import(.*)from\\s'..\\/imageByIndex/\n\nexport const createSandboxReactImagePath = (carouselScript: string): string => {\n return carouselScript.replace(IMAGE_BY_INDEX_IMPORT_REGEX, (match) =>\n match.replace('../', './')\n )\n}\n","export const createSandboxReactTsDeclarations = async (): Promise => {\n const declarations = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/declarations.d.ts'\n )\n return declarations.default\n}\n","import { getParameters } from 'codesandbox/lib/api/define'\nimport { BASE_CSS, SANDBOX_CSS } from 'components/Sandbox/sandboxStyles'\nimport { SANDBOX_REACT_FOLDERS } from './sandboxReactFolders'\nimport { createSandboxImages } from '../sandboxImages'\nimport { loadPrettier } from 'utils/loadPrettier'\nimport { createSandboxReactPackageJson } from './createSandboxReactPackageJson'\nimport { createSandboxReactIndexHtml } from './createSandboxReactIndexHtml'\nimport { createSandboxReactDefaultEntry } from './createSandboxReactEntry'\nimport { createSandboxReactHeader } from './createSandboxReactHeader'\nimport { createSandboxReactFooter } from './createSandboxReactFooter'\nimport { createSandboxReactImages } from './createSandboxReactImages'\nimport { createSandboxReactImagePath } from './createSandboxReactImagePath'\nimport { createSandboxReactTsConfig } from './createSandboxReactTsConfig'\nimport { createSandboxReactTsDeclarations } from './createSandboxReactTsDeclarations'\nimport { sandboxLanguageUtils } from 'utils/sandbox'\nimport {\n SandboxConfigType,\n SandboxReactCreateType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\n\nexport const createSandboxReact = async (\n config: SandboxReactCreateType\n): Promise => {\n const {\n id,\n carouselScript: carouselScriptRaw,\n indexScript,\n slides,\n options,\n styles,\n plugins,\n sandboxOverrides,\n language = SANDBOX_LANGUAGES.JAVASCRIPT\n } = config\n const title = `${id}-react`\n const sandboxImages = createSandboxImages(SANDBOX_REACT_FOLDERS.IMAGES)\n const { prettierConfig, formatCss } = await loadPrettier()\n const {\n isTypeScript,\n reactScriptExtension,\n vanillaScriptExtension,\n formatScript\n } = await sandboxLanguageUtils(language)\n const packageJson = await createSandboxReactPackageJson(\n language,\n title,\n plugins\n )\n const tsConfig = createSandboxReactTsConfig()\n const carouselScript = createSandboxReactImagePath(carouselScriptRaw)\n const [\n entryHtml,\n entryScript,\n headerScript,\n footerScript,\n imagesScript,\n tsDeclarations\n ] = await Promise.all([\n createSandboxReactIndexHtml(title),\n indexScript ||\n createSandboxReactDefaultEntry(isTypeScript, slides, options),\n createSandboxReactHeader(isTypeScript, title),\n createSandboxReactFooter(isTypeScript),\n createSandboxReactImages(isTypeScript),\n createSandboxReactTsDeclarations()\n ])\n\n const sandboxConfig: SandboxConfigType['files'] = {\n [`.prettierrc`]: {\n isBinary: false,\n content: JSON.stringify(prettierConfig, null, '\\t')\n },\n [`package.json`]: {\n isBinary: false,\n content: JSON.stringify(packageJson, null, '\\t')\n },\n [`${SANDBOX_REACT_FOLDERS.PUBLIC}/index.html`]: {\n isBinary: false,\n content: entryHtml\n },\n [`${SANDBOX_REACT_FOLDERS.CSS}/base.css`]: {\n isBinary: false,\n content: formatCss(BASE_CSS)\n },\n [`${SANDBOX_REACT_FOLDERS.CSS}/sandbox.css`]: {\n isBinary: false,\n content: formatCss(SANDBOX_CSS)\n },\n [`${SANDBOX_REACT_FOLDERS.CSS}/embla.css`]: {\n isBinary: false,\n content: formatCss(styles)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/index.${reactScriptExtension}`]: {\n isBinary: false,\n content: formatScript(entryScript)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/Header.${reactScriptExtension}`]: {\n isBinary: false,\n content: formatScript(headerScript)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/Footer.${reactScriptExtension}`]: {\n isBinary: false,\n content: formatScript(footerScript)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/EmblaCarousel.${reactScriptExtension}`]: {\n isBinary: false,\n content: formatScript(carouselScript)\n },\n [`${SANDBOX_REACT_FOLDERS.JS}/imageByIndex.${vanillaScriptExtension}`]: {\n isBinary: false,\n content: formatScript(imagesScript)\n }\n }\n\n if (isTypeScript) {\n Object.assign(sandboxConfig, {\n [`tsconfig.json`]: {\n isBinary: false,\n content: JSON.stringify(tsConfig, null, '\\t')\n },\n [`declarations.d.ts`]: {\n isBinary: false,\n content: tsDeclarations\n }\n })\n }\n\n return getParameters({\n files: Object.assign({}, sandboxConfig, sandboxImages, sandboxOverrides)\n })\n}\n","import docsPackageJson from 'embla-carousel-docs/package.json'\nimport { SANDBOX_REACT_FOLDERS } from './sandboxReactFolders'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { sandboxLanguageUtils } from 'utils/sandbox'\nimport {\n SandboxLanguageType,\n SandboxPluginsType,\n PackageJsonType\n} from 'consts/sandbox'\n\nexport const createSandboxReactPackageJson = async (\n language: SandboxLanguageType,\n id: string,\n plugins?: SandboxPluginsType\n): Promise => {\n const { dependencies, devDependencies } = docsPackageJson\n const { isJavaScript, reactScriptExtension } = await sandboxLanguageUtils(\n language\n )\n\n return {\n name: id,\n version: '1.0.0',\n description: `${kebabCaseToPascalCase(id, ' ')} Example`,\n main: `${SANDBOX_REACT_FOLDERS.JS}/index.${reactScriptExtension}`,\n scripts: {\n start: 'react-scripts start',\n build: 'react-scripts build',\n test: 'react-scripts test --env=jsdom',\n eject: 'react-scripts eject'\n },\n dependencies: {\n react: dependencies.react,\n 'react-dom': dependencies['react-dom'],\n 'react-scripts': '4.0.0',\n 'embla-carousel-react': dependencies['embla-carousel-react'],\n 'embla-carousel': dependencies['embla-carousel'],\n ...(plugins && plugins)\n },\n devDependencies: isJavaScript\n ? { '@babel/runtime': '7.13.8' }\n : {\n '@types/react': devDependencies['@types/react'],\n '@types/react-dom': devDependencies['@types/react-dom'],\n typescript: devDependencies.typescript\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all']\n }\n}\n","import { TsConfigType } from 'consts/sandbox'\n\nexport const createSandboxReactTsConfig = (): TsConfigType => {\n return {\n include: ['./src/**/*', './declarations.d.ts'],\n compilerOptions: {\n strict: true,\n esModuleInterop: true,\n lib: ['dom', 'es2015'],\n jsx: 'react-jsx'\n }\n }\n}\n","import { EmblaOptionsType } from 'embla-carousel'\nimport { SandboxModuleType } from 'consts/sandbox'\nimport { sandboxInjectIosPickerLoop, sandboxInjectOptions } from 'utils/sandbox'\nimport {\n SANDBOX_REGEX_IOS_PICKER_LOOP,\n SANDBOX_REGEX_OPTIONS\n} from 'consts/sandbox'\n\nconst CAROUSEL_IMPORT_REGEX = /import\\sEmblaCarousel\\sfrom\\s'(.*)'/\nconst SLIDE_COUNT_REGEX = /const\\sSLIDE_COUNT\\s=\\s\\d{1,}/\nconst CAROUSEL_IMPORT_REPLACE = 'import EmblaCarousel from \"./EmblaCarousel\"'\n\nexport const createSandboxReactDefaultEntry = async (\n isTypeScript: boolean,\n slides: number[],\n options: EmblaOptionsType\n): Promise => {\n const slideCount = slides.length.toString()\n let entry: SandboxModuleType\n\n if (isTypeScript) {\n entry = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselDefaultEntry.tsx'\n )\n } else {\n entry = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselDefaultEntry.jsx'\n )\n }\n\n return entry.default\n .replace(CAROUSEL_IMPORT_REGEX, CAROUSEL_IMPORT_REPLACE)\n .replace(SANDBOX_REGEX_OPTIONS, sandboxInjectOptions(options))\n .replace(SLIDE_COUNT_REGEX, (match) => match.replace(/\\d{1,}/, slideCount))\n}\n\nexport const createSandboxReactIosPickerEntry = async (\n isTypeScript: boolean,\n loop: boolean\n): Promise => {\n let entry: SandboxModuleType\n\n if (isTypeScript) {\n entry = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselIosPickerEntry.tsx'\n )\n } else {\n entry = await import(\n '!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselIosPickerEntry.jsx'\n )\n }\n\n return entry.default\n .replace(CAROUSEL_IMPORT_REGEX, CAROUSEL_IMPORT_REPLACE)\n .replace(SANDBOX_REGEX_IOS_PICKER_LOOP, sandboxInjectIosPickerLoop(loop))\n}\n","export const SANDBOX_REACT_FOLDERS = {\n PUBLIC: 'public',\n CSS: 'src/css',\n JS: 'src/js',\n IMAGES: 'src/images'\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from 'components/Icon/Icon'\nimport { InputRadioCard } from 'components/Input/InputRadio'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { PropType as RadioOrCheckboxPropType } from 'components/Input/createRadioOrCheckboxDefault'\nimport { SandboxLabelKeyType } from 'consts/sandbox'\nimport { IconType } from 'assets/icons'\n\nconst ICONS_BY_LABEL: {\n [key in SandboxLabelKeyType]: Extract<\n IconType,\n 'javascript' | 'typescript' | 'react'\n >\n} = {\n VANILLA_JS: 'javascript',\n VANILLA_TS: 'typescript',\n REACT_JS: 'react',\n REACT_TS: 'react'\n}\n\nconst RadioLabelContent = styled.span`\n display: flex;\n flex-direction: column;\n padding: ${SPACINGS.TWO};\n line-height: 1;\n text-align: center;\n align-items: center;\n font-size: ${FONT_SIZES.DETAIL};\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n`\n\nconst RadioLabelSvg = styled(Icon)`\n ${createSquareSizeStyles('3rem')};\n margin-bottom: ${SPACINGS.TWO};\n`\n\ntype PropType = RadioOrCheckboxPropType & {\n framework: SandboxLabelKeyType\n}\n\nexport const SandboxSelectionInput = (props: PropType) => {\n const { children, framework, ...restProps } = props\n\n return (\n \n \n \n {children}\n \n \n )\n}\n","import docsPackageJson from 'embla-carousel-docs/package.json'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { sandboxLanguageUtils } from 'utils/sandbox'\nimport {\n PackageJsonType,\n SandboxLanguageType,\n SandboxPluginsType\n} from 'consts/sandbox'\n\nexport const createSandboxVanillaPackageJson = async (\n language: SandboxLanguageType,\n id: string,\n plugins?: SandboxPluginsType\n): Promise => {\n const { isJavaScript } = await sandboxLanguageUtils(language)\n const { dependencies, devDependencies } = docsPackageJson\n\n return {\n name: id,\n version: '1.0.0',\n description: `${kebabCaseToPascalCase(id, ' ')} Example`,\n main: 'index.html',\n scripts: {\n start: 'parcel index.html --open',\n build: 'parcel build index.html'\n },\n dependencies: {\n 'parcel-bundler': '^1.6.1',\n 'embla-carousel': dependencies['embla-carousel-react'],\n ...(plugins && plugins)\n },\n devDependencies: isJavaScript\n ? { '@babel/core': '7.2.0' }\n : {\n typescript: devDependencies.typescript\n },\n resolutions: {\n '@babel/preset-env': '7.13.8'\n }\n }\n}\n","export const createSandboxVanillaTsDeclarations = async (): Promise => {\n const declarations = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/declarations.d.ts'\n )\n return declarations.default\n}\n","import { THEME_PREFIX } from 'consts/themes'\nimport { URLS } from 'consts/urls'\nimport { SANDBOX_VANILLA_FOLDERS } from './sandboxVanillaFolders'\nimport { getThemeFromDocument } from 'utils/getThemeFromDocument'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\nimport { SandboxVanillaExtensionType } from 'consts/sandbox'\nimport {\n SANDBOX_REGEX_THEME,\n SANDBOX_REGEX_TITLE,\n SANDBOX_REGEX_REPOSITORY_URL\n} from 'consts/sandbox'\n\nconst SANDBOX_SCRIPT_SRC_REGEX = /__replace_sandbox_script_src__/g\nconst SANDBOX_CODE_REGEX = /__replace_sandbox_code__/g\n\nexport const createSandboxVanillaEntry = async (\n id: string,\n languageExtension: SandboxVanillaExtensionType,\n carouselHtml: string\n): Promise => {\n const indexHTML = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/index.html'\n )\n const theme = THEME_PREFIX + getThemeFromDocument()\n const title = kebabCaseToPascalCase(id, ' ')\n const scriptSrc = `${SANDBOX_VANILLA_FOLDERS.JS}/index.${languageExtension}`\n return indexHTML.default\n .replace(SANDBOX_REGEX_THEME, theme)\n .replace(SANDBOX_REGEX_TITLE, title)\n .replace(SANDBOX_SCRIPT_SRC_REGEX, scriptSrc)\n .replace(SANDBOX_REGEX_REPOSITORY_URL, URLS.GITHUB_ROOT)\n .replace(SANDBOX_CODE_REGEX, carouselHtml)\n}\n","import { SANDBOX_VANILLA_FOLDERS } from './sandboxVanillaFolders'\n\nconst IMG_SRC_WITH_HASH_REGEX = /\\/static\\/slide-\\d{1,}-.+?\\./g\nconst IMG_SLIDE_WITH_NUMBER_REGEX = /slide-\\d{1,}/\n\nexport const createSandboxVanillaImagePaths = (\n carouselHtml: string\n): string => {\n return carouselHtml.replace(IMG_SRC_WITH_HASH_REGEX, (match) => {\n const slideWithNumber = match.match(IMG_SLIDE_WITH_NUMBER_REGEX) || []\n return `${SANDBOX_VANILLA_FOLDERS.IMAGES}/${slideWithNumber}.`\n })\n}\n","import { getParameters } from 'codesandbox/lib/api/define'\nimport { BASE_CSS, SANDBOX_CSS } from '../sandboxStyles'\nimport { SANDBOX_VANILLA_FOLDERS } from './sandboxVanillaFolders'\nimport { createSandboxImages } from '../sandboxImages'\nimport { loadPrettier } from 'utils/loadPrettier'\nimport { createSandboxVanillaPackageJson } from './createSandboxVanillaPackageJson'\nimport { createSandboxVanillaTsConfig } from './createSandboxVanillaTsConfig'\nimport { createSandboxVanillaTsDeclarations } from './createSandboxVanillaTsDeclarations'\nimport { createSandboxVanillaEntry } from './createSandboxVanillaEntry'\nimport { createSandboxVanillaImagePaths } from './createSandboxVanillaImagePaths'\nimport { createSandboxVanillaOptions } from './createSandboxVanillaOptions'\nimport { sandboxLanguageUtils } from 'utils/sandbox'\nimport {\n SandboxVanillaCreateType,\n SandboxConfigType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\n\nexport const createSandboxVanilla = async (\n config: SandboxVanillaCreateType\n): Promise => {\n const {\n id,\n carouselScript,\n carouselHtml,\n options,\n styles,\n plugins,\n sandboxOverrides,\n language = SANDBOX_LANGUAGES.JAVASCRIPT\n } = config\n const title = `${id}-vanilla`\n const sandboxImages = createSandboxImages(SANDBOX_VANILLA_FOLDERS.IMAGES)\n const { prettierConfig, formatHtml, formatCss } = await loadPrettier()\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n const packageJson = await createSandboxVanillaPackageJson(\n language,\n title,\n plugins\n )\n const tsConfig = createSandboxVanillaTsConfig()\n const entryScript = createSandboxVanillaOptions(carouselScript, options)\n const [entryHtml, tsDeclarations] = await Promise.all([\n createSandboxVanillaEntry(\n title,\n vanillaScriptExtension,\n createSandboxVanillaImagePaths(carouselHtml)\n ),\n createSandboxVanillaTsDeclarations()\n ])\n\n const sandboxConfig: SandboxConfigType['files'] = {\n [`.prettierrc`]: {\n isBinary: false,\n content: JSON.stringify(prettierConfig, null, '\\t')\n },\n [`package.json`]: {\n isBinary: false,\n content: JSON.stringify(packageJson, null, '\\t')\n },\n [`index.html`]: {\n isBinary: false,\n content: formatHtml(entryHtml)\n },\n [`${SANDBOX_VANILLA_FOLDERS.CSS}/base.css`]: {\n isBinary: false,\n content: formatCss(BASE_CSS)\n },\n [`${SANDBOX_VANILLA_FOLDERS.CSS}/sandbox.css`]: {\n isBinary: false,\n content: formatCss(SANDBOX_CSS)\n },\n [`${SANDBOX_VANILLA_FOLDERS.CSS}/embla.css`]: {\n isBinary: false,\n content: formatCss(styles)\n },\n [`${SANDBOX_VANILLA_FOLDERS.JS}/index.${vanillaScriptExtension}`]: {\n isBinary: false,\n content: formatScript(entryScript)\n }\n }\n\n if (isTypeScript) {\n Object.assign(sandboxConfig, {\n [`tsconfig.json`]: {\n isBinary: false,\n content: JSON.stringify(tsConfig, null, '\\t')\n },\n [`declarations.d.ts`]: {\n isBinary: false,\n content: tsDeclarations\n }\n })\n }\n\n return getParameters({\n files: Object.assign({}, sandboxConfig, sandboxImages, sandboxOverrides)\n })\n}\n","import { TsConfigType } from 'consts/sandbox'\n\nexport const createSandboxVanillaTsConfig = (): TsConfigType => {\n return {\n include: ['./src/**/*', './declarations.d.ts'],\n compilerOptions: {\n strict: true,\n module: 'commonjs',\n jsx: 'preserve',\n esModuleInterop: true,\n sourceMap: true,\n allowJs: true,\n lib: ['es6', 'dom'],\n rootDir: 'src',\n moduleResolution: 'node'\n }\n }\n}\n","import { EmblaOptionsType } from 'embla-carousel'\nimport { sandboxInjectIosPickerLoop, sandboxInjectOptions } from 'utils/sandbox'\nimport {\n SANDBOX_REGEX_IOS_PICKER_LOOP,\n SANDBOX_REGEX_OPTIONS\n} from 'consts/sandbox'\n\nexport const createSandboxVanillaOptions = (\n carouselScript: string,\n options: EmblaOptionsType\n): string => {\n const loop = options?.loop\n return carouselScript\n .replace(SANDBOX_REGEX_OPTIONS, sandboxInjectOptions(options))\n .replace(SANDBOX_REGEX_IOS_PICKER_LOOP, sandboxInjectIosPickerLoop(loop))\n}\n","export const SANDBOX_VANILLA_FOLDERS = {\n CSS: 'src/css',\n JS: 'src/js',\n IMAGES: 'src/images'\n}\n","import { URLS } from 'consts/urls'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\nimport { SandboxConfigType } from 'consts/sandbox'\n\nconst SANDBOX_IMAGE_URLS: string[] = arrayFromNumber(4).map((index) => {\n return `${URLS.GITHUB_DOCUMENTATION_RAW}/src/assets/images/slide-${\n index + 1\n }.jpg`\n})\n\nexport const createSandboxImages = (\n pathToImageFolder: string\n): SandboxConfigType['files'] => {\n return SANDBOX_IMAGE_URLS.reduce(\n (allImages, imageUrl, index) => ({\n ...allImages,\n [`${pathToImageFolder}/slide-${index + 1}.jpg`]: {\n isBinary: true,\n content: imageUrl\n }\n }),\n {}\n )\n}\n","import { css } from 'styled-components'\nimport { styledComponentsStylesToString } from 'utils/styledComponentStylesToString'\nimport { RESET_STYLES } from 'components/Layout/GlobalStyles/reset'\nimport { BASE_STYLES } from 'components/Layout/GlobalStyles/base'\nimport { FONT_STYLES } from 'components/Layout/GlobalStyles/font'\nimport { CAROUSEL_WRAPPER_RADIUS } from '../Examples/carouselWrapperStyles'\nimport { MEDIA } from 'consts/breakpoints'\nimport { BORDER_SIZES } from 'consts/border'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { COLORS, THEME_STYLES } from 'consts/themes'\n\nconst SANDBOX_WRAPPER_STYLES = css`\n .sandbox {\n width: 100%;\n }\n\n ${MEDIA.MIN_SM} {\n .sandbox {\n margin-left: auto;\n margin-right: auto;\n max-width: 67rem;\n }\n }\n`\n\nconst SANDBOX_CAROUSEL_STYLES = css`\n .sandbox__carousel {\n position: relative;\n background-color: ${COLORS.BACKGROUND_CODE};\n }\n\n ${MEDIA.MAX_SM} {\n .sandbox__carousel {\n border-top: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n border-bottom: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n }\n }\n\n ${MEDIA.MIN_SM} {\n .sandbox__carousel {\n border-radius: ${CAROUSEL_WRAPPER_RADIUS};\n border: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n }\n }\n`\n\nconst SANDBOX_HEADER_STYLES = css`\n .sandbox__header {\n font-size: 2rem;\n font-weight: ${FONT_WEIGHTS.BOLD};\n text-align: center;\n padding: 4rem 2rem 2rem 2rem;\n }\n`\n\nconst SANDBOX_FOOTER_STYLES = css`\n .sandbox__footer {\n display: flex;\n justify-content: center;\n padding: 2rem 2rem 4rem 2rem;\n }\n\n .sandbox__footer__link {\n display: flex;\n align-items: center;\n background-color: transparent;\n text-decoration: none;\n text-align: center;\n font-weight: ${FONT_WEIGHTS.BOLD};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n font-size: 1.4rem;\n }\n\n .sandbox__footer__link__svg {\n display: block;\n width: 2rem;\n height: 2rem;\n margin-right: 1rem;\n fill: currentColor;\n }\n`\n\nexport const BASE_CSS = styledComponentsStylesToString(\n THEME_STYLES,\n RESET_STYLES,\n BASE_STYLES,\n FONT_STYLES\n)\n\nexport const SANDBOX_CSS = styledComponentsStylesToString(\n SANDBOX_WRAPPER_STYLES,\n SANDBOX_CAROUSEL_STYLES,\n SANDBOX_HEADER_STYLES,\n SANDBOX_FOOTER_STYLES\n)\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","import { EmblaOptionsType } from 'embla-carousel'\nimport { SPACINGS } from './spacings'\nimport {\n PackageJson as BasePackageJsonType,\n TsConfigJson as TsConfigType\n} from 'type-fest'\n\nexport type PackageJsonType = BasePackageJsonType & {\n browserslist?: string[]\n}\n\nexport type { TsConfigType }\n\nexport type SandboxConfigType = {\n files: {\n [key: string]: {\n content: string\n isBinary: boolean\n }\n }\n}\n\nexport type SandboxModuleType = { default: string }\n\nexport type SandboxVanillaExtensionType = 'js' | 'ts'\n\nexport type SandboxReactExtensionType = 'jsx' | 'tsx'\n\nexport type SandboxPluginNameType =\n (typeof SANDBOX_PLUGINS)[keyof typeof SANDBOX_PLUGINS]\n\nexport type SandboxLanguageType =\n (typeof SANDBOX_LANGUAGES)[keyof typeof SANDBOX_LANGUAGES]\n\nexport type SandboxPluginsType = {\n [key in SandboxPluginNameType]?: string\n}\n\nexport type SandboxSharedCreateType = {\n id: string\n options: EmblaOptionsType\n styles: string\n plugins?: SandboxPluginsType\n language?: SandboxLanguageType\n sandboxOverrides?: SandboxConfigType['files']\n}\n\nexport type SandboxVanillaCreateType = SandboxSharedCreateType & {\n carouselScript: string\n carouselHtml: string\n}\n\nexport type SandboxReactCreateType = SandboxSharedCreateType & {\n carouselScript: string\n slides: number[]\n indexScript?: string\n}\n\nexport type SandboxSelectionType = {\n key: SandboxLabelKeyType\n label: SandboxLabelValueType\n createSandbox: (settings?: SettingsType) => Promise\n}\n\nexport type SandboxLabelValueType = (typeof SANDBOX_LABELS)[SandboxLabelKeyType]\nexport type SandboxLabelKeyType = keyof typeof SANDBOX_LABELS\nexport type SandboxCreateFunctionType =\n SandboxSelectionType['createSandbox']\n\nexport const SANDBOX_LABELS = {\n VANILLA_JS: 'Vanilla',\n VANILLA_TS: 'Vanilla + TypeScript',\n REACT_TS: 'React + TypeScript',\n REACT_JS: 'React'\n}\n\nexport const SANDBOX_LANGUAGES = {\n JAVASCRIPT: 'javascript',\n TYPESCRIPT: 'typescript'\n}\n\nexport const SANDBOX_PLUGINS = {\n AUTOPLAY: 'embla-carousel-autoplay',\n CLASS_NAMES: 'embla-carousel-class-names'\n}\n\nexport const SANDBOX_SELECTION_SPACING = SPACINGS.ONE\n\nexport const SANDBOX_REGEX_REPOSITORY_URL =\n /__replace_sandbox_repository_url__/g\n\nexport const SANDBOX_REGEX_TITLE = /__replace_sandbox_title__/g\n\nexport const SANDBOX_REGEX_THEME = /__replace_sandbox_theme__/g\n\nexport const SANDBOX_REGEX_OPTIONS = /const\\sOPTIONS(.*)/\n\nexport const SANDBOX_REGEX_IOS_PICKER_LOOP = /const\\sLOOP\\s=\\sfalse/\n","export const arrayFromNumber = (number: number): number[] =>\n Array.from(Array(number).keys())\n","import { ThemeKeyType, THEME_KEYS, THEME_PREFIX } from 'consts/themes'\nimport { isBrowser } from './isBrowser'\n\nexport const getThemeFromDocument = (): ThemeKeyType => {\n if (!isBrowser) return THEME_KEYS.LIGHT\n\n const lightThemeClass = THEME_PREFIX + THEME_KEYS.LIGHT\n return document.documentElement.classList.contains(lightThemeClass)\n ? THEME_KEYS.LIGHT\n : THEME_KEYS.DARK\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","import prettierrc from '../../.prettierrc'\nimport { Options as PretterOptions } from 'prettier'\n\ntype LoadPrettierType = {\n prettierConfig: PretterOptions\n formatHtml: (html: string) => string\n formatCss: (css: string) => string\n formatJs: (js: string) => string\n formatTs: (ts: string) => string\n}\n\nconst PRETTIER_CONFIG = prettierrc\n\nexport const loadPrettier = async (): Promise => {\n const [prettier, htmlParser, cssParser, babelParser] = await Promise.all([\n import('prettier'),\n import('prettier/parser-html'),\n import('prettier/parser-postcss'),\n import('prettier/parser-babel')\n ])\n\n const prettierHtmlParser: PretterOptions = {\n ...PRETTIER_CONFIG,\n parser: 'html',\n plugins: [htmlParser]\n }\n\n const prettierCssParser: PretterOptions = {\n ...PRETTIER_CONFIG,\n parser: 'css',\n plugins: [cssParser]\n }\n\n const prettierBabelParser: PretterOptions = {\n ...PRETTIER_CONFIG,\n parser: 'babel',\n plugins: [babelParser]\n }\n\n const prettierBabeTsParser: PretterOptions = {\n ...PRETTIER_CONFIG,\n parser: 'babel-ts',\n plugins: [babelParser]\n }\n\n const prettierFormatSafe = (\n subject: string,\n parser: PretterOptions\n ): string => {\n let formattedString = ''\n try {\n formattedString = prettier.format(subject, parser)\n } catch (error) {\n console.warn('Prettier was not able to format file', error) // eslint-disable-line no-console\n }\n return formattedString\n }\n\n const formatHtml = (html: string): string =>\n prettierFormatSafe(html, prettierHtmlParser)\n\n const formatCss = (css: string): string =>\n prettierFormatSafe(css, prettierCssParser)\n\n const formatJs = (js: string): string =>\n prettierFormatSafe(js, prettierBabelParser)\n\n const formatTs = (ts: string): string =>\n prettierFormatSafe(ts, prettierBabeTsParser)\n\n return {\n prettierConfig: PRETTIER_CONFIG,\n formatHtml,\n formatCss,\n formatJs,\n formatTs\n }\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","import docsPackageJson from 'embla-carousel-docs/package.json'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport { loadPrettier } from './loadPrettier'\nimport {\n SandboxCreateFunctionType,\n SandboxLabelKeyType,\n SandboxSelectionType,\n SANDBOX_LABELS,\n SandboxLanguageType,\n SandboxReactExtensionType,\n SandboxVanillaExtensionType,\n SANDBOX_LANGUAGES,\n SandboxSharedCreateType,\n SandboxPluginNameType\n} from 'consts/sandbox'\n\ntype SandboxLanguageUtilsType = {\n isJavaScript: boolean\n isTypeScript: boolean\n vanillaScriptExtension: SandboxVanillaExtensionType\n reactScriptExtension: SandboxReactExtensionType\n formatScript: (jsOrTs: string) => string\n}\n\nexport const sandboxLanguageUtils = async (\n language: SandboxLanguageType\n): Promise => {\n const { formatTs, formatJs } = await loadPrettier()\n const isTypeScript = language === SANDBOX_LANGUAGES.TYPESCRIPT\n const isJavaScript = !isTypeScript\n const formatScript = isTypeScript ? formatTs : formatJs\n const reactScriptExtension = isJavaScript ? 'jsx' : 'tsx'\n const vanillaScriptExtension = isJavaScript ? 'js' : 'ts'\n\n return {\n isJavaScript,\n isTypeScript,\n vanillaScriptExtension,\n reactScriptExtension,\n formatScript\n }\n}\n\ntype SandboxCreateType = {\n [key in SandboxLabelKeyType]: SandboxCreateFunctionType\n}\n\nexport const createSandboxFunctionsWithLabels = (\n createSandboxFunction: Partial>\n): SandboxSelectionType[] => {\n return Object.keys(createSandboxFunction).map((sandboxLabelKey) => {\n const key = sandboxLabelKey\n const createSandbox = >(\n createSandboxFunction[key]\n )\n const label = SANDBOX_LABELS[key]\n\n return { key, label, createSandbox }\n })\n}\n\ntype SandboxAddPluginsType = Pick\n\nexport const addSandboxPlugins = (\n pluginNames: SandboxPluginNameType | SandboxPluginNameType[]\n): SandboxAddPluginsType => {\n const pluginsArray = Array.isArray(pluginNames) ? pluginNames : [pluginNames]\n\n return {\n plugins: {\n ...pluginsArray.reduce(\n (allPlugins, pluginName) => ({\n ...allPlugins,\n [pluginName]: docsPackageJson.dependencies[pluginName]\n }),\n {}\n )\n }\n }\n}\n\nexport const sandboxInjectOptions = (\n options: EmblaOptionsType\n): ((match: string) => string) => {\n return (match: string) => match.replace('{}', JSON.stringify(options))\n}\n\nexport const sandboxInjectIosPickerLoop = (\n loop: boolean = false\n): ((match: string) => string) => {\n return (match) => match.replace('false', loop.toString())\n}\n","import { FlattenSimpleInterpolation } from 'styled-components'\n\nexport const styledComponentsStylesToString = (\n ...stylesList: FlattenSimpleInterpolation[]\n): string => {\n return stylesList.reduce(\n (allStyles, styles) => allStyles + styles.join(''),\n ''\n )\n}\n","module.exports = require('../../.prettierrc.js')\n","import { EmblaPluginType } from 'embla-carousel'\n\nexport function isObject(subject: unknown): subject is Record {\n return Object.prototype.toString.call(subject) === '[object Object]'\n}\n\nexport function isRecord(\n subject: unknown\n): subject is Record {\n return isObject(subject) || Array.isArray(subject)\n}\n\nexport function canUseDOM(): boolean {\n return !!(\n typeof window !== 'undefined' &&\n window.document &&\n window.document.createElement\n )\n}\n\nexport function areOptionsEqual(\n optionsA: Record,\n optionsB: Record\n): boolean {\n const optionsAKeys = Object.keys(optionsA)\n const optionsBKeys = Object.keys(optionsB)\n\n if (optionsAKeys.length !== optionsBKeys.length) return false\n\n const breakpointsA = JSON.stringify(Object.keys(optionsA.breakpoints || {}))\n const breakpointsB = JSON.stringify(Object.keys(optionsB.breakpoints || {}))\n\n if (breakpointsA !== breakpointsB) return false\n\n return optionsAKeys.every((key) => {\n const valueA = optionsA[key]\n const valueB = optionsB[key]\n if (typeof valueA === 'function') return `${valueA}` === `${valueB}`\n if (!isRecord(valueA) || !isRecord(valueB)) return valueA === valueB\n return areOptionsEqual(valueA, valueB)\n })\n}\n\nexport function sortAndMapPluginToOptions(\n plugins: EmblaPluginType[]\n): EmblaPluginType['options'][] {\n return plugins\n .concat()\n .sort((a, b) => (a.name > b.name ? 1 : -1))\n .map((plugin) => plugin.options)\n}\n\nexport function arePluginsEqual(\n pluginsA: EmblaPluginType[],\n pluginsB: EmblaPluginType[]\n): boolean {\n if (pluginsA.length !== pluginsB.length) return false\n\n const optionsA = sortAndMapPluginToOptions(pluginsA)\n const optionsB = sortAndMapPluginToOptions(pluginsB)\n\n return optionsA.every((optionA, index) => {\n const optionB = optionsB[index]\n return areOptionsEqual(optionA, optionB)\n })\n}\n","import { isString } from './utils'\n\nexport type AlignmentOptionType =\n | 'start'\n | 'center'\n | 'end'\n | ((viewSize: number, snapSize: number, index: number) => number)\n\nexport type AlignmentType = {\n measure: (n: number, index: number) => number\n}\n\nexport function Alignment(\n align: AlignmentOptionType,\n viewSize: number\n): AlignmentType {\n const predefined = { start, center, end }\n\n function start(): number {\n return 0\n }\n\n function center(n: number): number {\n return end(n) / 2\n }\n\n function end(n: number): number {\n return viewSize - n\n }\n\n function measure(n: number, index: number): number {\n if (isString(align)) return predefined[align](n)\n return align(viewSize, n, index)\n }\n\n const self: AlignmentType = {\n measure\n }\n return self\n}\n","type EventNameType = keyof DocumentEventMap | keyof WindowEventMap\ntype EventHandlerType = (evt: any) => void\ntype EventOptionsType = boolean | AddEventListenerOptions | undefined\ntype EventRemoverType = () => void\n\nexport type EventStoreType = {\n add: (\n node: EventTarget,\n type: EventNameType,\n handler: EventHandlerType,\n options?: EventOptionsType\n ) => EventStoreType\n clear: () => void\n}\n\nexport function EventStore(): EventStoreType {\n let listeners: EventRemoverType[] = []\n\n function add(\n node: EventTarget,\n type: EventNameType,\n handler: EventHandlerType,\n options: EventOptionsType = { passive: true }\n ): EventStoreType {\n let removeListener: EventRemoverType\n\n if ('addEventListener' in node) {\n node.addEventListener(type, handler, options)\n removeListener = () => node.removeEventListener(type, handler, options)\n } else {\n const legacyMediaQueryList = node\n legacyMediaQueryList.addListener(handler)\n removeListener = () => legacyMediaQueryList.removeListener(handler)\n }\n\n listeners.push(removeListener)\n return self\n }\n\n function clear(): void {\n listeners = listeners.filter((remove) => remove())\n }\n\n const self: EventStoreType = {\n add,\n clear\n }\n return self\n}\n","import { EngineType } from './Engine'\nimport { EventStore } from './EventStore'\nimport { mathAbs, WindowType } from './utils'\n\nexport type AnimationsUpdateType = (engine: EngineType) => void\nexport type AnimationsRenderType = (\n engine: EngineType,\n lagOffset: number\n) => void\n\nexport type AnimationsType = {\n init: () => void\n destroy: () => void\n start: () => void\n stop: () => void\n update: () => void\n render: (lagOffset: number) => void\n}\n\nexport function Animations(\n ownerDocument: Document,\n ownerWindow: WindowType,\n update: AnimationsType['update'],\n render: AnimationsType['render']\n): AnimationsType {\n const documentVisibleHandler = EventStore()\n const timeStep = 1000 / 60\n let lastTimeStamp: number | null = null\n let lag = 0\n let animationFrame = 0\n\n function init(): void {\n documentVisibleHandler.add(ownerDocument, 'visibilitychange', () => {\n if (ownerDocument.hidden) reset()\n })\n }\n\n function destroy(): void {\n stop()\n documentVisibleHandler.clear()\n }\n\n function animate(timeStamp: DOMHighResTimeStamp): void {\n if (!lastTimeStamp) lastTimeStamp = timeStamp\n\n const elapsed = timeStamp - lastTimeStamp\n lastTimeStamp = timeStamp\n lag += elapsed\n\n while (lag >= timeStep) {\n update()\n lag -= timeStep\n }\n\n const lagOffset = mathAbs(lag / timeStep)\n render(lagOffset)\n\n if (animationFrame) ownerWindow.requestAnimationFrame(animate)\n }\n\n function start(): void {\n if (animationFrame) return\n\n animationFrame = ownerWindow.requestAnimationFrame(animate)\n }\n\n function stop(): void {\n ownerWindow.cancelAnimationFrame(animationFrame)\n lastTimeStamp = null\n lag = 0\n animationFrame = 0\n }\n\n function reset(): void {\n lastTimeStamp = null\n lag = 0\n }\n\n const self: AnimationsType = {\n init,\n destroy,\n start,\n stop,\n update,\n render\n }\n return self\n}\n","import { DirectionOptionType } from './Direction'\nimport { NodeRectType } from './NodeRects'\n\nexport type AxisOptionType = 'x' | 'y'\ntype AxisEdgeType = 'top' | 'right' | 'bottom' | 'left'\n\nexport type AxisType = {\n scroll: AxisOptionType\n cross: AxisOptionType\n startEdge: AxisEdgeType\n endEdge: AxisEdgeType\n measureSize: (nodeRect: NodeRectType) => number\n}\n\nexport function Axis(\n axis: AxisOptionType,\n direction: DirectionOptionType\n): AxisType {\n const scroll = axis === 'y' ? 'y' : 'x'\n const cross = axis === 'y' ? 'x' : 'y'\n const startEdge = getStartEdge()\n const endEdge = getEndEdge()\n\n function measureSize(nodeRect: NodeRectType): number {\n const { width, height } = nodeRect\n return scroll === 'x' ? width : height\n }\n\n function getStartEdge(): AxisEdgeType {\n if (scroll === 'y') return 'top'\n return direction === 'rtl' ? 'right' : 'left'\n }\n\n function getEndEdge(): AxisEdgeType {\n if (scroll === 'y') return 'bottom'\n return direction === 'rtl' ? 'left' : 'right'\n }\n\n const self: AxisType = {\n scroll,\n cross,\n startEdge,\n endEdge,\n measureSize\n }\n return self\n}\n","import { mathAbs } from './utils'\n\nexport type LimitType = {\n min: number\n max: number\n length: number\n constrain: (n: number) => number\n reachedAny: (n: number) => boolean\n reachedMax: (n: number) => boolean\n reachedMin: (n: number) => boolean\n removeOffset: (n: number) => number\n}\n\nexport function Limit(min: number = 0, max: number = 0): LimitType {\n const length = mathAbs(min - max)\n\n function reachedMin(n: number): boolean {\n return n < min\n }\n\n function reachedMax(n: number): boolean {\n return n > max\n }\n\n function reachedAny(n: number): boolean {\n return reachedMin(n) || reachedMax(n)\n }\n\n function constrain(n: number): number {\n if (!reachedAny(n)) return n\n return reachedMin(n) ? min : max\n }\n\n function removeOffset(n: number): number {\n if (!length) return n\n return n - length * Math.ceil((n - max) / length)\n }\n\n const self: LimitType = {\n length,\n max,\n min,\n constrain,\n reachedAny,\n reachedMax,\n reachedMin,\n removeOffset\n }\n return self\n}\n","import { Limit } from './Limit'\nimport { mathAbs } from './utils'\n\nexport type CounterType = {\n get: () => number\n set: (n: number) => CounterType\n add: (n: number) => CounterType\n clone: () => CounterType\n}\n\nexport function Counter(\n max: number,\n start: number,\n loop: boolean\n): CounterType {\n const { constrain } = Limit(0, max)\n const loopEnd = max + 1\n let counter = withinLimit(start)\n\n function withinLimit(n: number): number {\n return !loop ? constrain(n) : mathAbs((loopEnd + n) % loopEnd)\n }\n\n function get(): number {\n return counter\n }\n\n function set(n: number): CounterType {\n counter = withinLimit(n)\n return self\n }\n\n function add(n: number): CounterType {\n return clone().set(get() + n)\n }\n\n function clone(): CounterType {\n return Counter(max, get(), loop)\n }\n\n const self: CounterType = {\n get,\n set,\n add,\n clone\n }\n return self\n}\n","export type DirectionOptionType = 'ltr' | 'rtl'\n\nexport type DirectionType = {\n apply: (n: number) => number\n}\n\nexport function Direction(direction: DirectionOptionType): DirectionType {\n const sign = direction === 'rtl' ? -1 : 1\n\n function apply(n: number): number {\n return n * sign\n }\n\n const self: DirectionType = {\n apply\n }\n return self\n}\n","import { EmblaCarouselType } from './EmblaCarousel'\nimport { AnimationsType } from './Animations'\nimport { CounterType } from './Counter'\nimport { DirectionType } from './Direction'\nimport { DragTrackerType, PointerEventType } from './DragTracker'\nimport { EventHandlerType } from './EventHandler'\nimport { AxisType } from './Axis'\nimport { EventStore } from './EventStore'\nimport { ScrollBodyType } from './ScrollBody'\nimport { ScrollTargetType } from './ScrollTarget'\nimport { ScrollToType } from './ScrollTo'\nimport { Vector1DType } from './Vector1d'\nimport { PercentOfViewType } from './PercentOfView'\nimport { Limit } from './Limit'\nimport {\n deltaAbs,\n factorAbs,\n isBoolean,\n isMouseEvent,\n mathAbs,\n mathSign,\n WindowType\n} from './utils'\n\ntype DragHandlerCallbackType = (\n emblaApi: EmblaCarouselType,\n evt: PointerEventType\n) => boolean | void\n\nexport type DragHandlerOptionType = boolean | DragHandlerCallbackType\n\nexport type DragHandlerType = {\n init: (emblaApi: EmblaCarouselType) => void\n destroy: () => void\n pointerDown: () => boolean\n}\n\nexport function DragHandler(\n axis: AxisType,\n direction: DirectionType,\n rootNode: HTMLElement,\n ownerDocument: Document,\n ownerWindow: WindowType,\n target: Vector1DType,\n dragTracker: DragTrackerType,\n location: Vector1DType,\n animation: AnimationsType,\n scrollTo: ScrollToType,\n scrollBody: ScrollBodyType,\n scrollTarget: ScrollTargetType,\n index: CounterType,\n eventHandler: EventHandlerType,\n percentOfView: PercentOfViewType,\n dragFree: boolean,\n dragThreshold: number,\n skipSnaps: boolean,\n baseFriction: number,\n watchDrag: DragHandlerOptionType\n): DragHandlerType {\n const { cross: crossAxis } = axis\n const focusNodes = ['INPUT', 'SELECT', 'TEXTAREA']\n const nonPassiveEvent = { passive: false }\n const initEvents = EventStore()\n const dragEvents = EventStore()\n const goToNextThreshold = Limit(50, 225).constrain(percentOfView.measure(20))\n const snapForceBoost = { mouse: 300, touch: 400 }\n const freeForceBoost = { mouse: 500, touch: 600 }\n const baseSpeed = dragFree ? 43 : 25\n\n let isMoving = false\n let startScroll = 0\n let startCross = 0\n let pointerIsDown = false\n let preventScroll = false\n let preventClick = false\n let isMouse = false\n\n function init(emblaApi: EmblaCarouselType): void {\n if (!watchDrag) return\n\n function downIfAllowed(evt: PointerEventType): void {\n if (isBoolean(watchDrag) || watchDrag(emblaApi, evt)) down(evt)\n }\n\n const node = rootNode\n initEvents\n .add(node, 'dragstart', (evt) => evt.preventDefault(), nonPassiveEvent)\n .add(node, 'touchmove', () => undefined, nonPassiveEvent)\n .add(node, 'touchend', () => undefined)\n .add(node, 'touchstart', downIfAllowed)\n .add(node, 'mousedown', downIfAllowed)\n .add(node, 'touchcancel', up)\n .add(node, 'contextmenu', up)\n .add(node, 'click', click, true)\n }\n\n function destroy(): void {\n initEvents.clear()\n dragEvents.clear()\n }\n\n function addDragEvents(): void {\n const node = isMouse ? ownerDocument : rootNode\n dragEvents\n .add(node, 'touchmove', move, nonPassiveEvent)\n .add(node, 'touchend', up)\n .add(node, 'mousemove', move, nonPassiveEvent)\n .add(node, 'mouseup', up)\n }\n\n function isFocusNode(node: Element): boolean {\n const nodeName = node.nodeName || ''\n return focusNodes.includes(nodeName)\n }\n\n function forceBoost(): number {\n const boost = dragFree ? freeForceBoost : snapForceBoost\n const type = isMouse ? 'mouse' : 'touch'\n return boost[type]\n }\n\n function allowedForce(force: number, targetChanged: boolean): number {\n const next = index.add(mathSign(force) * -1)\n const baseForce = scrollTarget.byDistance(force, !dragFree).distance\n\n if (dragFree || mathAbs(force) < goToNextThreshold) return baseForce\n if (skipSnaps && targetChanged) return baseForce * 0.5\n\n return scrollTarget.byIndex(next.get(), 0).distance\n }\n\n function down(evt: PointerEventType): void {\n const isMouseEvt = isMouseEvent(evt, ownerWindow)\n isMouse = isMouseEvt\n if (isMouseEvt && evt.button !== 0) return\n if (isFocusNode(evt.target as Element)) return\n\n preventClick = dragFree && isMouseEvt && !evt.buttons && isMoving\n isMoving = deltaAbs(target.get(), location.get()) >= 2\n\n pointerIsDown = true\n dragTracker.pointerDown(evt)\n scrollBody.useFriction(0).useDuration(0)\n target.set(location)\n addDragEvents()\n startScroll = dragTracker.readPoint(evt)\n startCross = dragTracker.readPoint(evt, crossAxis)\n eventHandler.emit('pointerDown')\n }\n\n function move(evt: PointerEventType): void {\n const lastScroll = dragTracker.readPoint(evt)\n const lastCross = dragTracker.readPoint(evt, crossAxis)\n const diffScroll = deltaAbs(lastScroll, startScroll)\n const diffCross = deltaAbs(lastCross, startCross)\n\n if (!preventScroll && !isMouse) {\n if (!evt.cancelable) return up(evt)\n preventScroll = diffScroll > diffCross\n if (!preventScroll) return up(evt)\n }\n const diff = dragTracker.pointerMove(evt)\n if (diffScroll > dragThreshold) preventClick = true\n\n scrollBody.useFriction(0.3).useDuration(1)\n animation.start()\n target.add(direction.apply(diff))\n evt.preventDefault()\n }\n\n function up(evt: PointerEventType): void {\n const currentLocation = scrollTarget.byDistance(0, false)\n const targetChanged = currentLocation.index !== index.get()\n const rawForce = dragTracker.pointerUp(evt) * forceBoost()\n const force = allowedForce(direction.apply(rawForce), targetChanged)\n const forceFactor = factorAbs(rawForce, force)\n const speed = baseSpeed - 10 * forceFactor\n const friction = baseFriction + forceFactor / 50\n\n preventScroll = false\n pointerIsDown = false\n dragEvents.clear()\n scrollBody.useDuration(speed).useFriction(friction)\n scrollTo.distance(force, !dragFree)\n isMouse = false\n eventHandler.emit('pointerUp')\n }\n\n function click(evt: MouseEvent): void {\n if (preventClick) {\n evt.stopPropagation()\n evt.preventDefault()\n }\n }\n\n function pointerDown(): boolean {\n return pointerIsDown\n }\n\n const self: DragHandlerType = {\n init,\n pointerDown,\n destroy\n }\n return self\n}\n","import { AxisOptionType, AxisType } from './Axis'\nimport { isMouseEvent, mathAbs, WindowType } from './utils'\n\ntype PointerCoordType = keyof Touch | keyof MouseEvent\nexport type PointerEventType = TouchEvent | MouseEvent\n\nexport type DragTrackerType = {\n pointerDown: (evt: PointerEventType) => number\n pointerMove: (evt: PointerEventType) => number\n pointerUp: (evt: PointerEventType) => number\n readPoint: (evt: PointerEventType, evtAxis?: AxisOptionType) => number\n}\n\nexport function DragTracker(\n axis: AxisType,\n ownerWindow: WindowType\n): DragTrackerType {\n const logInterval = 170\n\n let startEvent: PointerEventType\n let lastEvent: PointerEventType\n\n function readTime(evt: PointerEventType): number {\n return evt.timeStamp\n }\n\n function readPoint(evt: PointerEventType, evtAxis?: AxisOptionType): number {\n const property = evtAxis || axis.scroll\n const coord: PointerCoordType = `client${property === 'x' ? 'X' : 'Y'}`\n return (isMouseEvent(evt, ownerWindow) ? evt : evt.touches[0])[coord]\n }\n\n function pointerDown(evt: PointerEventType): number {\n startEvent = evt\n lastEvent = evt\n return readPoint(evt)\n }\n\n function pointerMove(evt: PointerEventType): number {\n const diff = readPoint(evt) - readPoint(lastEvent)\n const expired = readTime(evt) - readTime(startEvent) > logInterval\n\n lastEvent = evt\n if (expired) startEvent = evt\n return diff\n }\n\n function pointerUp(evt: PointerEventType): number {\n if (!startEvent || !lastEvent) return 0\n const diffDrag = readPoint(lastEvent) - readPoint(startEvent)\n const diffTime = readTime(evt) - readTime(startEvent)\n const expired = readTime(evt) - readTime(lastEvent) > logInterval\n const force = diffDrag / diffTime\n const isFlick = diffTime && !expired && mathAbs(force) > 0.1\n\n return isFlick ? force : 0\n }\n\n const self: DragTrackerType = {\n pointerDown,\n pointerMove,\n pointerUp,\n readPoint\n }\n return self\n}\n","import { AxisType } from './Axis'\nimport { EmblaCarouselType } from './EmblaCarousel'\nimport { EventHandlerType } from './EventHandler'\nimport { NodeRectsType } from './NodeRects'\nimport { isBoolean, mathAbs, WindowType } from './utils'\n\ntype ResizeHandlerCallbackType = (\n emblaApi: EmblaCarouselType,\n entries: ResizeObserverEntry[]\n) => boolean | void\n\nexport type ResizeHandlerOptionType = boolean | ResizeHandlerCallbackType\n\nexport type ResizeHandlerType = {\n init: (emblaApi: EmblaCarouselType) => void\n destroy: () => void\n}\n\nexport function ResizeHandler(\n container: HTMLElement,\n eventHandler: EventHandlerType,\n ownerWindow: WindowType,\n slides: HTMLElement[],\n axis: AxisType,\n watchResize: ResizeHandlerOptionType,\n nodeRects: NodeRectsType\n): ResizeHandlerType {\n let resizeObserver: ResizeObserver\n let containerSize: number\n let slideSizes: number[] = []\n let destroyed = false\n\n function readSize(node: HTMLElement): number {\n return axis.measureSize(nodeRects.measure(node))\n }\n\n function init(emblaApi: EmblaCarouselType): void {\n if (!watchResize) return\n\n containerSize = readSize(container)\n slideSizes = slides.map(readSize)\n\n function defaultCallback(entries: ResizeObserverEntry[]): void {\n for (const entry of entries) {\n const isContainer = entry.target === container\n const slideIndex = slides.indexOf(entry.target)\n const lastSize = isContainer ? containerSize : slideSizes[slideIndex]\n const newSize = readSize(isContainer ? container : slides[slideIndex])\n const diffSize = mathAbs(newSize - lastSize)\n\n if (diffSize >= 0.5) {\n ownerWindow.requestAnimationFrame(() => {\n emblaApi.reInit()\n eventHandler.emit('resize')\n })\n break\n }\n }\n }\n\n resizeObserver = new ResizeObserver((entries) => {\n if (destroyed) return\n if (isBoolean(watchResize) || watchResize(emblaApi, entries)) {\n defaultCallback(entries)\n }\n })\n\n const observeNodes = [container].concat(slides)\n observeNodes.forEach((node) => resizeObserver.observe(node))\n }\n\n function destroy(): void {\n if (resizeObserver) resizeObserver.disconnect()\n destroyed = true\n }\n\n const self: ResizeHandlerType = {\n init,\n destroy\n }\n return self\n}\n","import { Limit, LimitType } from './Limit'\nimport { ScrollBodyType } from './ScrollBody'\nimport { Vector1DType } from './Vector1d'\nimport { mathAbs } from './utils'\nimport { PercentOfViewType } from './PercentOfView'\n\nexport type ScrollBoundsType = {\n constrain: (pointerDown: boolean) => void\n toggleActive: (active: boolean) => void\n}\n\nexport function ScrollBounds(\n limit: LimitType,\n location: Vector1DType,\n target: Vector1DType,\n scrollBody: ScrollBodyType,\n percentOfView: PercentOfViewType\n): ScrollBoundsType {\n const pullBackThreshold = percentOfView.measure(10)\n const edgeOffsetTolerance = percentOfView.measure(50)\n const frictionLimit = Limit(0.1, 0.99)\n let disabled = false\n\n function shouldConstrain(): boolean {\n if (disabled) return false\n if (!limit.reachedAny(target.get())) return false\n if (!limit.reachedAny(location.get())) return false\n return true\n }\n\n function constrain(pointerDown: boolean): void {\n if (!shouldConstrain()) return\n const edge = limit.reachedMin(location.get()) ? 'min' : 'max'\n const diffToEdge = mathAbs(limit[edge] - location.get())\n const diffToTarget = target.get() - location.get()\n const friction = frictionLimit.constrain(diffToEdge / edgeOffsetTolerance)\n\n target.subtract(diffToTarget * friction)\n\n if (!pointerDown && mathAbs(diffToTarget) < pullBackThreshold) {\n target.set(limit.constrain(target.get()))\n scrollBody.useDuration(25).useBaseFriction()\n }\n }\n\n function toggleActive(active: boolean): void {\n disabled = !active\n }\n\n const self: ScrollBoundsType = {\n constrain,\n toggleActive\n }\n return self\n}\n","import { Limit, LimitType } from './Limit'\nimport { Vector1DType } from './Vector1d'\n\nexport type ScrollLooperType = {\n loop: (direction: number) => void\n}\n\nexport function ScrollLooper(\n contentSize: number,\n limit: LimitType,\n offsetLocation: Vector1DType,\n vectors: Vector1DType[]\n): ScrollLooperType {\n const jointSafety = 0.1\n const min = limit.min + jointSafety\n const max = limit.max + jointSafety\n const { reachedMin, reachedMax } = Limit(min, max)\n\n function shouldLoop(direction: number): boolean {\n if (direction === 1) return reachedMax(offsetLocation.get())\n if (direction === -1) return reachedMin(offsetLocation.get())\n return false\n }\n\n function loop(direction: number): void {\n if (!shouldLoop(direction)) return\n\n const loopDistance = contentSize * (direction * -1)\n vectors.forEach((v) => v.add(loopDistance))\n }\n\n const self: ScrollLooperType = {\n loop\n }\n return self\n}\n","import { LimitType } from './Limit'\nimport { Vector1DType } from './Vector1d'\nimport { arrayLast, mathAbs, mathSign } from './utils'\n\nexport type TargetType = {\n distance: number\n index: number\n}\n\nexport type ScrollTargetType = {\n byIndex: (target: number, direction: number) => TargetType\n byDistance: (force: number, snap: boolean) => TargetType\n shortcut: (target: number, direction: number) => number\n}\n\nexport function ScrollTarget(\n loop: boolean,\n scrollSnaps: number[],\n contentSize: number,\n limit: LimitType,\n targetVector: Vector1DType\n): ScrollTargetType {\n const { reachedAny, removeOffset, constrain } = limit\n\n function minDistance(distances: number[]): number {\n return distances.concat().sort((a, b) => mathAbs(a) - mathAbs(b))[0]\n }\n\n function findTargetSnap(target: number): TargetType {\n const distance = loop ? removeOffset(target) : constrain(target)\n const ascDiffsToSnaps = scrollSnaps\n .map((scrollSnap) => scrollSnap - distance)\n .map((diffToSnap) => shortcut(diffToSnap, 0))\n .map((diff, i) => ({ diff, index: i }))\n .sort((d1, d2) => mathAbs(d1.diff) - mathAbs(d2.diff))\n\n const { index } = ascDiffsToSnaps[0]\n return { index, distance }\n }\n\n function shortcut(target: number, direction: number): number {\n const targets = [target, target + contentSize, target - contentSize]\n\n if (!loop) return targets[0]\n if (!direction) return minDistance(targets)\n\n const matchingTargets = targets.filter((t) => mathSign(t) === direction)\n if (matchingTargets.length) return minDistance(matchingTargets)\n return arrayLast(targets) - contentSize\n }\n\n function byIndex(index: number, direction: number): TargetType {\n const diffToSnap = scrollSnaps[index] - targetVector.get()\n const distance = shortcut(diffToSnap, direction)\n return { index, distance }\n }\n\n function byDistance(distance: number, snap: boolean): TargetType {\n const target = targetVector.get() + distance\n const { index, distance: targetSnapDistance } = findTargetSnap(target)\n const reachedBound = !loop && reachedAny(target)\n\n if (!snap || reachedBound) return { index, distance }\n\n const diffToSnap = scrollSnaps[index] - targetSnapDistance\n const snapDistance = distance + shortcut(diffToSnap, 0)\n\n return { index, distance: snapDistance }\n }\n\n const self: ScrollTargetType = {\n byDistance,\n byIndex,\n shortcut\n }\n return self\n}\n","import { isNumber } from './utils'\n\nexport type Vector1DType = {\n get: () => number\n set: (n: Vector1DType | number) => void\n add: (n: Vector1DType | number) => void\n subtract: (n: Vector1DType | number) => void\n}\n\nexport function Vector1D(initialValue: number): Vector1DType {\n let value = initialValue\n\n function get(): number {\n return value\n }\n\n function set(n: Vector1DType | number): void {\n value = normalizeInput(n)\n }\n\n function add(n: Vector1DType | number): void {\n value += normalizeInput(n)\n }\n\n function subtract(n: Vector1DType | number): void {\n value -= normalizeInput(n)\n }\n\n function normalizeInput(n: Vector1DType | number): number {\n return isNumber(n) ? n : n.get()\n }\n\n const self: Vector1DType = {\n get,\n set,\n add,\n subtract\n }\n return self\n}\n","import { AxisType } from './Axis'\nimport { DirectionType } from './Direction'\n\nexport type TranslateType = {\n clear: () => void\n to: (target: number) => void\n toggleActive: (active: boolean) => void\n}\n\nexport function Translate(\n axis: AxisType,\n direction: DirectionType,\n container: HTMLElement\n): TranslateType {\n const translate = axis.scroll === 'x' ? x : y\n const containerStyle = container.style\n let disabled = false\n\n function x(n: number): string {\n return `translate3d(${n}px,0px,0px)`\n }\n\n function y(n: number): string {\n return `translate3d(0px,${n}px,0px)`\n }\n\n function to(target: number): void {\n if (disabled) return\n containerStyle.transform = translate(direction.apply(target))\n }\n\n function toggleActive(active: boolean): void {\n disabled = !active\n }\n\n function clear(): void {\n if (disabled) return\n containerStyle.transform = ''\n if (!container.getAttribute('style')) container.removeAttribute('style')\n }\n\n const self: TranslateType = {\n clear,\n to,\n toggleActive\n }\n return self\n}\n","import { AxisType } from './Axis'\nimport { arrayKeys } from './utils'\nimport { Vector1D, Vector1DType } from './Vector1d'\nimport { Translate, TranslateType } from './Translate'\nimport { DirectionType } from './Direction'\n\ntype SlideBoundType = {\n start: number\n end: number\n}\n\ntype LoopPointType = {\n loopPoint: number\n index: number\n translate: TranslateType\n slideLocation: Vector1DType\n target: () => number\n}\n\nexport type SlideLooperType = {\n canLoop: () => boolean\n clear: () => void\n loop: () => void\n loopPoints: LoopPointType[]\n}\n\nexport function SlideLooper(\n axis: AxisType,\n direction: DirectionType,\n viewSize: number,\n contentSize: number,\n slideSizes: number[],\n slideSizesWithGaps: number[],\n snaps: number[],\n scrollSnaps: number[],\n offsetLocation: Vector1DType,\n slides: HTMLElement[]\n): SlideLooperType {\n const roundingSafety = 0.5\n const ascItems = arrayKeys(slideSizesWithGaps)\n const descItems = arrayKeys(slideSizesWithGaps).reverse()\n const loopPoints = startPoints().concat(endPoints())\n\n function removeSlideSizes(indexes: number[], from: number): number {\n return indexes.reduce((a: number, i) => {\n return a - slideSizesWithGaps[i]\n }, from)\n }\n\n function slidesInGap(indexes: number[], gap: number): number[] {\n return indexes.reduce((a: number[], i) => {\n const remainingGap = removeSlideSizes(a, gap)\n return remainingGap > 0 ? a.concat([i]) : a\n }, [])\n }\n\n function findSlideBounds(offset: number): SlideBoundType[] {\n return snaps.map((snap, index) => ({\n start: snap - slideSizes[index] + roundingSafety + offset,\n end: snap + viewSize - roundingSafety + offset\n }))\n }\n\n function findLoopPoints(\n indexes: number[],\n offset: number,\n isEndEdge: boolean\n ): LoopPointType[] {\n const slideBounds = findSlideBounds(offset)\n\n return indexes.map((index) => {\n const initial = isEndEdge ? 0 : -contentSize\n const altered = isEndEdge ? contentSize : 0\n const boundEdge = isEndEdge ? 'end' : 'start'\n const loopPoint = slideBounds[index][boundEdge]\n\n return {\n index,\n loopPoint,\n slideLocation: Vector1D(-1),\n translate: Translate(axis, direction, slides[index]),\n target: () => (offsetLocation.get() > loopPoint ? initial : altered)\n }\n })\n }\n\n function startPoints(): LoopPointType[] {\n const gap = scrollSnaps[0]\n const indexes = slidesInGap(descItems, gap)\n return findLoopPoints(indexes, contentSize, false)\n }\n\n function endPoints(): LoopPointType[] {\n const gap = viewSize - scrollSnaps[0] - 1\n const indexes = slidesInGap(ascItems, gap)\n return findLoopPoints(indexes, -contentSize, true)\n }\n\n function canLoop(): boolean {\n return loopPoints.every(({ index }) => {\n const otherIndexes = ascItems.filter((i) => i !== index)\n return removeSlideSizes(otherIndexes, viewSize) <= 0.1\n })\n }\n\n function loop(): void {\n loopPoints.forEach((loopPoint) => {\n const { target, translate, slideLocation } = loopPoint\n const shiftLocation = target()\n if (shiftLocation === slideLocation.get()) return\n translate.to(shiftLocation)\n slideLocation.set(shiftLocation)\n })\n }\n\n function clear(): void {\n loopPoints.forEach((loopPoint) => loopPoint.translate.clear())\n }\n\n const self: SlideLooperType = {\n canLoop,\n clear,\n loop,\n loopPoints\n }\n return self\n}\n","import { EmblaCarouselType } from './EmblaCarousel'\nimport { EventHandlerType } from './EventHandler'\nimport { isBoolean } from './utils'\n\ntype SlidesHandlerCallbackType = (\n emblaApi: EmblaCarouselType,\n mutations: MutationRecord[]\n) => boolean | void\n\nexport type SlidesHandlerOptionType = boolean | SlidesHandlerCallbackType\n\nexport type SlidesHandlerType = {\n init: (emblaApi: EmblaCarouselType) => void\n destroy: () => void\n}\n\nexport function SlidesHandler(\n container: HTMLElement,\n eventHandler: EventHandlerType,\n watchSlides: SlidesHandlerOptionType\n): SlidesHandlerType {\n let mutationObserver: MutationObserver\n let destroyed = false\n\n function init(emblaApi: EmblaCarouselType): void {\n if (!watchSlides) return\n\n function defaultCallback(mutations: MutationRecord[]): void {\n for (const mutation of mutations) {\n if (mutation.type === 'childList') {\n emblaApi.reInit()\n eventHandler.emit('slidesChanged')\n break\n }\n }\n }\n\n mutationObserver = new MutationObserver((mutations) => {\n if (destroyed) return\n if (isBoolean(watchSlides) || watchSlides(emblaApi, mutations)) {\n defaultCallback(mutations)\n }\n })\n\n mutationObserver.observe(container, { childList: true })\n }\n\n function destroy(): void {\n if (mutationObserver) mutationObserver.disconnect()\n destroyed = true\n }\n\n const self: SlidesHandlerType = {\n init,\n destroy\n }\n return self\n}\n","import { EventHandlerType } from './EventHandler'\nimport { objectKeys } from './utils'\n\ntype IntersectionEntryMapType = {\n [key: number]: IntersectionObserverEntry\n}\n\nexport type SlidesInViewOptionsType = IntersectionObserverInit['threshold']\n\nexport type SlidesInViewType = {\n init: () => void\n destroy: () => void\n get: (inView?: boolean) => number[]\n}\n\nexport function SlidesInView(\n container: HTMLElement,\n slides: HTMLElement[],\n eventHandler: EventHandlerType,\n threshold: SlidesInViewOptionsType\n): SlidesInViewType {\n const intersectionEntryMap: IntersectionEntryMapType = {}\n let inViewCache: number[] | null = null\n let notInViewCache: number[] | null = null\n let intersectionObserver: IntersectionObserver\n let destroyed = false\n\n function init(): void {\n intersectionObserver = new IntersectionObserver(\n (entries) => {\n if (destroyed) return\n\n entries.forEach((entry) => {\n const index = slides.indexOf(entry.target)\n intersectionEntryMap[index] = entry\n })\n\n inViewCache = null\n notInViewCache = null\n eventHandler.emit('slidesInView')\n },\n {\n root: container.parentElement,\n threshold\n }\n )\n\n slides.forEach((slide) => intersectionObserver.observe(slide))\n }\n\n function destroy(): void {\n if (intersectionObserver) intersectionObserver.disconnect()\n destroyed = true\n }\n\n function createInViewList(inView: boolean): number[] {\n return objectKeys(intersectionEntryMap).reduce(\n (list: number[], slideIndex) => {\n const index = parseInt(slideIndex)\n const { isIntersecting } = intersectionEntryMap[index]\n const inViewMatch = inView && isIntersecting\n const notInViewMatch = !inView && !isIntersecting\n\n if (inViewMatch || notInViewMatch) list.push(index)\n return list\n },\n []\n )\n }\n\n function get(inView: boolean = true): number[] {\n if (inView && inViewCache) return inViewCache\n if (!inView && notInViewCache) return notInViewCache\n\n const slideIndexes = createInViewList(inView)\n\n if (inView) inViewCache = slideIndexes\n if (!inView) notInViewCache = slideIndexes\n\n return slideIndexes\n }\n\n const self: SlidesInViewType = {\n init,\n destroy,\n get\n }\n\n return self\n}\n","import { AxisType } from './Axis'\nimport { DirectionType } from './Direction'\nimport { NodeRectType } from './NodeRects'\nimport {\n arrayKeys,\n arrayLast,\n arrayLastIndex,\n isNumber,\n mathAbs\n} from './utils'\n\nexport type SlidesToScrollOptionType = 'auto' | number\n\nexport type SlidesToScrollType = {\n groupSlides: (array: Type[]) => Type[][]\n}\n\nexport function SlidesToScroll(\n axis: AxisType,\n direction: DirectionType,\n viewSize: number,\n slidesToScroll: SlidesToScrollOptionType,\n loop: boolean,\n containerRect: NodeRectType,\n slideRects: NodeRectType[],\n startGap: number,\n endGap: number,\n pixelTolerance: number\n): SlidesToScrollType {\n const { startEdge, endEdge } = axis\n const groupByNumber = isNumber(slidesToScroll)\n\n function byNumber(array: Type[], groupSize: number): Type[][] {\n return arrayKeys(array)\n .filter((i) => i % groupSize === 0)\n .map((i) => array.slice(i, i + groupSize))\n }\n\n function bySize(array: Type[]): Type[][] {\n if (!array.length) return []\n\n return arrayKeys(array)\n .reduce((groups: number[], rectB) => {\n const rectA = arrayLast(groups) || 0\n const isFirst = rectA === 0\n const isLast = rectB === arrayLastIndex(array)\n\n const edgeA = containerRect[startEdge] - slideRects[rectA][startEdge]\n const edgeB = containerRect[startEdge] - slideRects[rectB][endEdge]\n const gapA = !loop && isFirst ? direction.apply(startGap) : 0\n const gapB = !loop && isLast ? direction.apply(endGap) : 0\n const chunkSize = mathAbs(edgeB - gapB - (edgeA + gapA))\n\n if (chunkSize > viewSize + pixelTolerance) groups.push(rectB)\n if (isLast) groups.push(array.length)\n return groups\n }, [])\n .map((currentSize, index, groups) => {\n const previousSize = Math.max(groups[index - 1] || 0)\n return array.slice(previousSize, currentSize)\n })\n }\n\n function groupSlides(array: Type[]): Type[][] {\n return groupByNumber ? byNumber(array, slidesToScroll) : bySize(array)\n }\n\n const self: SlidesToScrollType = {\n groupSlides\n }\n return self\n}\n","import { Alignment } from './Alignment'\nimport {\n Animations,\n AnimationsType,\n AnimationsUpdateType,\n AnimationsRenderType\n} from './Animations'\nimport { Axis, AxisType } from './Axis'\nimport { Counter, CounterType } from './Counter'\nimport { Direction, DirectionType } from './Direction'\nimport { DragHandler, DragHandlerType } from './DragHandler'\nimport { DragTracker } from './DragTracker'\nimport { EventHandlerType } from './EventHandler'\nimport { EventStore, EventStoreType } from './EventStore'\nimport { LimitType } from './Limit'\nimport { NodeRectType, NodeRects } from './NodeRects'\nimport { OptionsType } from './Options'\nimport { PercentOfView, PercentOfViewType } from './PercentOfView'\nimport { ResizeHandler, ResizeHandlerType } from './ResizeHandler'\nimport { ScrollBody, ScrollBodyType } from './ScrollBody'\nimport { ScrollBounds, ScrollBoundsType } from './ScrollBounds'\nimport { ScrollContain } from './ScrollContain'\nimport { ScrollLimit } from './ScrollLimit'\nimport { ScrollLooper, ScrollLooperType } from './ScrollLooper'\nimport { ScrollProgress, ScrollProgressType } from './ScrollProgress'\nimport { ScrollSnaps } from './ScrollSnaps'\nimport { SlideRegistry, SlideRegistryType } from './SlideRegistry'\nimport { ScrollTarget, ScrollTargetType } from './ScrollTarget'\nimport { ScrollTo, ScrollToType } from './ScrollTo'\nimport { SlideFocus, SlideFocusType } from './SlideFocus'\nimport { SlideLooper, SlideLooperType } from './SlideLooper'\nimport { SlidesHandler, SlidesHandlerType } from './SlidesHandler'\nimport { SlidesInView, SlidesInViewType } from './SlidesInView'\nimport { SlideSizes } from './SlideSizes'\nimport { SlidesToScroll, SlidesToScrollType } from './SlidesToScroll'\nimport { Translate, TranslateType } from './Translate'\nimport { arrayKeys, arrayLast, arrayLastIndex, WindowType } from './utils'\nimport { Vector1D, Vector1DType } from './Vector1d'\n\nexport type EngineType = {\n ownerDocument: Document\n ownerWindow: WindowType\n eventHandler: EventHandlerType\n axis: AxisType\n direction: DirectionType\n animation: AnimationsType\n scrollBounds: ScrollBoundsType\n scrollLooper: ScrollLooperType\n scrollProgress: ScrollProgressType\n index: CounterType\n indexPrevious: CounterType\n limit: LimitType\n location: Vector1DType\n offsetLocation: Vector1DType\n options: OptionsType\n percentOfView: PercentOfViewType\n scrollBody: ScrollBodyType\n dragHandler: DragHandlerType\n eventStore: EventStoreType\n slideLooper: SlideLooperType\n slidesInView: SlidesInViewType\n slidesToScroll: SlidesToScrollType\n target: Vector1DType\n translate: TranslateType\n resizeHandler: ResizeHandlerType\n slidesHandler: SlidesHandlerType\n scrollTo: ScrollToType\n scrollTarget: ScrollTargetType\n scrollSnapList: number[]\n scrollSnaps: number[]\n slideIndexes: number[]\n slideFocus: SlideFocusType\n slideRegistry: SlideRegistryType['slideRegistry']\n containerRect: NodeRectType\n slideRects: NodeRectType[]\n}\n\nexport function Engine(\n root: HTMLElement,\n container: HTMLElement,\n slides: HTMLElement[],\n ownerDocument: Document,\n ownerWindow: WindowType,\n options: OptionsType,\n eventHandler: EventHandlerType\n): EngineType {\n // Options\n const {\n align,\n axis: scrollAxis,\n direction: contentDirection,\n startIndex,\n loop,\n duration,\n dragFree,\n dragThreshold,\n inViewThreshold,\n slidesToScroll: groupSlides,\n skipSnaps,\n containScroll,\n watchResize,\n watchSlides,\n watchDrag\n } = options\n\n // Measurements\n const pixelTolerance = 2\n const nodeRects = NodeRects()\n const containerRect = nodeRects.measure(container)\n const slideRects = slides.map(nodeRects.measure)\n const direction = Direction(contentDirection)\n const axis = Axis(scrollAxis, contentDirection)\n const viewSize = axis.measureSize(containerRect)\n const percentOfView = PercentOfView(viewSize)\n const alignment = Alignment(align, viewSize)\n const containSnaps = !loop && !!containScroll\n const readEdgeGap = loop || !!containScroll\n const { slideSizes, slideSizesWithGaps, startGap, endGap } = SlideSizes(\n axis,\n containerRect,\n slideRects,\n slides,\n readEdgeGap,\n ownerWindow\n )\n const slidesToScroll = SlidesToScroll(\n axis,\n direction,\n viewSize,\n groupSlides,\n loop,\n containerRect,\n slideRects,\n startGap,\n endGap,\n pixelTolerance\n )\n const { snaps, snapsAligned } = ScrollSnaps(\n axis,\n alignment,\n containerRect,\n slideRects,\n slidesToScroll\n )\n const contentSize = -arrayLast(snaps) + arrayLast(slideSizesWithGaps)\n const { snapsContained, scrollContainLimit } = ScrollContain(\n viewSize,\n contentSize,\n snapsAligned,\n containScroll,\n pixelTolerance\n )\n const scrollSnaps = containSnaps ? snapsContained : snapsAligned\n const { limit } = ScrollLimit(contentSize, scrollSnaps, loop)\n\n // Indexes\n const index = Counter(arrayLastIndex(scrollSnaps), startIndex, loop)\n const indexPrevious = index.clone()\n const slideIndexes = arrayKeys(slides)\n\n // Animation\n const update: AnimationsUpdateType = ({\n dragHandler,\n scrollBody,\n scrollBounds,\n options: { loop }\n }) => {\n if (!loop) scrollBounds.constrain(dragHandler.pointerDown())\n scrollBody.seek()\n }\n\n const render: AnimationsRenderType = (\n {\n scrollBody,\n translate,\n location,\n offsetLocation,\n scrollLooper,\n slideLooper,\n dragHandler,\n animation,\n eventHandler,\n options: { loop }\n },\n lagOffset\n ) => {\n const velocity = scrollBody.velocity()\n const hasSettled = scrollBody.settled()\n\n if (hasSettled && !dragHandler.pointerDown()) {\n animation.stop()\n eventHandler.emit('settle')\n }\n if (!hasSettled) eventHandler.emit('scroll')\n\n offsetLocation.set(location.get() - velocity + velocity * lagOffset)\n\n if (loop) {\n scrollLooper.loop(scrollBody.direction())\n slideLooper.loop()\n }\n\n translate.to(offsetLocation.get())\n }\n const animation = Animations(\n ownerDocument,\n ownerWindow,\n () => update(engine),\n (lagOffset: number) => render(engine, lagOffset)\n )\n\n // Shared\n const friction = 0.68\n const startLocation = scrollSnaps[index.get()]\n const location = Vector1D(startLocation)\n const offsetLocation = Vector1D(startLocation)\n const target = Vector1D(startLocation)\n const scrollBody = ScrollBody(\n location,\n offsetLocation,\n target,\n duration,\n friction\n )\n const scrollTarget = ScrollTarget(\n loop,\n scrollSnaps,\n contentSize,\n limit,\n target\n )\n const scrollTo = ScrollTo(\n animation,\n index,\n indexPrevious,\n scrollBody,\n scrollTarget,\n target,\n eventHandler\n )\n const scrollProgress = ScrollProgress(limit)\n const eventStore = EventStore()\n const slidesInView = SlidesInView(\n container,\n slides,\n eventHandler,\n inViewThreshold\n )\n const { slideRegistry } = SlideRegistry(\n containSnaps,\n containScroll,\n scrollSnaps,\n scrollContainLimit,\n slidesToScroll,\n slideIndexes\n )\n const slideFocus = SlideFocus(\n root,\n slides,\n slideRegistry,\n scrollTo,\n scrollBody,\n eventStore\n )\n\n // Engine\n const engine: EngineType = {\n ownerDocument,\n ownerWindow,\n eventHandler,\n containerRect,\n slideRects,\n animation,\n axis,\n direction,\n dragHandler: DragHandler(\n axis,\n direction,\n root,\n ownerDocument,\n ownerWindow,\n target,\n DragTracker(axis, ownerWindow),\n location,\n animation,\n scrollTo,\n scrollBody,\n scrollTarget,\n index,\n eventHandler,\n percentOfView,\n dragFree,\n dragThreshold,\n skipSnaps,\n friction,\n watchDrag\n ),\n eventStore,\n percentOfView,\n index,\n indexPrevious,\n limit,\n location,\n offsetLocation,\n options,\n resizeHandler: ResizeHandler(\n container,\n eventHandler,\n ownerWindow,\n slides,\n axis,\n watchResize,\n nodeRects\n ),\n scrollBody,\n scrollBounds: ScrollBounds(\n limit,\n location,\n target,\n scrollBody,\n percentOfView\n ),\n scrollLooper: ScrollLooper(contentSize, limit, offsetLocation, [\n location,\n offsetLocation,\n target\n ]),\n scrollProgress,\n scrollSnapList: scrollSnaps.map(scrollProgress.get),\n scrollSnaps,\n scrollTarget,\n scrollTo,\n slideLooper: SlideLooper(\n axis,\n direction,\n viewSize,\n contentSize,\n slideSizes,\n slideSizesWithGaps,\n snaps,\n scrollSnaps,\n offsetLocation,\n slides\n ),\n slideFocus,\n slidesHandler: SlidesHandler(container, eventHandler, watchSlides),\n slidesInView,\n slideIndexes,\n slideRegistry,\n slidesToScroll,\n target,\n translate: Translate(axis, direction, container)\n }\n\n return engine\n}\n","export type NodeRectType = {\n top: number\n right: number\n bottom: number\n left: number\n width: number\n height: number\n}\n\nexport type NodeRectsType = {\n measure: (node: HTMLElement) => NodeRectType\n}\n\nexport function NodeRects(): NodeRectsType {\n function measure(node: HTMLElement): NodeRectType {\n const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = node\n const offset: NodeRectType = {\n top: offsetTop,\n right: offsetLeft + offsetWidth,\n bottom: offsetTop + offsetHeight,\n left: offsetLeft,\n width: offsetWidth,\n height: offsetHeight\n }\n\n return offset\n }\n\n const self: NodeRectsType = {\n measure\n }\n return self\n}\n","export type PercentOfViewType = {\n measure: (n: number) => number\n}\n\nexport function PercentOfView(viewSize: number): PercentOfViewType {\n function measure(n: number): number {\n return viewSize * (n / 100)\n }\n\n const self: PercentOfViewType = {\n measure\n }\n return self\n}\n","import { AxisType } from './Axis'\nimport { NodeRectType } from './NodeRects'\nimport { arrayIsLastIndex, arrayLast, mathAbs, WindowType } from './utils'\n\nexport type SlideSizesType = {\n slideSizes: number[]\n slideSizesWithGaps: number[]\n startGap: number\n endGap: number\n}\n\nexport function SlideSizes(\n axis: AxisType,\n containerRect: NodeRectType,\n slideRects: NodeRectType[],\n slides: HTMLElement[],\n readEdgeGap: boolean,\n ownerWindow: WindowType\n): SlideSizesType {\n const { measureSize, startEdge, endEdge } = axis\n const withEdgeGap = slideRects[0] && readEdgeGap\n const startGap = measureStartGap()\n const endGap = measureEndGap()\n const slideSizes = slideRects.map(measureSize)\n const slideSizesWithGaps = measureWithGaps()\n\n function measureStartGap(): number {\n if (!withEdgeGap) return 0\n const slideRect = slideRects[0]\n return mathAbs(containerRect[startEdge] - slideRect[startEdge])\n }\n\n function measureEndGap(): number {\n if (!withEdgeGap) return 0\n const style = ownerWindow.getComputedStyle(arrayLast(slides))\n return parseFloat(style.getPropertyValue(`margin-${endEdge}`))\n }\n\n function measureWithGaps(): number[] {\n return slideRects\n .map((rect, index, rects) => {\n const isFirst = !index\n const isLast = arrayIsLastIndex(rects, index)\n if (isFirst) return slideSizes[index] + startGap\n if (isLast) return slideSizes[index] + endGap\n return rects[index + 1][startEdge] - rect[startEdge]\n })\n .map(mathAbs)\n }\n\n const self: SlideSizesType = {\n slideSizes,\n slideSizesWithGaps,\n startGap,\n endGap\n }\n return self\n}\n","import { AlignmentType } from './Alignment'\nimport { AxisType } from './Axis'\nimport { NodeRectType } from './NodeRects'\nimport { SlidesToScrollType } from './SlidesToScroll'\nimport { arrayLast, mathAbs } from './utils'\n\nexport type ScrollSnapsType = {\n snaps: number[]\n snapsAligned: number[]\n}\n\nexport function ScrollSnaps(\n axis: AxisType,\n alignment: AlignmentType,\n containerRect: NodeRectType,\n slideRects: NodeRectType[],\n slidesToScroll: SlidesToScrollType\n): ScrollSnapsType {\n const { startEdge, endEdge } = axis\n const { groupSlides } = slidesToScroll\n const alignments = measureSizes().map(alignment.measure)\n const snaps = measureUnaligned()\n const snapsAligned = measureAligned()\n\n function measureSizes(): number[] {\n return groupSlides(slideRects)\n .map((rects) => arrayLast(rects)[endEdge] - rects[0][startEdge])\n .map(mathAbs)\n }\n\n function measureUnaligned(): number[] {\n return slideRects\n .map((rect) => containerRect[startEdge] - rect[startEdge])\n .map((snap) => -mathAbs(snap))\n }\n\n function measureAligned(): number[] {\n return groupSlides(snaps)\n .map((g) => g[0])\n .map((snap, index) => snap + alignments[index])\n }\n\n const self: ScrollSnapsType = {\n snaps,\n snapsAligned\n }\n return self\n}\n","import { Limit, LimitType } from './Limit'\nimport { arrayIsLastIndex, arrayLast } from './utils'\n\nexport type ScrollContainOptionType = false | 'trimSnaps' | 'keepSnaps'\n\nexport type ScrollContainType = {\n snapsContained: number[]\n scrollContainLimit: LimitType\n}\n\nexport function ScrollContain(\n viewSize: number,\n contentSize: number,\n snapsAligned: number[],\n containScroll: ScrollContainOptionType,\n pixelTolerance: number\n): ScrollContainType {\n const scrollBounds = Limit(-contentSize + viewSize, 0)\n const snapsBounded = measureBounded()\n const scrollContainLimit = findScrollContainLimit()\n const snapsContained = measureContained()\n\n function findScrollContainLimit(): LimitType {\n const startSnap = snapsBounded[0]\n const endSnap = arrayLast(snapsBounded)\n const min = snapsBounded.lastIndexOf(startSnap)\n const max = snapsBounded.indexOf(endSnap) + 1\n return Limit(min, max)\n }\n\n function measureBounded(): number[] {\n return snapsAligned\n .map((snapAligned, index) => {\n const isFirst = !index\n const isLast = arrayIsLastIndex(snapsAligned, index)\n if (isFirst) return scrollBounds.max\n if (isLast) return scrollBounds.min\n return scrollBounds.constrain(snapAligned)\n })\n .map((scrollBound) => parseFloat(scrollBound.toFixed(3)))\n }\n\n function measureContained(): number[] {\n if (contentSize <= viewSize + pixelTolerance) return [scrollBounds.max]\n if (containScroll === 'keepSnaps') return snapsBounded\n const { min, max } = scrollContainLimit\n return snapsBounded.slice(min, max)\n }\n\n const self: ScrollContainType = {\n snapsContained,\n scrollContainLimit\n }\n return self\n}\n","import { Limit, LimitType } from './Limit'\nimport { arrayLast } from './utils'\n\nexport type ScrollLimitType = {\n limit: LimitType\n}\n\nexport function ScrollLimit(\n contentSize: number,\n scrollSnaps: number[],\n loop: boolean\n): ScrollLimitType {\n const max = scrollSnaps[0]\n const min = loop ? max - contentSize : arrayLast(scrollSnaps)\n const limit = Limit(min, max)\n\n const self: ScrollLimitType = {\n limit\n }\n return self\n}\n","import { mathSign, mathAbs } from './utils'\nimport { Vector1DType } from './Vector1d'\n\nexport type ScrollBodyType = {\n direction: () => number\n duration: () => number\n velocity: () => number\n seek: () => ScrollBodyType\n settled: () => boolean\n useBaseFriction: () => ScrollBodyType\n useBaseDuration: () => ScrollBodyType\n useFriction: (n: number) => ScrollBodyType\n useDuration: (n: number) => ScrollBodyType\n}\n\nexport function ScrollBody(\n location: Vector1DType,\n offsetLocation: Vector1DType,\n target: Vector1DType,\n baseDuration: number,\n baseFriction: number\n): ScrollBodyType {\n let bodyVelocity = 0\n let scrollDirection = 0\n let scrollDuration = baseDuration\n let scrollFriction = baseFriction\n let rawLocation = location.get()\n let rawLocationPrevious = 0\n\n function seek(): ScrollBodyType {\n const diff = target.get() - location.get()\n const isInstant = !scrollDuration\n let directionDiff = 0\n\n if (isInstant) {\n bodyVelocity = 0\n location.set(target)\n\n directionDiff = diff\n } else {\n bodyVelocity += diff / scrollDuration\n bodyVelocity *= scrollFriction\n rawLocation += bodyVelocity\n location.add(bodyVelocity)\n\n directionDiff = rawLocation - rawLocationPrevious\n }\n\n scrollDirection = mathSign(directionDiff)\n rawLocationPrevious = rawLocation\n return self\n }\n\n function settled(): boolean {\n const diff = target.get() - offsetLocation.get()\n return mathAbs(diff) < 0.001\n }\n\n function duration(): number {\n return scrollDuration\n }\n\n function direction(): number {\n return scrollDirection\n }\n\n function velocity(): number {\n return bodyVelocity\n }\n\n function useBaseDuration(): ScrollBodyType {\n return useDuration(baseDuration)\n }\n\n function useBaseFriction(): ScrollBodyType {\n return useFriction(baseFriction)\n }\n\n function useDuration(n: number): ScrollBodyType {\n scrollDuration = n\n return self\n }\n\n function useFriction(n: number): ScrollBodyType {\n scrollFriction = n\n return self\n }\n\n const self: ScrollBodyType = {\n direction,\n duration,\n velocity,\n seek,\n settled,\n useBaseFriction,\n useBaseDuration,\n useFriction,\n useDuration\n }\n return self\n}\n","import { AnimationsType } from './Animations'\nimport { CounterType } from './Counter'\nimport { EventHandlerType } from './EventHandler'\nimport { ScrollBodyType } from './ScrollBody'\nimport { ScrollTargetType, TargetType } from './ScrollTarget'\nimport { Vector1DType } from './Vector1d'\n\nexport type ScrollToType = {\n distance: (n: number, snap: boolean) => void\n index: (n: number, direction: number) => void\n}\n\nexport function ScrollTo(\n animation: AnimationsType,\n indexCurrent: CounterType,\n indexPrevious: CounterType,\n scrollBody: ScrollBodyType,\n scrollTarget: ScrollTargetType,\n targetVector: Vector1DType,\n eventHandler: EventHandlerType\n): ScrollToType {\n function scrollTo(target: TargetType): void {\n const distanceDiff = target.distance\n const indexDiff = target.index !== indexCurrent.get()\n\n targetVector.add(distanceDiff)\n\n if (distanceDiff) {\n if (scrollBody.duration()) {\n animation.start()\n } else {\n animation.update()\n animation.render(1)\n animation.update()\n }\n }\n\n if (indexDiff) {\n indexPrevious.set(indexCurrent.get())\n indexCurrent.set(target.index)\n eventHandler.emit('select')\n }\n }\n\n function distance(n: number, snap: boolean): void {\n const target = scrollTarget.byDistance(n, snap)\n scrollTo(target)\n }\n\n function index(n: number, direction: number): void {\n const targetIndex = indexCurrent.clone().set(n)\n const target = scrollTarget.byIndex(targetIndex.get(), direction)\n scrollTo(target)\n }\n\n const self: ScrollToType = {\n distance,\n index\n }\n return self\n}\n","import { LimitType } from './Limit'\n\nexport type ScrollProgressType = {\n get: (n: number) => number\n}\n\nexport function ScrollProgress(limit: LimitType): ScrollProgressType {\n const { max, length } = limit\n\n function get(n: number): number {\n const currentLocation = n - max\n return length ? currentLocation / -length : 0\n }\n\n const self: ScrollProgressType = {\n get\n }\n return self\n}\n","import { LimitType } from './Limit'\nimport { ScrollContainOptionType } from './ScrollContain'\nimport { SlidesToScrollType } from './SlidesToScroll'\nimport {\n arrayFromNumber,\n arrayIsLastIndex,\n arrayLast,\n arrayLastIndex\n} from './utils'\n\nexport type SlideRegistryType = {\n slideRegistry: number[][]\n}\n\nexport function SlideRegistry(\n containSnaps: boolean,\n containScroll: ScrollContainOptionType,\n scrollSnaps: number[],\n scrollContainLimit: LimitType,\n slidesToScroll: SlidesToScrollType,\n slideIndexes: number[]\n): SlideRegistryType {\n const { groupSlides } = slidesToScroll\n const { min, max } = scrollContainLimit\n const slideRegistry = createSlideRegistry()\n\n function createSlideRegistry(): number[][] {\n const groupedSlideIndexes = groupSlides(slideIndexes)\n const doNotContain = !containSnaps || containScroll === 'keepSnaps'\n\n if (scrollSnaps.length === 1) return [slideIndexes]\n if (doNotContain) return groupedSlideIndexes\n\n return groupedSlideIndexes.slice(min, max).map((group, index, groups) => {\n const isFirst = !index\n const isLast = arrayIsLastIndex(groups, index)\n\n if (isFirst) {\n const range = arrayLast(groups[0]) + 1\n return arrayFromNumber(range)\n }\n if (isLast) {\n const range = arrayLastIndex(slideIndexes) - arrayLast(groups)[0] + 1\n return arrayFromNumber(range, arrayLast(groups)[0])\n }\n return group\n })\n }\n\n const self: SlideRegistryType = {\n slideRegistry\n }\n return self\n}\n","import { EventStoreType } from './EventStore'\nimport { ScrollBodyType } from './ScrollBody'\nimport { ScrollToType } from './ScrollTo'\nimport { SlideRegistryType } from './SlideRegistry'\nimport { isNumber } from './utils'\n\nexport type SlideFocusType = {\n init: () => void\n}\n\nexport function SlideFocus(\n root: HTMLElement,\n slides: HTMLElement[],\n slideRegistry: SlideRegistryType['slideRegistry'],\n scrollTo: ScrollToType,\n scrollBody: ScrollBodyType,\n eventStore: EventStoreType\n): SlideFocusType {\n let lastTabPressTime = 0\n\n function init(): void {\n eventStore.add(document, 'keydown', registerTabPress, false)\n slides.forEach(addSlideFocusEvent)\n }\n\n function registerTabPress(event: KeyboardEvent): void {\n if (event.code === 'Tab') lastTabPressTime = new Date().getTime()\n }\n\n function addSlideFocusEvent(slide: HTMLElement): void {\n const focus = (): void => {\n const nowTime = new Date().getTime()\n const diffTime = nowTime - lastTabPressTime\n\n if (diffTime > 10) return\n\n root.scrollLeft = 0\n const index = slides.indexOf(slide)\n const group = slideRegistry.findIndex((group) => group.includes(index))\n\n if (!isNumber(group)) return\n\n scrollBody.useDuration(0)\n scrollTo.index(group, 0)\n }\n\n eventStore.add(slide, 'focus', focus, {\n passive: true,\n capture: true\n })\n }\n\n const self: SlideFocusType = {\n init\n }\n return self\n}\n","import { AlignmentOptionType } from './Alignment'\nimport { AxisOptionType } from './Axis'\nimport { SlidesToScrollOptionType } from './SlidesToScroll'\nimport { DirectionOptionType } from './Direction'\nimport { ScrollContainOptionType } from './ScrollContain'\nimport { DragHandlerOptionType } from './DragHandler'\nimport { ResizeHandlerOptionType } from './ResizeHandler'\nimport { SlidesHandlerOptionType } from './SlidesHandler'\nimport { SlidesInViewOptionsType } from './SlidesInView'\n\nexport type LooseOptionsType = {\n [key: string]: unknown\n}\n\nexport type CreateOptionsType = Type & {\n active: boolean\n breakpoints: {\n [key: string]: Omit>, 'breakpoints'>\n }\n}\n\nexport type OptionsType = CreateOptionsType<{\n align: AlignmentOptionType\n axis: AxisOptionType\n container: string | HTMLElement | null\n slides: string | HTMLElement[] | NodeListOf | null\n containScroll: ScrollContainOptionType\n direction: DirectionOptionType\n slidesToScroll: SlidesToScrollOptionType\n dragFree: boolean\n dragThreshold: number\n inViewThreshold: SlidesInViewOptionsType\n loop: boolean\n skipSnaps: boolean\n duration: number\n startIndex: number\n watchDrag: DragHandlerOptionType\n watchResize: ResizeHandlerOptionType\n watchSlides: SlidesHandlerOptionType\n}>\n\nexport const defaultOptions: OptionsType = {\n align: 'center',\n axis: 'x',\n container: null,\n slides: null,\n containScroll: 'trimSnaps',\n direction: 'ltr',\n slidesToScroll: 1,\n inViewThreshold: 0,\n breakpoints: {},\n dragFree: false,\n dragThreshold: 10,\n loop: false,\n skipSnaps: false,\n duration: 25,\n startIndex: 0,\n active: true,\n watchDrag: true,\n watchResize: true,\n watchSlides: true\n}\n\nexport type EmblaOptionsType = Partial\n","import { LooseOptionsType, CreateOptionsType } from './Options'\nimport { objectKeys, objectsMergeDeep, WindowType } from './utils'\n\ntype OptionsType = Partial>\n\nexport type OptionsHandlerType = {\n mergeOptions: (\n optionsA: TypeA,\n optionsB?: TypeB\n ) => TypeA\n optionsAtMedia: (options: Type) => Type\n optionsMediaQueries: (optionsList: OptionsType[]) => MediaQueryList[]\n}\n\nexport function OptionsHandler(ownerWindow: WindowType): OptionsHandlerType {\n function mergeOptions(\n optionsA: TypeA,\n optionsB?: TypeB\n ): TypeA {\n return objectsMergeDeep(optionsA, optionsB || {})\n }\n\n function optionsAtMedia(options: Type): Type {\n const optionsAtMedia = options.breakpoints || {}\n const matchedMediaOptions = objectKeys(optionsAtMedia)\n .filter((media) => ownerWindow.matchMedia(media).matches)\n .map((media) => optionsAtMedia[media])\n .reduce((a, mediaOption) => mergeOptions(a, mediaOption), {})\n\n return mergeOptions(options, matchedMediaOptions)\n }\n\n function optionsMediaQueries(optionsList: OptionsType[]): MediaQueryList[] {\n return optionsList\n .map((options) => objectKeys(options.breakpoints || {}))\n .reduce((acc, mediaQueries) => acc.concat(mediaQueries), [])\n .map(ownerWindow.matchMedia)\n }\n\n const self: OptionsHandlerType = {\n mergeOptions,\n optionsAtMedia,\n optionsMediaQueries\n }\n return self\n}\n","import { Engine, EngineType } from './Engine'\nimport { EventStore } from './EventStore'\nimport { EventHandler, EventHandlerType } from './EventHandler'\nimport { defaultOptions, EmblaOptionsType, OptionsType } from './Options'\nimport { OptionsHandler } from './OptionsHandler'\nimport { PluginsHandler } from './PluginsHandler'\nimport { EmblaPluginsType, EmblaPluginType } from './Plugins'\nimport { isString, WindowType } from './utils'\n\nexport type EmblaCarouselType = {\n canScrollNext: () => boolean\n canScrollPrev: () => boolean\n containerNode: () => HTMLElement\n internalEngine: () => EngineType\n destroy: () => void\n off: EventHandlerType['off']\n on: EventHandlerType['on']\n emit: EventHandlerType['emit']\n plugins: () => EmblaPluginsType\n previousScrollSnap: () => number\n reInit: (options?: EmblaOptionsType, plugins?: EmblaPluginType[]) => void\n rootNode: () => HTMLElement\n scrollNext: (jump?: boolean) => void\n scrollPrev: (jump?: boolean) => void\n scrollProgress: () => number\n scrollSnapList: () => number[]\n scrollTo: (index: number, jump?: boolean) => void\n selectedScrollSnap: () => number\n slideNodes: () => HTMLElement[]\n slidesInView: () => number[]\n slidesNotInView: () => number[]\n}\n\nfunction EmblaCarousel(\n root: HTMLElement,\n userOptions?: EmblaOptionsType,\n userPlugins?: EmblaPluginType[]\n): EmblaCarouselType {\n const ownerDocument = root.ownerDocument\n const ownerWindow = ownerDocument.defaultView\n const optionsHandler = OptionsHandler(ownerWindow)\n const pluginsHandler = PluginsHandler(optionsHandler)\n const mediaHandlers = EventStore()\n const eventHandler = EventHandler()\n const { mergeOptions, optionsAtMedia, optionsMediaQueries } = optionsHandler\n const { on, off, emit } = eventHandler\n const reInit = reActivate\n\n let destroyed = false\n let engine: EngineType\n let optionsBase = mergeOptions(defaultOptions, EmblaCarousel.globalOptions)\n let options = mergeOptions(optionsBase)\n let pluginList: EmblaPluginType[] = []\n let pluginApis: EmblaPluginsType\n\n let container: HTMLElement\n let slides: HTMLElement[]\n\n function storeElements(): void {\n const { container: userContainer, slides: userSlides } = options\n\n const customContainer = isString(userContainer)\n ? root.querySelector(userContainer)\n : userContainer\n container = (customContainer || root.children[0])\n\n const customSlides = isString(userSlides)\n ? container.querySelectorAll(userSlides)\n : userSlides\n slides = [].slice.call(customSlides || container.children)\n }\n\n function createEngine(options: OptionsType): EngineType {\n const engine = Engine(\n root,\n container,\n slides,\n ownerDocument,\n ownerWindow,\n options,\n eventHandler\n )\n\n if (options.loop && !engine.slideLooper.canLoop()) {\n const optionsWithoutLoop = Object.assign({}, options, { loop: false })\n return createEngine(optionsWithoutLoop)\n }\n return engine\n }\n\n function activate(\n withOptions?: EmblaOptionsType,\n withPlugins?: EmblaPluginType[]\n ): void {\n if (destroyed) return\n\n optionsBase = mergeOptions(optionsBase, withOptions)\n options = optionsAtMedia(optionsBase)\n pluginList = withPlugins || pluginList\n\n storeElements()\n\n engine = createEngine(options)\n\n optionsMediaQueries([\n optionsBase,\n ...pluginList.map(({ options }) => options)\n ]).forEach((query) => mediaHandlers.add(query, 'change', reActivate))\n\n if (!options.active) return\n\n engine.translate.to(engine.location.get())\n engine.animation.init()\n engine.slidesInView.init()\n engine.slideFocus.init()\n engine.eventHandler.init(self)\n engine.resizeHandler.init(self)\n engine.slidesHandler.init(self)\n\n if (engine.options.loop) engine.slideLooper.loop()\n if (container.offsetParent && slides.length) engine.dragHandler.init(self)\n\n pluginApis = pluginsHandler.init(self, pluginList)\n }\n\n function reActivate(\n withOptions?: EmblaOptionsType,\n withPlugins?: EmblaPluginType[]\n ): void {\n const startIndex = selectedScrollSnap()\n deActivate()\n activate(mergeOptions({ startIndex }, withOptions), withPlugins)\n eventHandler.emit('reInit')\n }\n\n function deActivate(): void {\n engine.dragHandler.destroy()\n engine.eventStore.clear()\n engine.translate.clear()\n engine.slideLooper.clear()\n engine.resizeHandler.destroy()\n engine.slidesHandler.destroy()\n engine.slidesInView.destroy()\n engine.animation.destroy()\n pluginsHandler.destroy()\n mediaHandlers.clear()\n }\n\n function destroy(): void {\n if (destroyed) return\n destroyed = true\n mediaHandlers.clear()\n deActivate()\n eventHandler.emit('destroy')\n }\n\n function scrollTo(index: number, jump?: boolean, direction?: number): void {\n if (!options.active || destroyed) return\n engine.scrollBody\n .useBaseFriction()\n .useDuration(jump === true ? 0 : options.duration)\n engine.scrollTo.index(index, direction || 0)\n }\n\n function scrollNext(jump?: boolean): void {\n const next = engine.index.add(1).get()\n scrollTo(next, jump, -1)\n }\n\n function scrollPrev(jump?: boolean): void {\n const prev = engine.index.add(-1).get()\n scrollTo(prev, jump, 1)\n }\n\n function canScrollNext(): boolean {\n const next = engine.index.add(1).get()\n return next !== selectedScrollSnap()\n }\n\n function canScrollPrev(): boolean {\n const prev = engine.index.add(-1).get()\n return prev !== selectedScrollSnap()\n }\n\n function scrollSnapList(): number[] {\n return engine.scrollSnapList\n }\n\n function scrollProgress(): number {\n return engine.scrollProgress.get(engine.location.get())\n }\n\n function selectedScrollSnap(): number {\n return engine.index.get()\n }\n\n function previousScrollSnap(): number {\n return engine.indexPrevious.get()\n }\n\n function slidesInView(): number[] {\n return engine.slidesInView.get()\n }\n\n function slidesNotInView(): number[] {\n return engine.slidesInView.get(false)\n }\n\n function plugins(): EmblaPluginsType {\n return pluginApis\n }\n\n function internalEngine(): EngineType {\n return engine\n }\n\n function rootNode(): HTMLElement {\n return root\n }\n\n function containerNode(): HTMLElement {\n return container\n }\n\n function slideNodes(): HTMLElement[] {\n return slides\n }\n\n const self: EmblaCarouselType = {\n canScrollNext,\n canScrollPrev,\n containerNode,\n internalEngine,\n destroy,\n off,\n on,\n emit,\n plugins,\n previousScrollSnap,\n reInit,\n rootNode,\n scrollNext,\n scrollPrev,\n scrollProgress,\n scrollSnapList,\n scrollTo,\n selectedScrollSnap,\n slideNodes,\n slidesInView,\n slidesNotInView\n }\n\n activate(userOptions, userPlugins)\n setTimeout(() => eventHandler.emit('init'), 0)\n return self\n}\n\nEmblaCarousel.globalOptions = undefined\n\nexport default EmblaCarousel\n","import { EmblaCarouselType } from './EmblaCarousel'\nimport { OptionsHandlerType } from './OptionsHandler'\nimport { EmblaPluginsType, EmblaPluginType } from './Plugins'\n\nexport type PluginsHandlerType = {\n init: (\n emblaApi: EmblaCarouselType,\n plugins: EmblaPluginType[]\n ) => EmblaPluginsType\n destroy: () => void\n}\n\nexport function PluginsHandler(\n optionsHandler: OptionsHandlerType\n): PluginsHandlerType {\n let activePlugins: EmblaPluginType[] = []\n\n function init(\n emblaApi: EmblaCarouselType,\n plugins: EmblaPluginType[]\n ): EmblaPluginsType {\n activePlugins = plugins.filter(\n ({ options }) => optionsHandler.optionsAtMedia(options).active !== false\n )\n activePlugins.forEach((plugin) => plugin.init(emblaApi, optionsHandler))\n\n return plugins.reduce(\n (map, plugin) => Object.assign(map, { [plugin.name]: plugin }),\n {}\n )\n }\n\n function destroy(): void {\n activePlugins = activePlugins.filter((plugin) => plugin.destroy())\n }\n\n const self: PluginsHandlerType = {\n init,\n destroy\n }\n return self\n}\n","import { EmblaCarouselType } from './EmblaCarousel'\n\ntype CallbackType = (emblaApi: EmblaCarouselType, evt: EmblaEventType) => void\ntype ListenersType = Partial<{ [key in EmblaEventType]: CallbackType[] }>\n\nexport type EmblaEventType = EmblaEventListType[keyof EmblaEventListType]\n\nexport interface EmblaEventListType {\n init: 'init'\n pointerDown: 'pointerDown'\n pointerUp: 'pointerUp'\n slidesChanged: 'slidesChanged'\n slidesInView: 'slidesInView'\n scroll: 'scroll'\n select: 'select'\n settle: 'settle'\n destroy: 'destroy'\n reInit: 'reInit'\n resize: 'resize'\n}\n\nexport type EventHandlerType = {\n init: (emblaApi: EmblaCarouselType) => void\n emit: (evt: EmblaEventType) => EventHandlerType\n on: (evt: EmblaEventType, cb: CallbackType) => EventHandlerType\n off: (evt: EmblaEventType, cb: CallbackType) => EventHandlerType\n}\n\nexport function EventHandler(): EventHandlerType {\n const listeners: ListenersType = {}\n let api: EmblaCarouselType\n\n function init(emblaApi: EmblaCarouselType): void {\n api = emblaApi\n }\n\n function getListeners(evt: EmblaEventType): CallbackType[] {\n return listeners[evt] || []\n }\n\n function emit(evt: EmblaEventType): EventHandlerType {\n getListeners(evt).forEach((e) => e(api, evt))\n return self\n }\n\n function on(evt: EmblaEventType, cb: CallbackType): EventHandlerType {\n listeners[evt] = getListeners(evt).concat([cb])\n return self\n }\n\n function off(evt: EmblaEventType, cb: CallbackType): EventHandlerType {\n listeners[evt] = getListeners(evt).filter((e) => e !== cb)\n return self\n }\n\n const self: EventHandlerType = {\n init,\n emit,\n off,\n on\n }\n return self\n}\n","import { useRef, useEffect, useState, useCallback } from 'react'\nimport {\n areOptionsEqual,\n arePluginsEqual,\n canUseDOM\n} from 'embla-carousel-reactive-utils'\nimport EmblaCarousel, {\n EmblaCarouselType,\n EmblaOptionsType,\n EmblaPluginType\n} from 'embla-carousel'\n\ntype EmblaViewportRefType = (\n instance: ViewportElement | null\n) => void\n\nexport type UseEmblaCarouselType = [\n EmblaViewportRefType,\n EmblaCarouselType | undefined\n]\n\nfunction useEmblaCarousel(\n options: EmblaOptionsType = {},\n plugins: EmblaPluginType[] = []\n): UseEmblaCarouselType {\n const storedOptions = useRef(options)\n const storedPlugins = useRef(plugins)\n const [emblaApi, setEmblaApi] = useState()\n const [viewport, setViewport] = useState()\n\n const reInit = useCallback(() => {\n if (emblaApi) emblaApi.reInit(storedOptions.current, storedPlugins.current)\n }, [emblaApi])\n\n useEffect(() => {\n if (canUseDOM() && viewport) {\n EmblaCarousel.globalOptions = useEmblaCarousel.globalOptions\n const newEmblaApi = EmblaCarousel(\n viewport,\n storedOptions.current,\n storedPlugins.current\n )\n setEmblaApi(newEmblaApi)\n return () => newEmblaApi.destroy()\n } else {\n setEmblaApi(undefined)\n }\n }, [viewport, setEmblaApi])\n\n useEffect(() => {\n if (areOptionsEqual(storedOptions.current, options)) return\n storedOptions.current = options\n reInit()\n }, [options, reInit])\n\n useEffect(() => {\n if (arePluginsEqual(storedPlugins.current, plugins)) return\n storedPlugins.current = plugins\n reInit()\n }, [plugins, reInit])\n\n return [setViewport, emblaApi]\n}\n\nuseEmblaCarousel.globalOptions = undefined\n\nexport default useEmblaCarousel\n","// Copyright (c) 2013 Pieroxy \n// This work is free. You can redistribute it and/or modify it\n// under the terms of the WTFPL, Version 2\n// For more information see LICENSE.txt or http://www.wtfpl.net/\n//\n// For more information, the home page:\n// http://pieroxy.net/blog/pages/lz-string/testing.html\n//\n// LZ-based compression algorithm, version 1.4.4\nvar LZString = (function() {\n\n// private property\nvar f = String.fromCharCode;\nvar keyStrBase64 = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\nvar keyStrUriSafe = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$\";\nvar baseReverseDic = {};\n\nfunction getBaseValue(alphabet, character) {\n if (!baseReverseDic[alphabet]) {\n baseReverseDic[alphabet] = {};\n for (var i=0 ; i>> 8;\n buf[i*2+1] = current_value % 256;\n }\n return buf;\n },\n\n //decompress from uint8array (UCS-2 big endian format)\n decompressFromUint8Array:function (compressed) {\n if (compressed===null || compressed===undefined){\n return LZString.decompress(compressed);\n } else {\n var buf=new Array(compressed.length/2); // 2 bytes per character\n for (var i=0, TotalLen=buf.length; i> 1;\n }\n } else {\n value = 1;\n for (i=0 ; i> 1;\n }\n }\n context_enlargeIn--;\n if (context_enlargeIn == 0) {\n context_enlargeIn = Math.pow(2, context_numBits);\n context_numBits++;\n }\n delete context_dictionaryToCreate[context_w];\n } else {\n value = context_dictionary[context_w];\n for (i=0 ; i> 1;\n }\n\n\n }\n context_enlargeIn--;\n if (context_enlargeIn == 0) {\n context_enlargeIn = Math.pow(2, context_numBits);\n context_numBits++;\n }\n // Add wc to the dictionary.\n context_dictionary[context_wc] = context_dictSize++;\n context_w = String(context_c);\n }\n }\n\n // Output the code for w.\n if (context_w !== \"\") {\n if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate,context_w)) {\n if (context_w.charCodeAt(0)<256) {\n for (i=0 ; i> 1;\n }\n } else {\n value = 1;\n for (i=0 ; i> 1;\n }\n }\n context_enlargeIn--;\n if (context_enlargeIn == 0) {\n context_enlargeIn = Math.pow(2, context_numBits);\n context_numBits++;\n }\n delete context_dictionaryToCreate[context_w];\n } else {\n value = context_dictionary[context_w];\n for (i=0 ; i> 1;\n }\n\n\n }\n context_enlargeIn--;\n if (context_enlargeIn == 0) {\n context_enlargeIn = Math.pow(2, context_numBits);\n context_numBits++;\n }\n }\n\n // Mark the end of the stream\n value = 2;\n for (i=0 ; i> 1;\n }\n\n // Flush the last char\n while (true) {\n context_data_val = (context_data_val << 1);\n if (context_data_position == bitsPerChar-1) {\n context_data.push(getCharFromInt(context_data_val));\n break;\n }\n else context_data_position++;\n }\n return context_data.join('');\n },\n\n decompress: function (compressed) {\n if (compressed == null) return \"\";\n if (compressed == \"\") return null;\n return LZString._decompress(compressed.length, 32768, function(index) { return compressed.charCodeAt(index); });\n },\n\n _decompress: function (length, resetValue, getNextValue) {\n var dictionary = [],\n next,\n enlargeIn = 4,\n dictSize = 4,\n numBits = 3,\n entry = \"\",\n result = [],\n i,\n w,\n bits, resb, maxpower, power,\n c,\n data = {val:getNextValue(0), position:resetValue, index:1};\n\n for (i = 0; i < 3; i += 1) {\n dictionary[i] = i;\n }\n\n bits = 0;\n maxpower = Math.pow(2,2);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n\n switch (next = bits) {\n case 0:\n bits = 0;\n maxpower = Math.pow(2,8);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n c = f(bits);\n break;\n case 1:\n bits = 0;\n maxpower = Math.pow(2,16);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n c = f(bits);\n break;\n case 2:\n return \"\";\n }\n dictionary[3] = c;\n w = c;\n result.push(c);\n while (true) {\n if (data.index > length) {\n return \"\";\n }\n\n bits = 0;\n maxpower = Math.pow(2,numBits);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n\n switch (c = bits) {\n case 0:\n bits = 0;\n maxpower = Math.pow(2,8);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n\n dictionary[dictSize++] = f(bits);\n c = dictSize-1;\n enlargeIn--;\n break;\n case 1:\n bits = 0;\n maxpower = Math.pow(2,16);\n power=1;\n while (power!=maxpower) {\n resb = data.val & data.position;\n data.position >>= 1;\n if (data.position == 0) {\n data.position = resetValue;\n data.val = getNextValue(data.index++);\n }\n bits |= (resb>0 ? 1 : 0) * power;\n power <<= 1;\n }\n dictionary[dictSize++] = f(bits);\n c = dictSize-1;\n enlargeIn--;\n break;\n case 2:\n return result.join('');\n }\n\n if (enlargeIn == 0) {\n enlargeIn = Math.pow(2, numBits);\n numBits++;\n }\n\n if (dictionary[c]) {\n entry = dictionary[c];\n } else {\n if (c === dictSize) {\n entry = w + w.charAt(0);\n } else {\n return null;\n }\n }\n result.push(entry);\n\n // Add w+entry[0] to the dictionary.\n dictionary[dictSize++] = w + entry.charAt(0);\n enlargeIn--;\n\n w = entry;\n\n if (enlargeIn == 0) {\n enlargeIn = Math.pow(2, numBits);\n numBits++;\n }\n\n }\n }\n};\n return LZString;\n})();\n\nif (typeof define === 'function' && define.amd) {\n define(function () { return LZString; });\n} else if( typeof module !== 'undefined' && module != null ) {\n module.exports = LZString\n}\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["Object","defineProperty","exports","value","LZString","getParameters","parameters","input","JSON","stringify","compressToBase64","replace","define_1","module","bracketSpacing","printWidth","semi","singleQuote","trailingComma","tabWidth","useTabs","CAROUSEL_DEFAULT_HEIGHT","CAROUSEL_THUMB_SLIDES_HEIGHT","CAROUSEL_THUMB_SLIDES_SPACING","CAROUSEL_IOS_PICKER_HEIGHT","CAROUSEL_SLIDES_SPACING","CAROUSEL_WRAPPER_SPACING","CAROUSEL_WRAPPER_RADIUS","BORDER_RADIUSES","borderStyles","css","MEDIA","LAYERS","BORDER_SIZES","COLORS","baseWrapperStyles","pageFrameCollapseStyles","carouselDefaultWrapperStyles","carouselThumbsWrapperStyles","iosPickerWrapperStyles","BASE_STYLES","createSquareSizeStyles","FONT_WEIGHTS","BRAND_GRADIENT_TEXT_STYLES","VARIABLE_WIDTH_STYLES","ARROWS_STYLES","DOTS_STYLES","ARROWS_DOTS_STYLES","THUMBS_STYLES","PROGRESS_STYLES","BRAND_GRADIENT_BACKGROUND_STYLES","PARALLAX_STYLES","SCALE_STYLES","LAZY_LOAD_STYLES","CLASS_NAMES_STYLES","INFINITE_SCROLL_STYLES","IOS_PICKER_STYLES","createCarouselDefaultStyles","slideSize","spacingSize","axis","customStyles","horizontal","flexDirection","spacingDirection","panDirection","sizeDimention","imageHeight","arrowsPosition","containerHeight","slideNumberSpacing","styledComponentsStylesToString","createCarouselVariableWidthStyles","createCarouselArrowsDotsStyles","createCarouselThumbsStyles","createCarouselProgressStyles","createCarouselParallaxStyles","createCarouselScaleStyles","createCarouselClassNamesStyles","createCarouselLazyLoadStyles","createCarouselInfiniteScrollStyles","createCarouselIosPickerStyles","InputRadioDefault","createRadioOrCheckboxDefault","InputRadioCard","createRadioOrCheckboxCard","RadioOrCheckboxCardWrapper","styled","TAP_HIGHLIGHT_STYLES","CARD_STYLES","LabelContent","Highlight","Input","KEY_NAVIGATING_STYLES","type","displayName","kebabCaseToPascalCase","InputSelectionComponent","props","children","restProps","isKeyNavigating","useKeyNavigating","React","htmlFor","id","$isKeyNavigating","INPUT_SIZE","RadioOrCheckboxDefaultWrapper","InputWrapper","InputLineHeight","InputRadio","InputCheckbox","Label","SPACINGS","_ref","$disabled","InputComponent","disabled","PageBreadcrumbsWrapper","FONT_SIZES","itemStyles","Link","LinkBare","ActiveTitle","Separator","Icon","PageBreadcrumbs","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","slug","sort","a","b","level","useRouteBreadcrumbs","length","map","index","title","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","PageEditThisPage","pageUrl","url","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","IconWithTextText","PagePagination","next","previous","iconSide","slides","options","emblaRef","useEmblaCarousel","className","ref","src","imageByIndex","alt","images","createSandboxReactIndexHtml","async","indexHTML","theme","THEME_PREFIX","getThemeFromDocument","default","SANDBOX_REGEX_THEME","SANDBOX_REGEX_TITLE","createSandboxReactHeader","isTypeScript","header","formattedTitle","createSandboxReactFooter","footer","SANDBOX_REGEX_REPOSITORY_URL","IMAGE_BY_INDEX_IMPORT_REGEX","createSandboxReactImages","match","createSandboxReactTsDeclarations","createSandboxReact","carouselScript","carouselScriptRaw","indexScript","styles","plugins","sandboxOverrides","language","SANDBOX_LANGUAGES","config","sandboxImages","createSandboxImages","SANDBOX_REACT_FOLDERS","prettierConfig","formatCss","loadPrettier","reactScriptExtension","vanillaScriptExtension","formatScript","sandboxLanguageUtils","packageJson","dependencies","devDependencies","docsPackageJson","isJavaScript","name","version","description","main","scripts","start","build","test","eject","react","typescript","browserslist","createSandboxReactPackageJson","tsConfig","include","compilerOptions","strict","esModuleInterop","lib","jsx","createSandboxReactImagePath","entryHtml","entryScript","headerScript","footerScript","imagesScript","tsDeclarations","Promise","all","createSandboxReactDefaultEntry","sandboxConfig","isBinary","content","BASE_CSS","SANDBOX_CSS","assign","files","CAROUSEL_IMPORT_REGEX","SLIDE_COUNT_REGEX","CAROUSEL_IMPORT_REPLACE","slideCount","toString","entry","SANDBOX_REGEX_OPTIONS","sandboxInjectOptions","createSandboxReactIosPickerEntry","loop","SANDBOX_REGEX_IOS_PICKER_LOOP","sandboxInjectIosPickerLoop","PUBLIC","CSS","JS","IMAGES","ICONS_BY_LABEL","VANILLA_JS","VANILLA_TS","REACT_JS","REACT_TS","RadioLabelContent","RadioLabelSvg","SandboxSelectionInput","framework","createSandboxVanillaTsDeclarations","SANDBOX_SCRIPT_SRC_REGEX","SANDBOX_CODE_REGEX","createSandboxVanillaEntry","languageExtension","carouselHtml","scriptSrc","SANDBOX_VANILLA_FOLDERS","IMG_SRC_WITH_HASH_REGEX","IMG_SLIDE_WITH_NUMBER_REGEX","createSandboxVanillaImagePaths","slideWithNumber","createSandboxVanilla","formatHtml","resolutions","createSandboxVanillaPackageJson","sourceMap","allowJs","rootDir","moduleResolution","createSandboxVanillaOptions","SANDBOX_IMAGE_URLS","arrayFromNumber","pathToImageFolder","reduce","allImages","imageUrl","SANDBOX_WRAPPER_STYLES","SANDBOX_CAROUSEL_STYLES","SANDBOX_HEADER_STYLES","SANDBOX_FOOTER_STYLES","THEME_STYLES","RESET_STYLES","FONT_STYLES","Seo","lang","siteMetadata","useSiteMetadata","pageTitle","metaDescription","rel","href","removeProtocol","siteUrl","author","SANDBOX_LABELS","JAVASCRIPT","TYPESCRIPT","SANDBOX_PLUGINS","AUTOPLAY","CLASS_NAMES","SANDBOX_SELECTION_SPACING","number","Array","from","keys","isBrowser","THEME_KEYS","lightThemeClass","document","documentElement","classList","contains","string","separator","replaceString","toUpperCase","PRETTIER_CONFIG","prettierrc","prettier","htmlParser","cssParser","babelParser","prettierHtmlParser","parser","prettierCssParser","prettierBabelParser","prettierBabeTsParser","prettierFormatSafe","subject","formattedString","format","error","console","warn","html","formatJs","js","formatTs","ts","createSandboxFunctionsWithLabels","createSandboxFunction","sandboxLabelKey","createSandbox","label","addSandboxPlugins","pluginNames","isArray","allPlugins","pluginName","stylesList","allStyles","join","isRecord","prototype","call","isObject","areOptionsEqual","optionsA","optionsB","optionsAKeys","optionsBKeys","breakpoints","every","valueA","valueB","sortAndMapPluginToOptions","concat","plugin","isNumber","isString","isBoolean","mathAbs","n","Math","abs","mathSign","sign","arrayKeys","array","objectKeys","Number","arrayLast","arrayLastIndex","max","startAt","_","i","object","objectA","objectB","mergedObjects","currentObject","forEach","areObjects","objectsMergeDeep","evt","ownerWindow","MouseEvent","EventStore","listeners","self","add","node","handler","removeListener","passive","addEventListener","removeEventListener","legacyMediaQueryList","addListener","push","clear","remove","Animations","ownerDocument","update","render","documentVisibleHandler","timeStep","lastTimeStamp","lag","animationFrame","animate","timeStamp","elapsed","lagOffset","requestAnimationFrame","stop","cancelAnimationFrame","init","hidden","destroy","Limit","min","reachedMin","reachedMax","reachedAny","constrain","removeOffset","ceil","Counter","loopEnd","counter","withinLimit","get","clone","set","DragHandler","direction","rootNode","target","dragTracker","location","animation","scrollTo","scrollBody","scrollTarget","eventHandler","percentOfView","dragFree","dragThreshold","skipSnaps","baseFriction","watchDrag","cross","crossAxis","focusNodes","nonPassiveEvent","initEvents","dragEvents","goToNextThreshold","measure","snapForceBoost","mouse","touch","freeForceBoost","baseSpeed","isMoving","startScroll","startCross","pointerIsDown","preventScroll","preventClick","isMouse","move","lastScroll","readPoint","lastCross","diffScroll","deltaAbs","diffCross","cancelable","up","diff","pointerMove","useFriction","useDuration","apply","preventDefault","targetChanged","byDistance","rawForce","pointerUp","force","baseForce","distance","byIndex","allowedForce","forceFactor","factorAbs","speed","friction","emit","click","stopPropagation","emblaApi","downIfAllowed","isMouseEvt","isMouseEvent","button","nodeName","includes","isFocusNode","buttons","pointerDown","addDragEvents","down","DragTracker","startEvent","lastEvent","readTime","evtAxis","coord","scroll","touches","expired","diffDrag","diffTime","ResizeHandler","container","watchResize","nodeRects","resizeObserver","containerSize","slideSizes","destroyed","readSize","measureSize","ResizeObserver","entries","isContainer","slideIndex","indexOf","lastSize","reInit","defaultCallback","observe","disconnect","ScrollBounds","limit","pullBackThreshold","edgeOffsetTolerance","frictionLimit","edge","diffToEdge","diffToTarget","subtract","useBaseFriction","toggleActive","active","ScrollLooper","contentSize","offsetLocation","vectors","shouldLoop","loopDistance","v","ScrollTarget","scrollSnaps","targetVector","minDistance","distances","shortcut","targets","matchingTargets","t","snap","targetSnapDistance","ascDiffsToSnaps","scrollSnap","diffToSnap","d1","d2","findTargetSnap","reachedBound","Vector1D","initialValue","normalizeInput","Translate","translate","containerStyle","style","transform","getAttribute","removeAttribute","SlideLooper","viewSize","slideSizesWithGaps","snaps","ascItems","descItems","reverse","loopPoints","gap","findLoopPoints","slidesInGap","startPoints","endPoints","removeSlideSizes","indexes","offset","isEndEdge","slideBounds","end","findSlideBounds","initial","altered","boundEdge","loopPoint","slideLocation","canLoop","shiftLocation","SlidesHandler","watchSlides","mutationObserver","MutationObserver","mutations","mutation","childList","SlidesInView","threshold","intersectionEntryMap","intersectionObserver","inViewCache","notInViewCache","IntersectionObserver","root","parentElement","slide","inView","slideIndexes","list","parseInt","isIntersecting","createInViewList","SlidesToScroll","slidesToScroll","containerRect","slideRects","startGap","endGap","pixelTolerance","startEdge","endEdge","groupByNumber","groupSlides","groupSize","slice","byNumber","groups","rectB","rectA","isFirst","isLast","edgeA","edgeB","gapA","currentSize","previousSize","bySize","Engine","align","scrollAxis","contentDirection","startIndex","duration","inViewThreshold","containScroll","offsetTop","offsetLeft","offsetWidth","offsetHeight","top","right","bottom","left","width","height","Direction","nodeRect","Axis","PercentOfView","alignment","predefined","center","Alignment","containSnaps","readEdgeGap","withEdgeGap","slideRect","measureStartGap","getComputedStyle","parseFloat","getPropertyValue","measureEndGap","rect","rects","arrayIsLastIndex","SlideSizes","snapsAligned","alignments","g","ScrollSnaps","snapsContained","scrollContainLimit","scrollBounds","snapsBounded","snapAligned","scrollBound","toFixed","startSnap","endSnap","lastIndexOf","findScrollContainLimit","measureContained","ScrollContain","ScrollLimit","indexPrevious","dragHandler","seek","engine","scrollLooper","slideLooper","velocity","hasSettled","settled","startLocation","baseDuration","bodyVelocity","scrollDirection","scrollDuration","scrollFriction","rawLocation","rawLocationPrevious","directionDiff","useBaseDuration","ScrollBody","indexCurrent","distanceDiff","indexDiff","targetIndex","ScrollTo","scrollProgress","ScrollProgress","eventStore","slidesInView","slideRegistry","groupedSlideIndexes","doNotContain","group","createSlideRegistry","SlideRegistry","slideFocus","lastTabPressTime","registerTabPress","event","code","Date","getTime","addSlideFocusEvent","focus","scrollLeft","findIndex","capture","SlideFocus","resizeHandler","scrollSnapList","slidesHandler","defaultOptions","OptionsHandler","mergeOptions","optionsAtMedia","matchedMediaOptions","media","matchMedia","matches","mediaOption","optionsMediaQueries","optionsList","acc","mediaQueries","EmblaCarousel","userOptions","userPlugins","defaultView","optionsHandler","pluginsHandler","activePlugins","PluginsHandler","mediaHandlers","api","getListeners","e","off","cb","on","EventHandler","reActivate","pluginApis","optionsBase","globalOptions","pluginList","createEngine","activate","withOptions","withPlugins","userContainer","userSlides","customContainer","querySelector","customSlides","querySelectorAll","storeElements","query","offsetParent","selectedScrollSnap","deActivate","jump","canScrollNext","canScrollPrev","containerNode","internalEngine","previousScrollSnap","scrollNext","scrollPrev","slideNodes","slidesNotInView","setTimeout","storedOptions","useRef","storedPlugins","setEmblaApi","useState","viewport","setViewport","useCallback","current","useEffect","window","createElement","newEmblaApi","undefined","pluginsA","pluginsB","optionA","arePluginsEqual","f","String","fromCharCode","keyStrBase64","keyStrUriSafe","baseReverseDic","getBaseValue","alphabet","character","charAt","res","_compress","decompressFromBase64","_decompress","compressToUTF16","decompressFromUTF16","compressed","charCodeAt","compressToUint8Array","uncompressed","compress","buf","Uint8Array","TotalLen","current_value","decompressFromUint8Array","decompress","result","c","compressToEncodedURIComponent","decompressFromEncodedURIComponent","bitsPerChar","getCharFromInt","ii","context_dictionary","context_dictionaryToCreate","context_c","context_wc","context_w","context_enlargeIn","context_dictSize","context_numBits","context_data","context_data_val","context_data_position","hasOwnProperty","pow","resetValue","getNextValue","w","bits","resb","maxpower","power","dictionary","enlargeIn","dictSize","numBits","data","val","position"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/_gatsby/slices/_gatsby-scripts-1.html b/docs/_gatsby/slices/_gatsby-scripts-1.html index 7788fbdb1..953b31084 100644 --- a/docs/_gatsby/slices/_gatsby-scripts-1.html +++ b/docs/_gatsby/slices/_gatsby-scripts-1.html @@ -2,6 +2,6 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/docs/api/events/index.html b/docs/api/events/index.html index 5d14ec9f5..5bfb28b0c 100644 --- a/docs/api/events/index.html +++ b/docs/api/events/index.html @@ -275,27 +275,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -385,67 +385,67 @@ data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/ .lazjBX{position:relative;z-index:1;}/*!sc*/ data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -560,37 +560,37 @@ } } } -
Embla Carousel

Events

+
Embla Carousel

Events

Embla Carousel exposes custom events that can be hooked on to. Listening to events allows for extending the carousel.

Usage

You need an initialized carousel in order to make use of events. Events will only be fired during the lifecycle of a carousel and added event listeners will persist even when you hard reset the carousel with the reInit method.

Adding event listeners

After initializing a carousel, we're going to subscribe to the select event in the following example:

-
import EmblaCarousel from 'embla-carousel'
+
import EmblaCarousel from 'embla-carousel'
 const emblaApi = EmblaCarousel(emblaNode, { loop: true })
 const onSelect = (emblaApi, eventName) => {  console.log(`Embla just triggered ${eventName}!`)}
-emblaApi.on('select', onSelect)

 
Removing event listeners

 
In order to remove an event listener, you'll have to call the off method and make sure to pass the same callback reference you passed to the on method:

-
import EmblaCarousel from 'embla-carousel'
+
import EmblaCarousel from 'embla-carousel'
 const emblaApi = EmblaCarousel(emblaNode, { loop: true })
 const onSelect = (emblaApi, eventName) => {  console.log(`Embla just triggered ${eventName}!`)}
 const removeOnSelectListener = () => {  emblaApi.off('select', onSelect)}
-emblaApi.on('select', onSelect)

 
TypeScript

 
The EmblaEventType is obtained directly from the core package embla-carousel and used like so:

-
import EmblaCarousel, {  EmblaCarouselType,  EmblaEventType} from 'embla-carousel'
+
import EmblaCarousel, {  EmblaCarouselType,  EmblaEventType} from 'embla-carousel'
 function onSlidesInView(  emblaApi: EmblaCarouselType,  eventName: EmblaEventType): void {  console.log(`Embla just triggered ${eventName}!`)}
-const emblaApi = EmblaCarousel(emblaNode, { loop: true })emblaApi.on('slidesInView', onSlidesInView)

+

 
Reference

 
Below follows an exhaustive list of all Embla Carousel events together with information about how they work.

 

@@ -655,11 +656,10 @@ 
pointerUp

 
Once: no

-
Runs when the user has released the pointer from the carousel. It's triggered by a touchend or a mouseup event.

-
Edit this page on GitHub
+

Runs when the user has released the pointer from the carousel. It's triggered by a touchend or a mouseup event.

Edit this page on GitHub
- \ No newline at end of file + \ No newline at end of file diff --git a/docs/api/index.html b/docs/api/index.html index 21fea42a2..103199295 100644 --- a/docs/api/index.html +++ b/docs/api/index.html @@ -268,27 +268,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -356,67 +356,67 @@ data-styled.g85[id="PageBreadcrumbs__ActiveTitle-sc-1mlty1z-2"]{content:"clqdNL,"}/*!sc*/ .fmHorr{color:var(--text-low-contrast);margin:0 0.6rem;}/*!sc*/ data-styled.g86[id="PageBreadcrumbs__Separator-sc-1mlty1z-3"]{content:"fmHorr,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -546,7 +546,7 @@ } } } -
Embla Carousel

API

+
Embla Carousel

API

A lightweight carousel shouldn't be limited to just its core features. That's why the Embla Carousel API is designed with extensibility in mind, and it exposes a rich API that can easily be extended to cover most of the use cases for carousels.

Explore the API

@@ -554,6 +554,6 @@

- window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}"; + window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/docs/api/methods/index.html b/docs/api/methods/index.html index bb25ab9da..a5ef85a50 100644 --- a/docs/api/methods/index.html +++ b/docs/api/methods/index.html @@ -275,27 +275,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -387,67 +387,67 @@ data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/ .lazjBX{position:relative;z-index:1;}/*!sc*/ data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -563,36 +563,37 @@ } } } -
Embla Carousel

Methods

+
Embla Carousel

Methods

Once a carousel is up and running, Embla Carousel exposes a set of useful methods which makes it very extensible.

Usage

You need an initialized carousel in order to make use of methods. They can be accessed during the lifecycle of a carousel and won't do anything after a carousel instance has been destroyed with the destroy method.

Calling methods

In the following example, the slideNodes method is called and logged to the console as soon as the carousel has been initialized:

-
import EmblaCarousel from 'embla-carousel'
+
import EmblaCarousel from 'embla-carousel'
 const emblaApi = EmblaCarousel(emblaNode, { loop: true })
-console.log(emblaApi.slideNodes())

 
TypeScript

 
The EmblaCarouselType is obtained directly from the core package embla-carousel and used like so:

-
import EmblaCarousel, { EmblaCarouselType } from 'embla-carousel'
+
import EmblaCarousel, { EmblaCarouselType } from 'embla-carousel'
 function onSlidesInView(emblaApi: EmblaCarouselType): void {  console.log(emblaApi.slidesInView())}
-const emblaApi = EmblaCarousel(emblaNode, { loop: true })emblaApi.on('slidesInView', onSlidesInView)

+

 
Reference

 
Below follows an exhaustive list of all Embla Carousel methods with their respective parameters and return values.

 

@@ -704,11 +705,10 @@ 
emit

 
Parameters: event: EmblaEventType

 Returns: void

-
Emits an embla event. This doesn't trigger any internal Embla functionality.

-
Edit this page on GitHub
+

Emits an embla event. This doesn't trigger any internal Embla functionality.

Edit this page on GitHub
- \ No newline at end of file + \ No newline at end of file diff --git a/docs/api/options/index.html b/docs/api/options/index.html index bc691301d..d12584740 100644 --- a/docs/api/options/index.html +++ b/docs/api/options/index.html @@ -275,27 +275,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -387,67 +387,67 @@ data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/ .lazjBX{position:relative;z-index:1;}/*!sc*/ data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -563,27 +563,27 @@ } } } -
Embla Carousel

Options

+
Embla Carousel

Options

Embla Carousel takes various options in order to customize how the carousel works. You can provide options in two different ways.

Usage

You can customize Embla with the constructor options and/or global options. If both are provided, they will be merged, and if any options are in conflict, the constructor option has precedence and will override global options.

Constructor options

The constructor options is the default way of providing options to Embla Carousel. In the following example, the carousel loop option is set to true:

-
import EmblaCarousel from 'embla-carousel'
-const emblaApi = EmblaCarousel(emblaNode, { loop: true })
Edit this page on GitHub
+you want to disable it.

Edit this page on GitHub
- \ No newline at end of file + \ No newline at end of file diff --git a/docs/api/plugins/index.html b/docs/api/plugins/index.html index 9bba55dca..1efb169f6 100644 --- a/docs/api/plugins/index.html +++ b/docs/api/plugins/index.html @@ -275,27 +275,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -387,67 +387,67 @@ data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/ .lazjBX{position:relative;z-index:1;}/*!sc*/ data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -560,77 +560,74 @@ } } } -
Embla Carousel

Plugins

+
Embla Carousel

Plugins

It's possible to extend Embla carousel with additional features using plugins. The complete list of official plugins can be found here.

-

Installation

-

All official plugins are separate NPM packages. They're all prefixed with embla-carousel followed by its unique plugin name. For example, the Autoplay plugin is installed like so:

-
<script src="https://unpkg.com/embla-carousel-autoplay/embla-carousel-autoplay.umd.js"></script>

Usage

-

The Embla Carousel constructor accepts an array of plugins. Each plugin might have its own options, methods and events.

+

The Embla Carousel constructor accepts an array of plugins. Each plugin has its own options and methods.

Adding a plugin

The constructor plugin array is the default way of providing plugins to Embla Carousel. In the following example, the Autoplay plugin is added to the carousel:

-
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
-const embla = EmblaCarousel(emblaNode, { loop: true }, [Autoplay()])
+
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
+const embla = EmblaCarousel(emblaNode, { loop: true }, [Autoplay()])

Note that it's possible to change plugins passed to the Embla Carousel constructor after initialization with the reInit method.

Constructor options

Plugins have their own specific options which is the first argument of the plugin constructor. This allows for configuring the plugin to your liking:

-
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
-const embla = EmblaCarousel(emblaNode, { loop: true }, [  Autoplay({ delay: 4000 })])
+
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
+const embla = EmblaCarousel(emblaNode, { loop: true }, [  Autoplay({ delay: 4000 })])

Global options

All official plugins allows you to set global options that will be applied to all instances. This allows for overriding the default plugin options with your own:

-
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
+
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
 Autoplay.globalOptions = { delay: 4000 }
-const embla = EmblaCarousel(emblaNode, { loop: true }, [Autoplay()])

+  export default {    setup() {      const [emblaNode] = emblaCarouselVue({ loop: true }, [Autoplay()])      // ...    }  }</script>

Make sure to assign global options before initializing any carousel and only assign it once. Re-assigning global options might lead to confusing code and unexpected behaviour.

Calling methods

Additionally, some plugins expose their own API methods. You can access plugin methods by calling the plugin method like demonstrated below:

-
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
+
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
 const emblaApi = EmblaCarousel(emblaNode, { loop: true }, [Autoplay()])
-emblaApi.plugins().autoplay.stop()

+  // ...}

Adding event listeners

Some plugins fire their own events. Plugin events are structured as follows <plugin-name>:eventname. Adding and removing plugin event listeners is done the same way as native Embla events. Here's an example where an event is added to the autoplay plugin:

-
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
+
import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
 const emblaApi = EmblaCarousel(emblaNode, { loop: true }, [Autoplay()])
 function logPluginEvent(emblaApi, eventName) {  console.log('Autoplay plugin stopped playing!')}
-emblaApi.on('autoplay:stop', logPluginEvent)

+  // ...}

TypeScript

The EmblaPluginType is obtained directly from the core package embla-carousel and used like so:

-
import EmblaCarousel, {  EmblaOptionsType,  EmblaPluginType} from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
-const options: EmblaOptionsType = { loop: true }const plugins: EmblaPluginType[] = [Autoplay()]const emblaApi = EmblaCarousel(emblaNode, options, plugins)
Edit this page on GitHub
+export function EmblaCarousel() { const [emblaRef, emblaApi] = useEmblaCarousel(options, plugins) // ...}

If you're using pnpm, you need to install embla-carousel as a devDependency when importing types from it like demonstrated above.


This is because even though embla-carousel-react has embla-carousel as a dependency, pnpm makes nested dependencies inaccessible by design.

Edit this page on GitHub
- \ No newline at end of file + \ No newline at end of file diff --git a/docs/app-889a1d3f77eaa0fb985f.js b/docs/app-889a1d3f77eaa0fb985f.js new file mode 100644 index 000000000..b4b1589e7 --- /dev/null +++ b/docs/app-889a1d3f77eaa0fb985f.js @@ -0,0 +1,3 @@ +/*! For license information please see app-889a1d3f77eaa0fb985f.js.LICENSE.txt */ +(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[2143],{9553:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function o(e,t){for(var n=0;n1?r-1:0),a=1;a element.");return u.cloneElement(t,{ref:function(n){var r=e.props.containerElements;t&&("function"==typeof t.ref?t.ref(n):t.ref&&(t.ref.current=n)),e.focusTrapElements=r||[n]}})}return null}}])&&o(t.prototype,n),r&&o(t,r),Object.defineProperty(t,"prototype",{writable:!1}),l}(u.Component),v="undefined"==typeof Element?Function:Element;m.propTypes={active:p.bool,paused:p.bool,focusTrapOptions:p.shape({document:p.object,onActivate:p.func,onPostActivate:p.func,checkCanFocusTrap:p.func,onDeactivate:p.func,onPostDeactivate:p.func,checkCanReturnFocus:p.func,initialFocus:p.oneOfType([p.instanceOf(v),p.string,p.bool,p.func]),fallbackFocus:p.oneOfType([p.instanceOf(v),p.string,p.func]),escapeDeactivates:p.oneOfType([p.bool,p.func]),clickOutsideDeactivates:p.oneOfType([p.bool,p.func]),returnFocusOnDeactivate:p.bool,setReturnFocus:p.oneOfType([p.instanceOf(v),p.string,p.bool,p.func]),allowOutsideClick:p.oneOfType([p.bool,p.func]),preventScroll:p.bool,tabbableOptions:p.shape({displayCheck:p.oneOf(["full","non-zero-area","none"]),getShadowRoot:p.oneOfType([p.bool,p.func])})}),containerElements:p.arrayOf(p.instanceOf(v)),children:p.oneOfType([p.element,p.instanceOf(v)])},m.defaultProps={active:!0,paused:!1,focusTrapOptions:{},_createFocusTrap:f},e.exports=m},156:function(e,t,n){"use strict";n.r(t),n.d(t,{createFocusTrap:function(){return f}});var r=n(5712);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t0){var t=c[c.length-1];t!==e&&t.pause()}var n=c.indexOf(e);-1===n||c.splice(n,1),c.push(e)},deactivateTrap:function(e){var t=c.indexOf(e);-1!==t&&c.splice(t,1),c.length>0&&c[c.length-1].unpause()}}),l=function(e){return setTimeout(e,0)},u=function(e,t){var n=-1;return e.every((function(e,r){return!t(e)||(n=r,!1)})),n},d=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r1?n-1:0),a=1;a=0)e=o.activeElement;else{var t=c.tabbableGroups[0];e=t&&t.firstTabbableNode||m("fallbackFocus")}if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},g=function(){if(c.containerGroups=c.containers.map((function(e){var t=(0,r.tabbable)(e,i.tabbableOptions),n=(0,r.focusable)(e,i.tabbableOptions);return{container:e,tabbableNodes:t,focusableNodes:n,firstTabbableNode:t.length>0?t[0]:null,lastTabbableNode:t.length>0?t[t.length-1]:null,nextTabbableNode:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=n.findIndex((function(t){return t===e}));if(!(o<0))return t?n.slice(o+1).find((function(e){return(0,r.isTabbable)(e,i.tabbableOptions)})):n.slice(0,o).reverse().find((function(e){return(0,r.isTabbable)(e,i.tabbableOptions)}))}}})),c.tabbableGroups=c.containerGroups.filter((function(e){return e.tabbableNodes.length>0})),c.tabbableGroups.length<=0&&!m("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},b=function e(t){!1!==t&&t!==o.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!i.preventScroll}),c.mostRecentlyFocusedNode=t,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(t)&&t.select()):e(v()))},y=function(e){var t=m("setReturnFocus",e);return t||!1!==t&&e},E=function(e){var t=p(e);h(t)>=0||(d(i.clickOutsideDeactivates,e)?n.deactivate({returnFocus:i.returnFocusOnDeactivate&&!(0,r.isFocusable)(t,i.tabbableOptions)}):d(i.allowOutsideClick,e)||e.preventDefault())},S=function(e){var t=p(e),n=h(t)>=0;n||t instanceof Document?n&&(c.mostRecentlyFocusedNode=t):(e.stopImmediatePropagation(),b(c.mostRecentlyFocusedNode||v()))},O=function(e){if(function(e){return"Escape"===e.key||"Esc"===e.key||27===e.keyCode}(e)&&!1!==d(i.escapeDeactivates,e))return e.preventDefault(),void n.deactivate();(function(e){return"Tab"===e.key||9===e.keyCode})(e)&&function(e){var t=p(e);g();var n=null;if(c.tabbableGroups.length>0){var o=h(t),a=o>=0?c.containerGroups[o]:void 0;if(o<0)n=e.shiftKey?c.tabbableGroups[c.tabbableGroups.length-1].lastTabbableNode:c.tabbableGroups[0].firstTabbableNode;else if(e.shiftKey){var s=u(c.tabbableGroups,(function(e){var n=e.firstTabbableNode;return t===n}));if(s<0&&(a.container===t||(0,r.isFocusable)(t,i.tabbableOptions)&&!(0,r.isTabbable)(t,i.tabbableOptions)&&!a.nextTabbableNode(t,!1))&&(s=o),s>=0){var l=0===s?c.tabbableGroups.length-1:s-1;n=c.tabbableGroups[l].lastTabbableNode}}else{var d=u(c.tabbableGroups,(function(e){var n=e.lastTabbableNode;return t===n}));if(d<0&&(a.container===t||(0,r.isFocusable)(t,i.tabbableOptions)&&!(0,r.isTabbable)(t,i.tabbableOptions)&&!a.nextTabbableNode(t))&&(d=o),d>=0){var f=d===c.tabbableGroups.length-1?0:d+1;n=c.tabbableGroups[f].firstTabbableNode}}}else n=m("fallbackFocus");n&&(e.preventDefault(),b(n))}(e)},w=function(e){var t=p(e);h(t)>=0||d(i.clickOutsideDeactivates,e)||d(i.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},T=function(){if(c.active)return s.activateTrap(n),c.delayInitialFocusTimer=i.delayInitialFocus?l((function(){b(v())})):b(v()),o.addEventListener("focusin",S,!0),o.addEventListener("mousedown",E,{capture:!0,passive:!1}),o.addEventListener("touchstart",E,{capture:!0,passive:!1}),o.addEventListener("click",w,{capture:!0,passive:!1}),o.addEventListener("keydown",O,{capture:!0,passive:!1}),n},C=function(){if(c.active)return o.removeEventListener("focusin",S,!0),o.removeEventListener("mousedown",E,!0),o.removeEventListener("touchstart",E,!0),o.removeEventListener("click",w,!0),o.removeEventListener("keydown",O,!0),n};return(n={get active(){return c.active},get paused(){return c.paused},activate:function(e){if(c.active)return this;var t=f(e,"onActivate"),n=f(e,"onPostActivate"),r=f(e,"checkCanFocusTrap");r||g(),c.active=!0,c.paused=!1,c.nodeFocusedBeforeActivation=o.activeElement,t&&t();var a=function(){r&&g(),T(),n&&n()};return r?(r(c.containers.concat()).then(a,a),this):(a(),this)},deactivate:function(e){if(!c.active)return this;var t=a({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},e);clearTimeout(c.delayInitialFocusTimer),c.delayInitialFocusTimer=void 0,C(),c.active=!1,c.paused=!1,s.deactivateTrap(n);var r=f(t,"onDeactivate"),o=f(t,"onPostDeactivate"),u=f(t,"checkCanReturnFocus"),d=f(t,"returnFocus","returnFocusOnDeactivate");r&&r();var p=function(){l((function(){d&&b(y(c.nodeFocusedBeforeActivation)),o&&o()}))};return d&&u?(u(y(c.nodeFocusedBeforeActivation)).then(p,p),this):(p(),this)},pause:function(){return c.paused||!c.active||(c.paused=!0,C()),this},unpause:function(){return c.paused&&c.active?(c.paused=!1,g(),T(),this):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return c.containers=t.map((function(e){return"string"==typeof e?o.querySelector(e):e})),c.active&&g(),this}}).updateContainerElements(e),n}},5516:function(e,t){"use strict";t.H=void 0;t.H=(e,t="always")=>{const n=e.endsWith(".html"),r=e.endsWith(".xml"),o=e.endsWith(".pdf");return"/"===e?e:((n||r||o)&&(t="never"),"always"===t?e.endsWith("/")?e:`${e}/`:"never"===t&&e.endsWith("/")?e.slice(0,-1):e)}},2802:function(e,t,n){"use strict";t.p2=t.$C=void 0;var r=n(1415);t.$C=r.ScrollHandler;var o=n(5492);t.p2=o.useScrollRestoration},1415:function(e,t,n){"use strict";var r=n(1600);t.__esModule=!0,t.ScrollHandler=t.ScrollContext=void 0;var o=r(n(5297)),a=r(n(6531)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(n(2784)),c=r(n(3980)),s=n(643);function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}var u=i.createContext(new s.SessionStorage);t.ScrollContext=u,u.displayName="GatsbyScrollContext";var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a{}},5895:function(e,t){"use strict";t.__esModule=!0,t.getForwards=function(e){return null==e?void 0:e.flatMap((e=>(null==e?void 0:e.forward)||[]))}},5071:function(e,t,n){"use strict";t.__esModule=!0,t.injectPartytownSnippet=function(e){if(!e.length)return;const t=document.querySelector("script[data-partytown]"),n=document.querySelector('iframe[src*="~partytown/partytown-sandbox-sw"]');t&&t.remove();n&&n.remove();const a=(0,o.getForwards)(e),i=document.createElement("script");i.dataset.partytown="",i.innerHTML=(0,r.partytownSnippet)({forward:a}),document.head.appendChild(i)};var r=n(8072),o=n(5895)},8012:function(e,t,n){"use strict";t.wrapPageElement=n(1163)},1163:function(e,t,n){"use strict";var r,o,a=n(2784);try{o=n(7731),r=o&&o.default||o}catch(i){throw-1!==i.toString().indexOf("Error: Cannot find module")?new Error("Couldn't find layout component at \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/components/Layout/.\n\nPlease create layout component in that location or specify path to layout component in gatsby-config.js"):(console.error(i),i)}e.exports=function(e){var t=e.element,n=e.props;return a.createElement(r,n,t)}},7225:function(e,t,n){"use strict";n.r(t),n.d(t,{onRouteUpdate:function(){return r}});n(4792),n(5251);const r=function(e,t){let{location:n}=e}},5251:function(e,t,n){"use strict";var r=n(4792)},8127:function(e,t,n){"use strict";var r=n(1600)(n(2784)),o=n(1195);t.wrapRootElement=function(e,t){var n=e.element;return r.default.createElement(o.StyleSheetManager,{disableVendorPrefixes:!0===(null==t?void 0:t.disableVendorPrefixes)},n)}},230:function(e,t){"use strict";var n=0,r=function(e){var t=window.decodeURI(e.replace("#",""));if(""!==t){var r=document.getElementById(t);if(r){var o=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,a=document.documentElement.clientTop||document.body.clientTop||0,i=window.getComputedStyle(r),c=i.getPropertyValue("scroll-margin-top")||i.getPropertyValue("scroll-snap-margin-top")||"0px";return r.getBoundingClientRect().top+o-parseInt(c,10)-a-n}}return null};t.onInitialClientRender=function(e,t){t.offsetY&&(n=t.offsetY),requestAnimationFrame((function(){var e=r(window.location.hash);null!==e&&window.scrollTo(0,e)}))},t.shouldUpdateScroll=function(e){var t=e.routerProps.location,n=r(t.hash);return null===n||[0,n]}},4824:function(e,t,n){"use strict";n.r(t),n.d(t,{onRouteUpdate:function(){return r}});const r=e=>{let{location:t}=e;const{hash:n}=t;if(!n)return;const r=n.substring(1,n.length),o=document.getElementById(r);o&&o.scrollIntoView()}},776:function(e,t,n){"use strict";n.d(t,{SO:function(){return u},f8:function(){return f},j5:function(){return p}});var r=n(2784),o=n(1195),a=n(3792),i=n(2715),c=n(5807),s=n(6849),l=n(9322);const u=(0,o.css)(["",";",";color:",";outline-offset:-",";-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;",""],l.J,s.C,a.DM.TEXT_BODY,i.x.OUTLINE,(e=>{let{$isButton:t}=e;return t&&(0,o.css)(["&:disabled{cursor:not-allowed;}"])})),d=o.default.button.withConfig({displayName:"ButtonBare__ButtonBareWrapper",componentId:"sc-1pf4eqw-0"})(["",";position:relative;"],u),p=o.default.span.withConfig({displayName:"ButtonBare__ButtonBareText",componentId:"sc-1pf4eqw-1"})([""]),f=r.forwardRef((function(e,t){const{children:n,...o}=e,{isKeyNavigating:a}=(0,c.t)();return r.createElement(d,Object.assign({$isKeyNavigating:a,ref:t,$isButton:!0},o),r.createElement(p,null,n))}))},240:function(e,t,n){"use strict";n.d(t,{aq:function(){return y},N8:function(){return b}});var r=n(1195),o=n(776),a=n(3792),i=n(127),c=n(4097),s=n(727),l=n(2784),u=n(2715),d=n(2829);const p="3rem",f="0.2rem",h=r.default.span.withConfig({displayName:"LoadSpinner__LoadSpinnerWrapper",componentId:"sc-10qv6yq-0"})([""," display:inline-flex;position:relative;> span{"," display:block;position:absolute;border-radius:",";animation:rotate 1.2s cubic-bezier(0.5,0,0.5,1) infinite;}> span:nth-child(1){animation-delay:-0.45s;}> span:nth-child(2){animation-delay:-0.3s;}> span:nth-child(3){animation-delay:-0.15s;}@keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"],(e=>{let{$size:t}=e;return(0,d.x)(t)}),(e=>{let{$size:t,$thickness:n,$color:o}=e;return(0,r.css)([""," border:"," solid ",";border-color:"," transparent transparent transparent;"],(0,d.x)(t),n,o,o)}),u.X.CIRCLE),m=(0,r.default)((e=>{const{size:t=p,thickness:n=f,color:r=a.DM.DETAIL_HIGH_CONTRAST,...o}=e;return l.createElement(h,Object.assign({$size:t,$thickness:n,$color:r},o),l.createElement("span",null),l.createElement("span",null),l.createElement("span",null),l.createElement("span",null))})).withConfig({displayName:"createButtonWithLoading__ButtonLoadSpinner",componentId:"sc-1xuvgcv-0"})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]),v=r.default.span.withConfig({displayName:"createButtonWithLoading__ButtonLoadSpinnerText",componentId:"sc-1xuvgcv-1"})([""]),g=(0,r.css)(["position:relative;width:100%;text-align:center;justify-content:center;",""],(e=>{let{$isLoading:t}=e;return t&&(0,r.css)(["","{opacity:0;}"],v)})),b=(0,r.css)(["",";color:",";padding:"," ",";line-height:1.15;border-radius:3rem;font-weight:",";display:inline-flex;"],c.o,a.DM.BACKGROUND_SITE,i.v.CUSTOM((()=>1.4)),i.v.CUSTOM((()=>2.6)),s.X.BOLD),y=((e,t,n)=>{const o=e.displayName+"WithLoading",a=(0,r.default)(e).withConfig({displayName:"createButtonWithLoading__Button",componentId:"sc-1xuvgcv-2"})(["",";"],g),i=e=>{const{children:r,isLoading:o,...i}=e;return l.createElement(a,Object.assign({$isLoading:o},i),l.createElement(v,null,r),o&&l.createElement(m,{size:t,color:n}))};return i.displayName=o,i})((0,r.default)(o.f8).withConfig({displayName:"ButtonPrimaryFilled",componentId:"sc-sp5hfg-0"})(["",";&:disabled{background-image:none;background-color:",";}"],b,a.DM.DETAIL_HIGH_CONTRAST),i.v.FOUR,a.DM.TEXT_BODY)},9027:function(e,t,n){"use strict";n.d(t,{q:function(){return v}});var r=n(2784),o=n(1195),a=n(9900),i=n(3792),c=n(127),s=n(2657),l=n(6722),u=n(2715),d=n(6991);const p=c.v.FIVE,f=c.v.CUSTOM((e=>{let{TWO:t}=e;return t-.2})),h=o.default.ul.withConfig({displayName:"FooterLinks__FooterLinksWrapper",componentId:"sc-os18h2-0"})(["",";display:flex;"],(0,d.h)(p,"","li")),m=(0,o.default)(a.t).withConfig({displayName:"FooterLinks__Link",componentId:"sc-os18h2-1"})(["margin-right:-",";padding:"," ",";outline-offset:-",";color:",";display:inline-flex;align-items:center;"],u.x.OUTLINE,c.v.ONE,u.x.OUTLINE,u.x.OUTLINE,i.DM.TEXT_LOW_CONTRAST),v=e=>{const{...t}=e;return r.createElement(h,t,r.createElement("li",null,r.createElement(m,{to:s.n.NPM_PACKAGE},r.createElement(l.M5,{iconSvg:"npm",spacing:f},"Npm"))),r.createElement("li",null,r.createElement(m,{to:s.n.GITHUB_ROOT},r.createElement(l.M5,{iconSvg:"github",spacing:f},"GitHub"))))}},8314:function(e,t,n){"use strict";n.d(t,{Mz:function(){return $r},WZ:function(){return qr},h4:function(){return Qr}});var r=n(2784),o=n(1195),a=n(6592),i=n(8948),c=n(3792),s=n(2717),l=n(2715),u=n(6934),d=n(776),p=n(2829);const f="4rem",h="2.35rem",m=(0,o.default)(d.f8).withConfig({displayName:"SiteNavigationToggle__SiteNavigationToggleWrapper",componentId:"sc-1s6pnzu-0"})(["",";display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0;margin-left:calc(("," - ",") / 2 * -1);margin-right:calc(("," - ",") / 2 * -1);","{display:none;}"],(0,p.x)(f),f,h,f,h,s.iD.DESKTOP),v=o.default.div.withConfig({displayName:"SiteNavigationToggle__Burger",componentId:"sc-1s6pnzu-1"})(["position:relative;> span{background-color:",";display:block;height:0.2rem;border-radius:",";position:relative;width:",";&:before,&:after{background-color:",';position:absolute;content:"";border-radius:',";display:block;height:100%;width:100%;}&:before{transform:translateY(0.8rem);}&:after{transform:translateY(-0.8rem);}","};}"],c.DM.TEXT_HIGH_CONTRAST,l.X.LINE,h,c.DM.TEXT_HIGH_CONTRAST,l.X.LINE,(e=>{let{$isOpen:t}=e;return(0,o.css)(["background-color:",";&:before{transform:",";}&:after{transform:",";}"],t&&"transparent",t&&"rotate(-45deg) translateY(0)",t&&"rotate(45deg) translateY(0)")})),g=()=>{const{isOpen:e,toggleNavigation:t}=(0,u.H)(),n=e?"Hide":"Show";return r.createElement(m,{id:i.q,onClick:t,"aria-expanded":e,"aria-label":n+" Main Navigation Menu"},r.createElement(v,{$isOpen:e,"aria-hidden":"true"},r.createElement("span",null)))};var b=n(9939),y=n(127),E=n(6952),S=n(4199),O=n(5211),w=n(8316);function T(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function C(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var k=["translations"];function _(){return _=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var N="Ctrl";var A=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=x(e,k),i=o.buttonText,c=void 0===i?"Search":i,s=o.buttonAriaLabel,l=void 0===s?"Search":s,u=D((0,r.useState)(null),2),d=u[0],p=u[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?p("⌘"):p(N))}),[]),r.createElement("button",_({type:"button",className:"DocSearch DocSearch-Button","aria-label":l},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(C,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},c)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==d&&r.createElement(r.Fragment,null,r.createElement("kbd",{className:"DocSearch-Button-Key"},d===N?r.createElement(T,null):d),r.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))}));function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Oe,we,Te,Ce=null,ke=(Oe=-1,we=-1,Te=void 0,function(e){var t=++Oe;return Promise.resolve(e).then((function(e){return Te&&t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Pe=/((gt|sm)-|galaxy nexus)|samsung[- ]/i;var Re=["props","refresh","store"],je=["inputElement","formElement","panelElement"],Le=["inputElement"],Me=["inputElement","maxLength"],He=["item","source"];function Be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ue(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Ge(e){var t=e.props,n=e.refresh,r=e.store,o=ze(e,Re);return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return n=t,r=e.target,n===r||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return Ue({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ze(e,je))},getRootProps:function(e){return Ue({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){e.inputElement;return Ue({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(Ue({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(Ue({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ze(e,Le))},getLabelProps:function(e){return Ue({htmlFor:"".concat(t.id,"-input"),id:"".concat(t.id,"-label")},e)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&_e(Ue({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var c=e||{},s=(c.inputElement,c.maxLength),l=void 0===s?512:s,u=ze(c,Me),d=ve(r.getState()),p=function(e){return Boolean(e&&e.match(Pe))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return Ue({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:l,type:"search",onChange:function(e){_e(Ue({event:e,props:t,query:e.currentTarget.value.slice(0,l),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=Ae(e,De);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},c=function(){var e=ve(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,c=e.itemUrl,s=e.source;s.onActive(xe({event:t,item:n,itemInputValue:i,itemUrl:c,refresh:r,source:s,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?_e(xe({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),c(),setTimeout(i,0)})):(o.dispatch(t.key,{}),c(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var s=ve(o.getState()),l=s.item,u=s.itemInputValue,d=s.itemUrl,p=s.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(xe({event:t,item:l,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:l,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(xe({event:t,item:l,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:l,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(xe({event:t,item:l,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:l,state:o.getState()});_e(xe({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(xe({event:t,item:l,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(Ue({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:z,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return Ue({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){return Ue({role:"listbox","aria-labelledby":"".concat(t.id,"-label"),id:"".concat(t.id,"-list")},e)},getItemProps:function(e){var a=e.item,i=e.source,c=ze(e,He);return Ue({id:"".concat(t.id,"-item-").concat(a.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===a.__autocomplete_id,onMouseMove:function(e){if(a.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",a.__autocomplete_id);var t=ve(r.getState());if(null!==r.getState().activeItemId&&t){var i=t.item,c=t.itemInputValue,s=t.itemUrl,l=t.source;l.onActive(Ue({event:e,item:i,itemInputValue:c,itemUrl:s,refresh:n,source:l,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var c=i.getItemInputValue({item:a,state:r.getState()}),s=i.getItemUrl({item:a,state:r.getState()});(s?Promise.resolve():_e(Ue({event:e,nextState:{isOpen:!1},props:t,query:c,refresh:n,store:r},o))).then((function(){i.onSelect(Ue({event:e,item:a,itemInputValue:c,itemUrl:s,refresh:n,source:i,state:r.getState()},o))}))}},c)}}}var Ve=[{segment:"autocomplete-core",version:"1.7.4"}];function We(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function $e(e){for(var t=1;t=n?null===r?null:0:o}function Je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Qe(e){for(var t=1;t0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(F++),plugins:o,initialState:K({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat($(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return W(e,n)}))).then((function(e){return L(e)})).then((function(e){return e.map((function(e){return K(K({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:K({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}(e,t),r=j(et,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(nt({prevState:t,state:r,refresh:i},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return H(H({},e),{},{items:L(e.items).map((function(e){return H(H({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=Ge(nt({props:n,refresh:i,store:r},o));function i(){return _e(nt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,query:r.getState().query,refresh:i,store:r},o))}return n.plugins.forEach((function(e){var n;return null===(n=e.subscribe)||void 0===n?void 0:n.call(e,nt(nt({},o),{},{refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:Xe({plugins:n.plugins,options:e}),environment:n.environment}),nt(nt({refresh:i},a),o)}function at(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function it(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function ct(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,c=void 0===i?"Enter key":i,s=n.navigateText,l=void 0===s?"to navigate":s,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,h=n.closeText,m=void 0===h?"to close":h,v=n.closeKeyAriaLabel,g=void 0===v?"Escape key":v,b=n.searchByText,y=void 0===b?"Search by":b;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(at,{translations:{searchByText:y}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(it,{ariaLabel:c},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(it,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(it,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},l)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(it,{ariaLabel:g},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},m))))}function st(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function lt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function ut(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,c=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(lt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},c))}function dt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}var pt=["translations"];function ft(e){return function(e){if(Array.isArray(e))return ht(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return ht(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ht(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ht(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function vt(e){var t=e.translations,n=void 0===t?{}:t,o=mt(e,pt),a=n.noResultsText,i=void 0===a?"No results for":a,c=n.suggestedQueryText,s=void 0===c?"Try searching for":c,l=n.reportMissingResultsText,u=void 0===l?"Believe this query should return results?":l,d=n.reportMissingResultsLinkText,p=void 0===d?"Let us know.":d,f=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(dt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),f&&f.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},s,":"),r.createElement("ul",null,f.slice(0,3).reduce((function(e,t){return[].concat(ft(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(u," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},p)))}var gt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function bt(e){switch(e.type){case"lvl1":return r.createElement(gt,null);case"content":return r.createElement(Et,null);default:return r.createElement(yt,null)}}function yt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function Et(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function St(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Ot=["hit","attribute","tagName"];function wt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Tt(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _t(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function Dt(e){var t=e.hit,n=e.attribute,o=e.tagName,a=void 0===o?"span":o,i=kt(e,Ot);return(0,r.createElement)(a,Tt(Tt({},i),{},{dangerouslySetInnerHTML:{__html:_t(t,"_snippetResult.".concat(n,".value"))||_t(t,n)}}))}function It(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(s){c=!0,o=s}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return xt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xt(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n|<\/mark>)/g,jt=RegExp(Rt.source);function Lt(e){var t,n,r,o,a,i=e;if(!i.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var c=((i.__docsearch_parent?null===(t=i.__docsearch_parent)||void 0===t||null===(n=t._highlightResult)||void 0===n||null===(r=n.hierarchy)||void 0===r?void 0:r.lvl0:null===(o=e._highlightResult)||void 0===o||null===(a=o.hierarchy)||void 0===a?void 0:a.lvl0)||{}).value;return c&&jt.test(c)?c.replace(Rt,""):c}function Mt(){return Mt=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Wt(e){var t=e.translations,n=void 0===t?{}:t,o=Vt(e,zt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,s=void 0===c?"No recent searches":c,l=n.saveRecentSearchButtonTitle,u=void 0===l?"Save this search":l,d=n.removeRecentSearchButtonTitle,p=void 0===d?"Remove this search from history":d,f=n.favoriteSearchesTitle,h=void 0===f?"Favorite":f,m=n.removeFavoriteSearchButtonTitle,v=void 0===m?"Remove this search from favorites":m;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},s)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement(At,Gt({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Bt,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:u,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Ut,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Ft,null))))}})),r.createElement(At,Gt({},o,{title:h,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Ut,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:v,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(Ft,null)))}})))}var $t=["translations"];function qt(){return qt=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Kt=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=Xt(e,$t);if("error"===o.state.status)return r.createElement(ut,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(vt,qt({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Ht,o):r.createElement(Wt,qt({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status}));function Yt(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}var Jt=["translations"];function Qt(){return Qt=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function en(e){var t=e.translations,n=void 0===t?{}:t,o=Zt(e,Jt),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,s=void 0===c?"Clear the query":c,l=n.cancelButtonText,u=void 0===l?"Cancel":l,d=n.cancelButtonAriaLabel,p=void 0===d?"Cancel":d,f=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:f},r.createElement("label",Qt({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(C,null)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(Yt,null)),r.createElement("input",Qt({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":s,hidden:!o.state.query},r.createElement(Ft,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":p,onClick:o.onClose},u))}var tn=["_highlightResult","_snippetResult"];function nn(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function rn(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(t){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}function on(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=rn(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,nn(t,tn)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function an(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}");return{get(e,t,n={miss:()=>Promise.resolve()}){return Promise.resolve().then((()=>{const n=JSON.stringify(e),r=o()[n];return Promise.all([r||t(),void 0!==r])})).then((([e,t])=>Promise.all([e,t||n.miss(e)]))).then((([e])=>e))},set(e,n){return Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]=n,r().setItem(t,JSON.stringify(a)),n}))},delete(e){return Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))}))},clear(){return Promise.resolve().then((()=>{r().removeItem(t)}))}}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get(e,t,n={miss:()=>Promise.resolve()}){return t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e))},set(e,t){return Promise.resolve(t)},delete(e){return Promise.resolve()},clear(){return Promise.resolve()}}:{get(e,r,o={miss:()=>Promise.resolve()}){return n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o)))},set(e,r){return n.set(e,r).catch((()=>cn({caches:t}).set(e,r)))},delete(e){return n.delete(e).catch((()=>cn({caches:t}).delete(e)))},clear(){return n.clear().catch((()=>cn({caches:t}).clear()))}}}function sn(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),c=o&&o.miss||(()=>Promise.resolve());return i.then((e=>c(e))).then((()=>i))},set(n,r){return t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)},delete(e){return delete t[JSON.stringify(e)],Promise.resolve()},clear(){return t={},Promise.resolve()}}}function ln(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function un(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function dn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const pn="4.14.3",fn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const mn={Read:1,Write:2,Any:3},vn=1,gn=2,bn=3,yn=12e4;function En(e,t=vn){return{...e,status:t,lastUpdate:Date.now()}}function Sn(e){return"string"==typeof e?{protocol:"https",url:e,accept:mn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||mn.Any}}const On="GET",wn="POST";function Tn(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(En(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===vn||Date.now()-e.lastUpdate>yn}(e))),r=e.filter((e=>function(e){return e.status===bn&&Date.now()-e.lastUpdate<=yn}(e))),o=[...n,...r];return{getTimeout(e,t){return(0===r.length&&0===e?1:r.length+3+e)*t},statelessHosts:o.length>0?o.map((e=>Sn(e))):t}}))}function Cn(e,t,n,r){const o=[],a=function(e,t){if(e.method===On||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),c=n.method,s=n.method!==On?{}:{...n.data,...r.data},l={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...s,...r.queryParameters};let u=0;const d=(t,s)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:In(o)};const f={data:a,headers:i,method:c,url:_n(p,n.path,l),connectTimeout:s(u,e.timeouts.connect),responseTimeout:s(u,r.timeout)},h=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},m={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=h(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",xn(r)),e.hostsCache.set(p,En(p,n.isTimedOut?bn:gn))]).then((()=>d(t,s)))},onFail(e){throw h(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(o){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,In(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&0==~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,m)))};return Tn(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function kn(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function _n(e,t,n){const r=Dn(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function Dn(e){return Object.keys(e).map((t=>{return dn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function In(e){return e.map((e=>xn(e)))}function xn(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const Nn=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers(){return e===fn.WithinHeaders?r:{}},queryParameters(){return e===fn.WithinQueryParameters?r:{}}}}(void 0!==e.authMode?e.authMode:fn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:c,hosts:s,queryParameters:l,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:c,headers:u,queryParameters:l,hosts:s.map((e=>Sn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>Cn(d,d.hosts.filter((e=>0!=(e.accept&mn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write(e,t){return Cn(d,d.hosts.filter((e=>0!=(e.accept&mn.Write))),e,hn(t,d.timeouts.write))}};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:mn.Read},{url:`${t}.algolia.net`,accept:mn.Write}].concat(ln([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache(){return Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))}};return un(o,e.methods)},An=e=>(t,n)=>t.method===On?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>un({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),Rn=e=>(t,n)=>{const r=t.map((e=>({...e,params:Dn(e.params||{})})));return e.transporter.read({method:wn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},jn=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Hn}}).searchForFacetValues(r,o,{...n,...a})}))),Ln=e=>(t,n,r)=>e.transporter.read({method:wn,path:dn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Mn=e=>(t,n)=>e.transporter.read({method:wn,path:dn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Hn=e=>(t,n,r)=>e.transporter.read({method:wn,path:dn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Bn=1,Un=2,Fn=3;function zn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send(e){return new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))}},logger:(o=Fn,{debug(e,t){return Bn>=o&&console.debug(e,t),Promise.resolve()},info(e,t){return Un>=o&&console.info(e,t),Promise.resolve()},error(e,t){return console.error(e,t),Promise.resolve()}}),responsesCache:sn(),requestsCache:sn({serializable:!1}),hostsCache:cn({caches:[an({key:`${pn}-${e}`}),sn()]}),userAgent:kn(pn).add({segment:"Browser",version:"lite"}),authMode:fn.WithinQueryParameters};var o;return Nn({...r,...n,methods:{search:Rn,searchForFacetValues:jn,multipleQueries:Rn,multipleSearchForFacetValues:jn,customRequest:An,initIndex:e=>t=>Pn(e)(t,{methods:{search:Mn,searchForFacetValues:Hn,findAnswers:Ln}})}})}zn.version=pn;var Gn=zn,Vn="3.3.2";function Wn(){}function $n(e){return e}function qn(e,t){return e.reduce((function(e,n){var r=t(n);return e.hasOwnProperty(r)||(e[r]=[]),e[r].length<5&&e[r].push(n),e}),{})}var Xn=["footer","searchBox"];function Kn(){return Kn=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function nr(e){var t=e.appId,n=e.apiKey,o=e.indexName,a=e.placeholder,i=void 0===a?"Search docs":a,c=e.searchParameters,s=e.onClose,l=void 0===s?Wn:s,u=e.transformItems,d=void 0===u?$n:u,p=e.hitComponent,f=void 0===p?st:p,h=e.resultsFooterComponent,m=void 0===h?function(){return null}:h,v=e.navigator,g=e.initialScrollY,b=void 0===g?0:g,y=e.transformSearchClient,E=void 0===y?$n:y,S=e.disableUserPersonalization,O=void 0!==S&&S,w=e.initialQuery,T=void 0===w?"":w,C=e.translations,k=void 0===C?{}:C,_=e.getMissingResultsUrl,D=k.footer,I=k.searchBox,x=tr(k,Xn),N=Zn(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),A=N[0],P=N[1],R=r.useRef(null),j=r.useRef(null),L=r.useRef(null),M=r.useRef(null),H=r.useRef(null),B=r.useRef(10),U=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,F=r.useRef(T||U).current,z=function(e,t,n){return r.useMemo((function(){var r=Gn(e,t);return r.addAlgoliaAgent("docsearch",Vn),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react",Vn),n(r)}),[e,t,n])}(t,n,E),G=r.useRef(on({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,V=r.useRef(on({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===G.getAll().length?7:4})).current,W=r.useCallback((function(e){if(!O){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===G.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&V.add(t)}}),[G,V,O]),$=r.useMemo((function(){return ot({id:"docsearch",defaultActiveItemId:0,placeholder:i,openOnFocus:!0,initialState:{query:F,context:{searchSuggestions:[]}},navigator:v,onStateChange:function(e){P(e.state)},getSources:function(e){var t=e.query,n=e.state,r=e.setContext,a=e.setStatus;return t?z.search([{query:t,indexName:o,params:Jn({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(B.current),"hierarchy.lvl2:".concat(B.current),"hierarchy.lvl3:".concat(B.current),"hierarchy.lvl4:".concat(B.current),"hierarchy.lvl5:".concat(B.current),"hierarchy.lvl6:".concat(B.current),"content:".concat(B.current)],snippetEllipsisText:"…",highlightPreTag:"",highlightPostTag:"",hitsPerPage:20},c)}]).catch((function(e){throw"RetryError"===e.name&&a("error"),e})).then((function(e){var t=e.results[0],o=t.hits,a=t.nbHits,i=qn(o,(function(e){return Lt(e)}));return n.context.searchSuggestions.length0&&(K(),H.current&&H.current.focus())}),[F,K]),r.useEffect((function(){function e(){if(j.current){var e=.01*window.innerHeight;j.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",Kn({ref:R},X({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===A.status&&"DocSearch-Container--Stalled","error"===A.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&l()}}),r.createElement("div",{className:"DocSearch-Modal",ref:j},r.createElement("header",{className:"DocSearch-SearchBar",ref:L},r.createElement(en,Kn({},$,{state:A,autoFocus:0===F.length,inputRef:H,isFromSelection:Boolean(F)&&F===U,translations:I,onClose:l}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:M},r.createElement(Kt,Kn({},$,{indexName:o,state:A,hitComponent:f,resultsFooterComponent:m,disableUserPersonalization:O,recentSearches:V,favoriteSearches:G,inputRef:H,translations:x,getMissingResultsUrl:_,onItemClick:function(e){W(e),l()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(ct,{translations:D}))))}function rr(){return rr=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n svg{","}}.DocSearch-Title{color:",";margin-bottom:",";font-size:",";}.DocSearch-Help a{",";",";}.DocSearch-Dropdown{overflow-y:auto;overflow-x:hidden;flex:1 1 0;}.DocSearch-Help{font-size:",";margin:0;user-select:none;}.DocSearch-Hits mark{",";}.DocSearch-HitsFooter{color:",";font-size:",";display:flex;justify-content:center;}.DocSearch-HitsFooter a{padding-top:",";margin-bottom:",";border-bottom:"," solid;color:inherit;display:inline-flex;}.DocSearch-Hit{padding-bottom:",";border-radius:",";display:flex;position:relative;}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none;}}.DocSearch-Hit--deleting{opacity:0;transition:all 250ms linear;}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none;}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all 250ms linear;transition-delay:250ms;}.DocSearch-Hit a{",";outline-offset:-",";background-color:",";padding-left:",";border-radius:",";display:block;width:100%;}.DocSearch-Hit-source{background-color:",";color:",";margin:0 -",";padding:"," "," 0;font-size:",";font-weight:",";line-height:3.2rem;position:sticky;top:0;z-index:10;}.DocSearch-Hit-Tree{","{display:none;}","{color:",";height:",";opacity:0.5;stroke-width:",";width:",";}}.DocSearch-Hit[aria-selected='true'] a{position:relative;display:block;&:before,&:after{content:'';position:absolute;pointer-events:none;top:0;bottom:0;left:0;",";}&:before{width:0.4rem;}&:after{border-radius:",";right:0;opacity:0.07;}}.DocSearch-Hit-Container{color:",";height:",";padding:0 "," 0 0;align-items:center;display:flex;flex-direction:row;}.DocSearch-Hit-icon{"," color:",";stroke-width:",";}.DocSearch-Hit-action{",";color:",";stroke-width:",";align-items:center;display:flex;> svg{",";display:block;}}.DocSearch-Hit-action + .DocSearch-Hit-action{margin-left:",";}.DocSearch-Hit-action-button{",";color:inherit;padding:",";}svg.DocSearch-Hit-Select-Icon{display:none;}.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-Select-Icon{display:block;}.DocSearch-Hit-action-button:hover path,.DocSearch-Hit-action-button:focus path{fill:",";}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:",";justify-content:center;line-height:1.2em;margin:0 ",";overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%;}.DocSearch-Hit-title{font-size:",";}.DocSearch-Hit-path{color:",";font-size:",";}.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected='true'] mark,.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-Tree{color:"," !important;}.DocSearch-NoResults-Prefill-List{padding-bottom:",";> ul{padding-top:",";font-size:",";display:inline-block;}li{color:",";list-style-position:inside;list-style-type:'» ';text-align:left;}}.DocSearch-Prefill{",";",";padding-top:",";padding-bottom:",";}"],c.DM.TEXT_LOW_CONTRAST,y.v.SIX,pr.u.COMPLEMENTARY,c.DM.DETAIL_HIGH_CONTRAST,Er,(0,p.x)("4rem"),c.DM.TEXT_HIGH_CONTRAST,y.v.THREE,pr.u.H4,cr.E,fr.J,pr.u.COMPLEMENTARY,lr.V,c.DM.TEXT_LOW_CONTRAST,pr.u.COMPLEMENTARY,Er,Er,l.x.DETAIL,y.v.CUSTOM((e=>{let{ONE:t}=e;return t-.2})),l.X.BOX,fr.J,l.x.OUTLINE,c.DM.BACKGROUND_CODE,Er,l.X.BOX,c.DM.BACKGROUND_SITE,c.DM.TEXT_HIGH_CONTRAST,y.v.CUSTOM((e=>{let{ONE:t}=e;return t-.2})),y.v.CUSTOM((e=>{let{ONE:t}=e;return t+.2})),y.v.CUSTOM((e=>{let{ONE:t}=e;return t-.2})),pr.u.COMPLEMENTARY,pr.X.SEMI_BOLD,s.iD.COMPACT,s.iD.DESKTOP,c.DM.DETAIL_HIGH_CONTRAST,gr,vr,y.v.FOUR,lr.o,l.X.BOX,c.DM.TEXT_MEDIUM_CONTRAST,gr,Er,(0,p.x)("2rem"),c.DM.DETAIL_HIGH_CONTRAST,vr,(0,p.x)("2.2rem"),c.DM.DETAIL_HIGH_CONTRAST,vr,(0,p.x)("1.8rem"),y.v.ONE,d.SO,y.v.CUSTOM((e=>{let{ONE:t}=e;return t-.4})),c.DM.TEXT_MEDIUM_CONTRAST,pr.X.MEDIUM,y.v.CUSTOM((e=>{let{ONE:t}=e;return t+.2})),pr.u.CUSTOM((e=>{let{COMPLEMENTARY:t}=e;return t+.04})),c.DM.TEXT_LOW_CONTRAST,pr.u.DETAIL,c.DM.TEXT_HIGH_CONTRAST,y.v.THREE,y.v.ONE,pr.u.COMPLEMENTARY,c.DM.TEXT_HIGH_CONTRAST,d.SO,cr.E,y.v.ONE,y.v.ONE),Tr=(0,o.css)([".DocSearch-Footer{flex:0 0 auto;padding-top:",";display:flex;flex-direction:row-reverse;flex-shrink:0;width:100%;justify-content:space-between;align-items:center;}.DocSearch-Logo a{",";display:flex;}.DocSearch-Logo svg{color:#5468ff;margin-left:",";}.DocSearch-Label{color:",";font-size:",";line-height:1.9rem;}.DocSearch-Commands{color:",";display:flex;list-style:none;margin:0;padding:0;","{display:none;}}.DocSearch-Commands li{align-items:center;display:flex;}.DocSearch-Commands li:not(:last-of-type){margin-right:",";;}.DocSearch-Commands-Key{align-items:center;border-radius:",";background:linear-gradient( -225deg,"," 0%,"," 100% );box-shadow:inset 0 -0.2rem 0 0 ",";,inset 0 0 0.1rem 0.1rem ",",0 0.1rem 0.2rem 0.1rem rgba(",",0.4);display:flex;height:1.8rem;justify-content:center;margin-right:0.4em;padding-bottom:0.1rem;width:2rem;}.","","{.DocSearch-Commands-Key{background:linear-gradient( -225deg,"," 0%,"," 100% );box-shadow:inset 0 -0.2rem 0 0 ",",inset 0 0 0.1rem 0.1rem ",",0 0.1rem 0.2rem 0.1rem rgba(",",0.4);}}.","","{.DocSearch-Commands-Key{background:linear-gradient( -225deg,"," 0%,"," 100% );box-shadow:inset 0 -0.2rem 0 0 ",";,inset 0 0 0.1rem 0.1rem ",",0 0.1rem 0.2rem 0.1rem rgba(",",0.4);}}"],Er,fr.J,y.v.CUSTOM((e=>{let{ONE:t}=e;return t+.2})),c.DM.TEXT_LOW_CONTRAST,pr.u.DETAIL,c.DM.TEXT_LOW_CONTRAST,s.iD.COMPACT,y.v.CUSTOM((e=>{let{ONE:t}=e;return t+.2})),l.X.LINE,c.DM.DETAIL_MEDIUM_CONTRAST,c.DM.DETAIL_HIGH_CONTRAST,c.DM.DETAIL_LOW_CONTRAST,c.DM.DETAIL_MEDIUM_CONTRAST,c.DM.DETAIL_HIGH_CONTRAST_RGB_VALUE,c.cE,c.YD.LIGHT,c.DM.DETAIL_HIGH_CONTRAST,c.DM.DETAIL_MEDIUM_CONTRAST,c.DM.DETAIL_HIGH_CONTRAST,c.DM.DETAIL_MEDIUM_CONTRAST,c.DM.DETAIL_LOW_CONTRAST_RGB_VALUE,c.cE,c.YD.DARK,c.DM.DETAIL_MEDIUM_CONTRAST,c.DM.DETAIL_HIGH_CONTRAST,c.DM.DETAIL_LOW_CONTRAST,c.DM.DETAIL_MEDIUM_CONTRAST,c.DM.DETAIL_HIGH_CONTRAST_RGB_VALUE),Cr=(0,o.css)([".DocSearch-Input{",";",";height:calc("," - ("," * 2));padding-left:",";padding-right:",";-webkit-appearance:none;appearance:none;border-radius:",";width:100%;font-size:",";background-color:",";color:",";border:0;}.DocSearch-Input::-ms-clear{display:none;",";}.DocSearch-Input::-ms-reveal{display:none;",";}.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none;}"],(kr=c.DM.TEXT_LOW_CONTRAST,(0,o.css)(["::-webkit-input-placeholder{color:",";}:-moz-placeholder{color:",";opacity:1;}::-moz-placeholder{color:",";opacity:1;}:-ms-input-placeholder{color:",";}::-ms-input-placeholder{color:",";}::placeholder{color:",";}"],kr,kr,kr,kr,kr,kr)),fr.J,gr,mr,br,br,l.X.BOX,pr.u.H4,c.DM.BACKGROUND_SITE,c.DM.TEXT_BODY,(0,p.x)("0"),(0,p.x)("0"));var kr;const _r=(0,o.css)([".DocSearch-Button{",";",";border-radius:0;display:flex;align-items:center;justify-content:center;margin-right:-",";margin-left:-",";&:hover{box-shadow:none;}}.DocSearch-Button-Placeholder,.DocSearch-Button-Keys{","}.DocSearch-Search-Icon{",";color:",";stroke-width:0.2rem;display:flex;}"],(0,p.x)("4rem"),d.SO,y.v.CUSTOM((e=>{let{ONE:t}=e;return t+.15})),y.v.CUSTOM((e=>{let{ONE:t}=e;return t+.15})),ur.J,(0,p.x)("2.35rem"),c.DM.TEXT_HIGH_CONTRAST),Dr=(0,o.css)([".DocSearch-MagnifierLabel{display:flex;width:",";top:",";bottom:",";position:absolute;align-items:center;justify-content:center;> svg{",";}}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel{display:none;}"],br,mr,mr,(0,p.x)("2.35rem")),Ir=(0,o.css)([".DocSearch-Reset{",";width:",";top:",";bottom:",";right:",";display:flex;position:absolute;align-items:center;justify-content:center;stroke-width:0.2rem;color:",";> svg{",";}}.DocSearch-Reset[hidden]{display:none;}"],d.SO,br,mr,mr,mr,c.DM.TEXT_HIGH_CONTRAST,(0,p.x)("2.35rem")),xr=(0,o.css)([".DocSearch-Cancel{",";color:",";height:",";display:flex;align-items:center;margin-left:",";}"],d.SO,c.DM.TEXT_BODY,gr,y.v.CUSTOM((e=>{let{TWO:t}=e;return t-.2}))),Nr=(0,o.css)([".DocSearch-LoadingIndicator{width:",";top:",";bottom:",";position:absolute;align-items:center;justify-content:center;color:",";display:none;> svg{",";}}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{display:flex;}"],br,mr,mr,c.DM.TEXT_HIGH_CONTRAST,(0,p.x)("2.35rem")),Ar=(0,o.createGlobalStyle)(["",";",";",";",";",";",";",";",";",";",";"],Sr,Or,wr,Tr,Cr,_r,Dr,Ir,xr,Nr),Pr=()=>{const{isKeyNavigating:e}=(0,sr.t)(),{closeNavigation:t}=(0,u.H)(),n=(0,r.useRef)(null);return(0,r.useEffect)((()=>{if(hr.j&&!n.current)return n.current=document.querySelector("."+dr.N.SEARCH_TOGGLE_BUTTON),n.current&&n.current.addEventListener("click",t),()=>{n.current&&n.current.removeEventListener("click",t)}}),[t]),(0,r.useEffect)((()=>{if(!hr.j)return;const{body:e}=document,t=new MutationObserver((t=>{t.forEach((t=>{if("attributes"!==t.type)return;if(!e.classList.contains(dr.N.SEARCH_ACTIVE))return;const n=e.querySelector("."+dr.N.SEARCH_INPUT);n&&setTimeout((()=>n.focus()),0)}))}));return t.observe(e,{attributes:!0,childList:!1,subtree:!1}),()=>t.disconnect()}),[]),r.createElement(r.Fragment,null,r.createElement(Ar,{$isKeyNavigating:e}),r.createElement(ir,{appId:dr.r.APP_ID,indexName:dr.r.INDEX_NAME,apiKey:dr.r.API_KEY}))};var Rr=n(6991);const jr=y.v.CUSTOM((()=>2.8)),Lr=o.default.ul.withConfig({displayName:"HeaderActions__HeaderActionsWrapper",componentId:"sc-1t1xtjg-0"})(["display:flex;align-items:center;line-height:1.65;","{","}"],s.iD.DESKTOP,(0,Rr.h)(jr,"","li")),Mr=o.default.li.withConfig({displayName:"HeaderActions__Item",componentId:"sc-1t1xtjg-1"})(["display:flex;align-items:center;",";"],(e=>{let{$hiddenAtCompact:t}=e;return t&&(0,o.css)(["","{display:none;}"],s.iD.COMPACT)})),Hr=(0,o.default)(S.pp).withConfig({displayName:"HeaderActions__Link",componentId:"sc-1t1xtjg-2"})(["color:",";display:inline-flex;text-align:center;padding:"," 0;"],c.DM.TEXT_MEDIUM_CONTRAST,y.v.ONE),Br=()=>{const{hierarchical:e}=(0,O.V)();return r.createElement(Lr,null,r.createElement(Mr,{$hiddenAtCompact:!0},r.createElement("nav",{"aria-label":"Quick Navigation Menu"},r.createElement(Lr,null,e.map((e=>r.createElement(Mr,{key:e.id},r.createElement(Hr,{slug:e.slug},e.title))))))),r.createElement(Mr,null,r.createElement(Pr,null)),r.createElement(Mr,{$hiddenAtCompact:!0},r.createElement(E.Tl,null)))};var Ur=n(8116),Fr=n(9900),zr=n(8329);const Gr=(0,o.default)(Fr.t).withConfig({displayName:"HeaderLogo__HeaderLogoWrapper",componentId:"sc-uplq8s-0"})(["color:",";font-size:",";display:flex;align-items:center;text-decoration:none;line-height:1;font-weight:",";","{font-size:",";}"],c.DM.TEXT_HIGH_CONTRAST,pr.u.H4,pr.X.BLACK,s.iD.MIN_XXS,pr.u.CUSTOM((e=>{let{H4:t}=e;return t+.2}))),Vr=(0,o.default)(zr.SO).withConfig({displayName:"HeaderLogo__HeaderLogoImage",componentId:"sc-uplq8s-1"})(["",";margin-right:",";display:flex;","{",";}> img{",";}"],(0,p.x)("2.8rem"),y.v.CUSTOM((e=>{let{ONE:t}=e;return t+.2})),s.iD.MIN_XXS,(0,p.x)("3rem"),(0,p.x)("100%")),Wr=()=>{const{title:e}=(0,Ur.$)();return r.createElement(Gr,{"aria-label":"Permalink to home page",to:"/"},r.createElement(Vr,null),r.createElement("span",null,e))},$r=y.v.TEN,qr="site-header",Xr=(0,o.css)(["height:",";"],$r),Kr=o.default.header.withConfig({displayName:"Header__HeaderWrapper",componentId:"sc-gjabfz-0"})(["",";"],Xr),Yr=o.default.div.withConfig({displayName:"Header__Fixed",componentId:"sc-gjabfz-1"})(["",";z-index:",";background-color:rgba(",",0.8);border-bottom:"," solid ",";backdrop-filter:saturate(180%) blur(5px);position:fixed;top:0;left:0;right:0;","{z-index:",";}"],Xr,b.k.HEADER,c.DM.BACKGROUND_SITE_RGB_VALUE,l.x.DETAIL,c.DM.DETAIL_LOW_CONTRAST,s.iD.DESKTOP,b.k.NAVIGATION+1),Jr=(0,o.default)(a.C).withConfig({displayName:"Header__Content",componentId:"sc-gjabfz-2"})(["",";display:flex;align-items:center;justify-content:space-between;"],Xr),Qr=()=>r.createElement(Kr,{id:qr},r.createElement(Yr,null,r.createElement(Jr,null,r.createElement(g,null),r.createElement(Wr,null),r.createElement(Br,null))))},6807:function(e,t,n){"use strict";n.d(t,{J:function(){return Q}});var r=n(2784),o=n(1195),a=n(1227),i=n.n(a),c=n(6477),s=n.n(c),l=n(7378),u=n.n(l),d=n(481),p=n.n(d),f=n(1112),h=n.n(f),m=n(6786),v=n.n(m),g=n(7705),b=n.n(g),y=n(9679),E=n.n(y),S=n(7091),O=n.n(S),w=n(4450),T=n.n(w),C=n(489),k=n.n(C),_=n(8437),D=n.n(_),I=n(8334),x=n.n(I),N=n(5595),A=n.n(N),P=n(4044),R=n.n(P),j=n(9193),L=n.n(j),M=n(6621),H=n.n(M),B=n(5093),U=n.n(B),F=n(6469),z=n.n(F),G=n(2834),V=n.n(G),W=n(1923),$=n.n(W),q=n(7052),X=n.n(q);const K=e=>(0,o.default)(e).withConfig({displayName:"icons",componentId:"sc-nsvk8i-0"})(["",";"],(e=>{let{$css:t}=e;return t})),Y={moon:K(i()),sun:K(s()),pen:K(u()),npm:K(p()),github:K(h()),javascript:K(v()),typescript:K(b()),react:K(E()),solid:K(O()),search:K(T()),cross:K(k()),info:K(D()),warning:K(x()),danger:K(A()),arrowLeft:K(R()),arrowRight:K(L()),chevronLeft:K(H()),chevronRight:K(U()),emblaLightDefault:K(z()),emblaDarkDefault:K(V()),emblaLightBlur:K($()),emblaDarkBlur:K(X())};var J=n(2829);const Q=e=>{const{svg:t,size:n="100%",color:a="currentColor",...i}=e,c=Y[t];return r.createElement(c,Object.assign({fill:"currentColor","aria-hidden":"true",focusable:"false",$css:(0,o.css)(["color:",";",";"],a||"inherit",(0,J.x)(n))},i))}},6722:function(e,t,n){"use strict";n.d(t,{EG:function(){return u},M5:function(){return d},eb:function(){return l}});var r=n(2784),o=n(1195),a=n(6807),i=n(127);const c=o.default.span.withConfig({displayName:"IconWithText__IconWithTextWrapper",componentId:"sc-1vm2nih-0"})(["display:flex;align-items:flex-start;text-align:left;> :first-child{margin-right:",";}"],(e=>{let{$spacing:t}=e;return t})),s=o.default.span.withConfig({displayName:"IconWithText__IconWrapper",componentId:"sc-1vm2nih-1"})(["position:relative;width:",";&:before{width:",";content:'-';display:inline-block;line-height:inherit;opacity:0;}"],(e=>{let{$iconSize:t}=e;return t}),(e=>{let{$iconSize:t}=e;return t})),l=(0,o.default)(a.J).withConfig({displayName:"IconWithText__IconWithTextIcon",componentId:"sc-1vm2nih-2"})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]),u=o.default.span.withConfig({displayName:"IconWithText__IconWithTextText",componentId:"sc-1vm2nih-3"})([""]),d=e=>{const{spacing:t=i.v.ONE,iconSize:n=i.v.THREE,iconSide:o="left",iconSvg:a,children:d,...p}=e,f="left"===o,h=r.createElement(s,{$iconSize:n},r.createElement(l,{svg:a,size:n}));return r.createElement(c,Object.assign({$spacing:t},p),f&&h,r.createElement(u,null,d),!f&&h)}},7738:function(e,t,n){"use strict";n.d(t,{H:function(){return a},V:function(){return i}});var r=n(2784),o=n(7197);const a=(0,r.createContext)({isKeyNavigating:!1,setIsKeyNavigating:()=>{}}),i=e=>{const{children:t}=e,{0:n,1:i}=(0,r.useState)(!1),c=(0,r.useCallback)((()=>{n&&i(!1)}),[n,i]),s=(0,r.useCallback)((e=>{let{key:t}=e;"Tab"!==t||n||i(!0)}),[n,i]),l=(0,r.useMemo)((()=>({isKeyNavigating:n,setIsKeyNavigating:i})),[n,i]);return(0,o.O)("keydown",s),(0,o.O)("mousedown",c),r.createElement(a.Provider,{value:l},t)}},1429:function(e,t,n){"use strict";n.d(t,{A:function(){return p},O:function(){return u}});var r=n(2784),o=n(1195),a=n(4327),i=n(5619),c=n(7712),s=n(9939),l=n(9322);const u="main-content",d=(0,o.default)(a.l).withConfig({displayName:"KeyNavigatingSkipToContent__KeyNavigatingSkipToContentWrapper",componentId:"sc-jbl8yu-0"})(["z-index:",";top:1rem;left:1rem;position:absolute;transform:translateX(-1000rem);&:focus,&:active{",";position:fixed;transform:translateX(0);}"],s.k.SEARCH+1,l.J),p=()=>{const{0:e,1:t}=(0,r.useState)(null),n=(0,r.useCallback)((t=>{t.currentTarget.blur(),t.preventDefault(),(0,i.navigate)(t.currentTarget.href),null==e||e.focus()}),[e]);return(0,r.useEffect)((()=>{c.j&&t(document.getElementById(u))}),[t]),e?r.createElement(d,{to:"#"+u,onClick:n,$isKeyNavigating:!0},"Skip to content"):null}},8781:function(e,t,n){"use strict";n.d(t,{u:function(){return a}});var r=n(3792),o=n(727);const a=(0,n(1195).css)(["html{background-color:",";font-size:62.5%;}body{background-color:",";color:",";font-size:",";line-height:1.65;}"],r.DM.BACKGROUND_SITE,r.DM.BACKGROUND_SITE,r.DM.TEXT_HIGH_CONTRAST,o.u.BODY)},3228:function(e,t,n){"use strict";n.d(t,{h:function(){return i}});var r=n(1195),o=n(4550);const a="'Inter var'",i=((0,r.css)(["@supports (font-variation-settings:normal){@font-face{font-family:",";font-weight:",";font-style:normal;font-named-instance:'Regular';src:url(",") format('woff2 supports variations(gvar)'),url(",") format('woff2-variations'),url(",") format('woff2');}}"],a,"400 900",o.B,o.B,o.B),(0,r.css)(["html{font-family:'system-ui',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';letter-spacing:-0.02rem;}@supports (font-variation-settings:normal){html{font-family:",",'system-ui',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';}}"],a))},750:function(e,t,n){"use strict";n.d(t,{C:function(){return a}});var r=n(1195),o=n(727);const a=(0,r.css)(["html{box-sizing:border-box;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}*,*::before,*::after{box-sizing:inherit;}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:",";}ul{list-style:none;}:root{-moz-tab-size:4;tab-size:4;}hr{height:0;}abbr[title]{text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;top:-0.5em;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,select{text-transform:none;}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:none;appearance:none;}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText;}img,embed,iframe,object,audio,video{height:auto;max-width:100%;}"],o.X.NORMAL)},7731:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return K}});var r=n(2784),o=n(8923),a=n(713),i=n(9085),c=n(7738),s=n(2138),l=n(6787),u=n(1429),d=n(1195),p=n(8781),f=n(750),h=n(8329),m=n(6952),v=n(3792);const g=(0,d.css)([".","","{color-scheme:",";",",","{display:none;}}.","","{color-scheme:",";",",","{display:none;}}"],v.cE,v.YD.LIGHT,v.YD.LIGHT,h.xp,m.Si,v.cE,v.YD.DARK,v.YD.DARK,h.VN,m.Gt);var b=n(3228);const y=(0,d.createGlobalStyle)(["",";",";",";",";"],b.h,f.C,p.u,g),E="Home",S="404";var O=n(5211),w=n(6592),T=n(2717),C=n(127),k=n(9939),_=n(8948),D=n(3786);const I="28rem",x="21rem",N=(0,d.css)(["min-width:0;flex:0 0 auto;","{width:",";max-width:",";}","{width:",";max-width:",";}"],T.iD.DESKTOP,x,x,T.iD.MIN_LG,I,I),A=(0,d.default)(w.C).withConfig({displayName:"PageGrid__PageGridWrapper",componentId:"sc-nw069y-0"})(["position:relative;display:flex;flex-wrap:wrap;padding-top:",";padding-bottom:",";"],w.D,w.D),P=d.default.main.withConfig({displayName:"PageGrid__Main",componentId:"sc-nw069y-1"})(["flex:1;min-width:0;max-width:100%;position:relative;z-index:",";",";"],k.k.STEP,(e=>{let{$isStartPage:t}=e;return!t&&(0,d.css)(["","{padding-right:",";padding-left:",";}"],T.iD.DESKTOP,C.v.SEVEN,C.v.SEVEN)})),R=d.default.div.withConfig({displayName:"PageGrid__SiteNavigationWrapper",componentId:"sc-nw069y-2"})(["",";","{",";}"],N,T.iD.DESKTOP,(e=>{let{$isStartPage:t}=e;return t&&(0,d.css)(["position:fixed;visibility:hidden;left:0;transform:translateX(-100%);"])})),j=d.default.div.withConfig({displayName:"PageGrid__TableOfContentsWrapper",componentId:"sc-nw069y-3"})(["",";","{display:none;}",";"],N,T.iD.COMPACT,(e=>{let{$isStartPage:t}=e;return t&&(0,d.css)(["display:none;"])})),L=e=>{const{children:t,layout:n}=e,{isLoading:o}=(0,O.V)(),a=n===E,i=a?"MD":void 0;return r.createElement(A,{size:i},r.createElement(R,{$isStartPage:a},r.createElement(_.w,null)),r.createElement(P,{role:"main","aria-live":"polite",$isStartPage:a,"aria-busy":o},t),r.createElement(j,{$isStartPage:a},r.createElement(D.o,null)))};var M=n(4097),H=n(8314),B=n(6934),U=n(7197);const F=C.v.CUSTOM((e=>{let{ONE:t}=e;return t/2})),z=d.default.div.withConfig({displayName:"RoutesLoading__RoutesLoadingWrapper",componentId:"sc-hlxlb9-0"})(["z-index:",";top:",";height:",";left:0;right:0;position:fixed;pointer-events:none;overflow:hidden;","{top:0;}"],k.k.NAVIGATION+k.k.STEP,H.Mz,F,T.iD.DESKTOP),G=d.default.div.withConfig({displayName:"RoutesLoading__ProgressBar",componentId:"sc-hlxlb9-1"})(["",";z-index:",";height:",";width:100%;opacity:1;animation-duration:",";animation-name:",";animation-fill-mode:forwards;animation-timing-function:linear;transition:opacity 0.6s;pointer-events:none;@keyframes progress{0%{transform:translateX(-100%);}100%{transform:translateX(0%);}}"],M.o,k.k.STEP,F,(e=>{let{$loading:t}=e;return t?"15s":"1s"}),(e=>{let{$animating:t}=e;return t?"progress":"none"})),V=e=>{const{pageId:t}=e,{isLoading:n,setIsLoading:o}=(0,O.V)(),{isOpen:a,closeNavigation:i}=(0,B.H)(),{0:c,1:s}=(0,r.useState)(!0),l=(0,r.useRef)(t),u=(0,r.useRef)(null),d=(0,r.useRef)(0),p=(0,r.useRef)(0),f=(0,r.useCallback)((()=>s(!1)),[]);return(0,U.O)("animationend",f,u),(0,r.useEffect)((()=>{if(!n)return;const e=u.current;e&&(s(!0),e.style.animationName="none",e.style.opacity="0",d.current=window.requestAnimationFrame((()=>{p.current=window.setTimeout((()=>{e.style.animationName="",e.style.opacity="1"}),0)})))}),[n]),(0,r.useEffect)((()=>{if(n)return;const e=d.current,t=p.current;e&&cancelAnimationFrame(e),t&&clearTimeout(t),u.current&&(u.current.style.opacity="0")}),[n]),(0,r.useEffect)((()=>{t!==l.current&&a&&i(),l.current=t,o(!1)}),[t,a,i,o]),(0,r.useEffect)((()=>()=>{const e=d.current,t=p.current;e&&cancelAnimationFrame(e),t&&clearTimeout(t)}),[]),r.createElement(z,null,r.createElement(G,{ref:u,$loading:n,$animating:c}))};var W=n(9027);const $=d.default.footer.withConfig({displayName:"Footer__FooterWrapper",componentId:"sc-bbv95y-0"})(["padding-top:",";padding-bottom:",";"],w.D,w.D),q=(0,d.default)(w.C).withConfig({displayName:"Footer__Content",componentId:"sc-bbv95y-1"})(["display:flex;justify-content:center;"]),X=()=>r.createElement($,null,r.createElement(q,null,r.createElement(W.q,null))),K=e=>{const{children:t,pageContext:n,data:{mdx:d}}=e,{layout:p,id:f}=n,h=p===S,m=null==d?void 0:d.tableOfContents;return r.createElement(o.Y,null,r.createElement(a.f,null,r.createElement(c.V,null,r.createElement(i.P,null,r.createElement(y,null),h?r.createElement(r.Fragment,null,t):r.createElement(r.Fragment,null,r.createElement(u.A,null),r.createElement(H.h4,null),r.createElement(V,{pageId:f}),r.createElement(s.X,null,r.createElement(l.I,{tableOfContents:m},r.createElement(L,{layout:p},t))),r.createElement(X,null))))))}},9900:function(e,t,n){"use strict";n.d(t,{t:function(){return v}});var r=n(2784),o=n(5619),a=n(1195),i=n(4792),c=n(6934),s=n(5211),l=n(5807),u=n(6849),d=n(9322);const p=/^\/(?!\/)|^#/,f=(0,a.css)(["",";",";text-decoration:none;"],d.J,u.C),h=(0,a.default)(i.Link).withConfig({displayName:"LinkBare__InternalLink",componentId:"sc-qj4fdd-0"})(["",";"],f),m=a.default.a.withConfig({displayName:"LinkBare__ExternalLink",componentId:"sc-qj4fdd-1"})(["",";"],f),v=e=>{const{to:t,id:n,ariaLabel:a,tabIndex:i,children:u,onClick:d,...f}=e,v=(0,r.useRef)(null),g=p.test(t),{isKeyNavigating:b}=(0,l.t)(),{pathname:y}=(0,o.useLocation)(),{setIsLoading:E}=(0,s.V)(),{closeNavigation:S}=(0,c.H)(),O=(0,r.useCallback)((e=>{d&&d(e),v.current||(v.current=document.createElement("a")),v.current.href=t;y===v.current.pathname?v.current.hash?setTimeout((()=>S()),0):S():E(!0)}),[y,t,S,E,d]);return g?r.createElement(h,Object.assign({to:t,id:n,"aria-label":a,tabIndex:i,onClick:O,$isKeyNavigating:b},f),u):r.createElement(m,Object.assign({href:t,id:n,"aria-label":a,tabIndex:i,onClick:d,$isKeyNavigating:b,target:"_blank",rel:"noreferrer"},f),u)}},4327:function(e,t,n){"use strict";n.d(t,{R:function(){return v},l:function(){return b}});var r=n(2784),o=n(1195),a=n(240),i=n(776),c=n(3792),s=n(127),l=n(727),u=n(9939),d=n(2715),p=n(4097);const f=(0,o.css)(["padding:"," ",";line-height:1.15;border-radius:3rem;font-weight:",";display:inline-flex;position:relative;&:before,&:after{content:'';position:absolute;pointer-events:none;border-radius:inherit;}&:before{",";top:0;left:0;bottom:0;right:0;}&:after{background-color:",";top:",";left:",";bottom:",";right:",";}","{",";z-index:",";}"],s.v.CUSTOM((()=>1.4)),s.v.CUSTOM((()=>2.6)),l.X.BOLD,p.o,c.DM.BACKGROUND_SITE,d.x.OUTLINE,d.x.OUTLINE,d.x.OUTLINE,d.x.OUTLINE,i.j5,p.V,u.k.STEP);(0,o.default)(i.f8).withConfig({displayName:"ButtonPrimaryOutlined",componentId:"sc-1tlmlio-0"})(["",";&:disabled{&:before{background-image:none;background-color:",";}","{background-image:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:currentcolor;color:",";}}"],f,c.DM.DETAIL_HIGH_CONTRAST,i.j5,c.DM.DETAIL_HIGH_CONTRAST);var h=n(9900);const m=(0,o.default)(h.t).withConfig({displayName:"LinkButton__LinkButtonPrimaryFilledWrapper",componentId:"sc-1mggvwd-0"})(["",";"],a.N8),v=e=>{const{children:t,...n}=e;return r.createElement(m,n,r.createElement(i.j5,null,t))},g=(0,o.default)(h.t).withConfig({displayName:"LinkButton__LinkButtonPrimaryOutlinedWrapper",componentId:"sc-1mggvwd-1"})(["",";"],f),b=e=>{const{children:t,...n}=e;return r.createElement(g,n,r.createElement(i.j5,null,t))}},5006:function(e,t,n){"use strict";n.d(t,{E:function(){return s},R:function(){return u}});var r=n(2784),o=n(1195),a=n(9900),i=n(4097),c=n(727);const s=(0,o.css)(["",";display:inline-block;font-weight:",";"],i.V,c.X.MEDIUM),l=(0,o.default)(a.t).withConfig({displayName:"LinkContent__LinkContentWrapper",componentId:"sc-1wcim9r-0"})(["",";"],s),u=e=>r.createElement(l,e)},4199:function(e,t,n){"use strict";n.d(t,{XR:function(){return d},pp:function(){return f},xs:function(){return p}});var r=n(2784),o=n(1195),a=n(2532),i=n(9900),c=n(4097),s=n(727),l=n(3792);const u=(0,o.default)(i.t).withConfig({displayName:"LinkNavigation__LinkNavigationWrapper",componentId:"sc-s1px90-0"})(["position:relative;display:inline-flex;align-items:center;"]),d=o.default.span.withConfig({displayName:"LinkNavigation__InactiveText",componentId:"sc-s1px90-1"})(["color:",";opacity:",";transform:translateY(-50%);position:absolute;top:50%;left:0;right:0;"],l.DM.TEXT_MEDIUM_CONTRAST,(e=>{let{$isActive:t}=e;return t?0:1})),p=o.default.span.withConfig({displayName:"LinkNavigation__ActiveText",componentId:"sc-s1px90-2"})(["opacity:",";font-weight:",";",";"],(e=>{let{$isActive:t}=e;return t?1:0}),s.X.MEDIUM,c.V),f=e=>{const{slug:t,isActive:n,children:o,...i}=e,{isPartiallyActive:c}=(0,a.U)(t),s=null!=n?n:c;return r.createElement(u,Object.assign({to:t},i),r.createElement(d,{$isActive:s},o),r.createElement(p,{$isActive:s,"aria-hidden":"true"},o))}},6592:function(e,t,n){"use strict";n.d(t,{C:function(){return l},D:function(){return c}});var r=n(2784),o=n(1195),a=n(127);const i={DEFAULT:"144rem",MD:"110rem",SM:"68rem"},c=a.v.FOUR,s=o.default.div.withConfig({displayName:"PageFrame__PageFrameWrapper",componentId:"sc-1wyjdd4-0"})(["margin-left:auto;margin-right:auto;padding-left:",";padding-right:",";max-width:",";width:100%;"],c,c,(e=>{let{$size:t}=e;return t})),l=e=>{const{size:t="DEFAULT",children:n,...o}=e,a=i[t];return r.createElement(s,Object.assign({$size:a},o),n)}},8923:function(e,t,n){"use strict";n.d(t,{M:function(){return s},Y:function(){return l}});var r=n(2784),o=n(572);const a=e=>e.allMdx.edges.map((e=>{let{node:t}=e;return t})).map((e=>{let{id:t,fields:n,frontmatter:r}=e;return{id:t,slug:n.slug,title:r.title||"",order:r.order||0,description:r.description||"",level:n.slug.split("/").filter(Boolean).length,children:[]}})),i=e=>{const t=a(e);return t.filter((e=>{let{level:t}=e;return 1===t})).map((e=>(0,o.K)({...e},t)))};var c=n(4792);const s=(0,r.createContext)({hierarchical:[],flat:[],isLoading:!1,setIsLoading:()=>{}}),l=e=>{const{children:t}=e,n=(0,c.useStaticQuery)("388772440"),{0:o,1:l}=(0,r.useState)(!1),u=(0,r.useMemo)((()=>({hierarchical:i(n),flat:a(n),isLoading:o,setIsLoading:l})),[n,o]);return r.createElement(s.Provider,{value:u},t)}},8329:function(e,t,n){"use strict";n.d(t,{xp:function(){return y},VN:function(){return b},SO:function(){return O}});var r=n(2784),o=n(1195),a=n.p+"static/embla-logo-light-theme-998e60170b41826ce3f4599ac9a68335.svg",i=n.p+"static/embla-logo-dark-theme-e0355b1aed42f0a57637d8d8e6c28cda.svg",c=n.p+"static/embla-logo-light-theme-blur-db7093b8d7d20cb8c2429e3f6e05156a.svg",s=n.p+"static/embla-logo-dark-theme-blur-dd6671f5992e7089fd82e1f04db7370e.svg",l=n(7704),u=n(8116),d=n(6908),p=n(3792),f=n(9939),h=n(6807);const m=o.default.div.withConfig({displayName:"SiteLogo__SiteLogoWrapper",componentId:"sc-1by5cek-0"})(["width:100%;position:relative;&:before{content:'';display:block;padding-bottom:100%;width:100%;}"]),v=(0,o.css)(["position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:",";"],f.k.STEP),g=o.default.img.withConfig({displayName:"SiteLogo__LogoImage",componentId:"sc-1by5cek-1"})(["",";"],v),b=(0,o.default)(h.J).withConfig({displayName:"SiteLogo__LogoLightIcon",componentId:"sc-1by5cek-2"})(["",";"],v),y=(0,o.default)(h.J).withConfig({displayName:"SiteLogo__LogoDarkIcon",componentId:"sc-1by5cek-3"})(["",";"],v),E={default:{[p.YD.LIGHT]:a,[p.YD.DARK]:i},blur:{[p.YD.LIGHT]:c,[p.YD.DARK]:s}},S={default:{[p.YD.LIGHT]:"emblaLightDefault",[p.YD.DARK]:"emblaDarkDefault"},blur:{[p.YD.LIGHT]:"emblaLightBlur",[p.YD.DARK]:"emblaDarkBlur"}},O=e=>{const{appearance:t="default"}=e,[n,o]=(0,l.YD)({triggerOnce:!0}),{0:a,1:i}=(0,r.useState)(!1),{theme:c}=(0,d.F)(),{title:s}=(0,u.$)(),p=S[t].light,f=S[t].dark,{src:h,alt:v}=(0,r.useMemo)((()=>({src:E[t][c],alt:"An illustrated atom like body which is the logotype of "+s})),[c,t,s]);return r.createElement(m,Object.assign({ref:n},e),!a&&r.createElement(r.Fragment,null,r.createElement(b,{svg:p,fill:void 0}),r.createElement(y,{svg:f,fill:void 0})),o&&r.createElement(g,{src:h,alt:v,onLoad:()=>i(!0)}))}},8948:function(e,t,n){"use strict";n.d(t,{q:function(){return se},w:function(){return pe}});var r=n(2784),o=n(1195),a=n(9553),i=n.n(a),c=n(6934),s=n(7197),l=n(2717),u=n(4073),d=n.n(u);var p=n(7712);const f=function(e){void 0===e&&(e=0);const t=(0,r.useCallback)((()=>({windowWidth:p.j?window.innerWidth:0,windowHeight:p.j?window.innerHeight:0})),[]),{0:n,1:o}=(0,r.useState)(t);return(e=>{const{callback:t,wait:n=300}=e,o=(0,r.useMemo)((()=>0!==n?d()((e=>t(e)),n):e=>t(e)),[n,t]);(0,s.O)("resize",o)})({wait:e,callback:()=>o(t)}),n};var h=n(9939),m=n(8314),v=n(127),g=n(3792),b=n(6592),y=n(9027),E=n(5211),S=n(6047),O=n(2715),w=n(4097),T=n(727),C=n(776),k=n(4199),_=n(2532),D=n(6807);const I=v.v.ONE,x=v.v.CUSTOM((e=>{let{ONE:t}=e;return t+.2})),N=o.default.div.withConfig({displayName:"SiteNavigationSubMenu__SiteNavigationSubMenuWrapper",componentId:"sc-3daay4-0"})(["display:flex;flex-direction:column;line-height:1.65;","{border-bottom:"," solid ",";}"],l.iD.COMPACT,O.x.DETAIL,g.DM.DETAIL_MEDIUM_CONTRAST),A=(0,o.default)(C.f8).withConfig({displayName:"SiteNavigationSubMenu__Toggle",componentId:"sc-3daay4-1"})(["font-weight:",";color:",";padding:"," 0 "," calc("," + ",");margin:0 0;position:relative;line-height:inherit;display:flex;align-items:center;text-align:left;width:100%;text-transform:uppercase;",";","{padding:"," 0 "," calc("," + ",");}"],T.X.SEMI_BOLD,g.DM.TEXT_BODY,I,I,x,v.v.TWO,(e=>{let{$isActive:t}=e;return(0,o.css)(["> span{",";}"],t&&w.V)}),l.iD.COMPACT,v.v.TWO,v.v.TWO,x,v.v.TWO),P=(0,o.default)(D.J).withConfig({displayName:"SiteNavigationSubMenu__ToggleSvg",componentId:"sc-3daay4-2"})(["transform:",";color:",";position:absolute;left:0;top:0;bottom:0;margin:auto;"],(e=>{let{$isOpen:t}=e;return t&&"rotate(90deg)"}),g.DM.TEXT_LOW_CONTRAST),R=o.default.ul.withConfig({displayName:"SiteNavigationSubMenu__Menu",componentId:"sc-3daay4-3"})(["",";padding-left:calc("," + ",");position:relative;","{&:before{content:'';position:absolute;top:0;left:0.3rem;width:",";bottom:0;background-color:",";}}"],(e=>{let{$isOpen:t}=e;return(0,o.css)(["height:",";overflow:",";visibility:",";","{margin-top:",";padding-bottom:",";}"],!t&&"0px",!t&&"hidden",!t&&"hidden",l.iD.COMPACT,t&&"-"+v.v.ONE,t&&v.v.TWO)}),x,v.v.FOUR,l.iD.DESKTOP,O.x.DETAIL,g.DM.DETAIL_MEDIUM_CONTRAST),j=(0,o.default)(k.pp).withConfig({displayName:"SiteNavigationSubMenu__Link",componentId:"sc-3daay4-4"})(["margin:0 0;text-align:left;padding:"," 0;> ","{color:",";}"],I,k.XR,g.DM.TEXT_LOW_CONTRAST),L=e=>{const{route:t,isDesktopMenu:n}=e,{title:o,children:a}=t,{isPartiallyActive:i,isActive:c}=(0,_.U)(t.slug),{0:s,1:l}=(0,r.useState)(i),u=s?"Hide":"Show",d=i&&n?S.N.LVL_0:void 0,p=function(e,t){return void 0===e&&(e=""),e.toLowerCase().split(" ").join("-")+"-navigation-"+(t?"desktop":"compact")+"-menu"}(o,n),f=(0,r.useCallback)((e=>{e.preventDefault(),l((e=>!e))}),[l]);return(0,r.useEffect)((()=>{l(i)}),[l,i]),r.createElement(N,{"aria-labelledby":p},r.createElement(A,{id:p,onClick:f,$isActive:i,"aria-expanded":s,"aria-label":u+" Navigation Menu"},r.createElement(P,{$isOpen:s,svg:"chevronRight",size:x}),r.createElement("span",{className:d},o)),r.createElement(R,{$isOpen:s},r.createElement("li",null,r.createElement(j,{slug:t.slug,isActive:c},"Overview")),a.map((e=>r.createElement("li",{key:e.id},r.createElement(j,{slug:e.slug},e.title))))))},M=e=>{const{isDesktopMenu:t=!1}=e,{hierarchical:n}=(0,E.V)();return r.createElement(r.Fragment,null,n.map((e=>r.createElement("li",{key:e.id},r.createElement(L,{route:e,isDesktopMenu:t})))))};var H=n(5807),B=n(7892);const U=o.default.div.withConfig({displayName:"SiteNavigationMenuDesktop__SiteNavigationMenuDesktopWrapper",componentId:"sc-cnmu2w-0"})(["background-color:",";position:relative;height:100%;&:before,&:after{position:absolute;z-index:",";left:-",";right:-",";content:'';}&:before{",";top:-",";}&:after{",";bottom:-",";}","{display:none;}"],g.DM.BACKGROUND_SITE,h.k.STEP,b.D,b.D,(0,B.CQ)("top"),B.RT,(0,B.CQ)("bottom"),B.RT,l.iD.COMPACT),F=o.default.ul.withConfig({displayName:"SiteNavigationMenuDesktop__ScrollArea",componentId:"sc-cnmu2w-1"})(["",";padding-top:",";padding-bottom:",";overflow:auto;max-height:100%;"],(0,B.WY)("y"),b.D,b.D),z=(0,o.default)(y.q).withConfig({displayName:"SiteNavigationMenuDesktop__MiscLinks",componentId:"sc-cnmu2w-2"})(["padding-top:",";flex-direction:column;"],v.v.THREE),G=()=>{const{isKeyNavigating:e}=(0,H.t)();return r.createElement(U,{$isKeyNavigating:e},r.createElement(F,null,r.createElement(M,{isDesktopMenu:!0}),r.createElement("li",null,r.createElement(z,null))))};var V=n(4234),W=n(3786),$=n(6854),q=n(1316),X=n(3902),K=n(5908),Y=n(9031),J=n(6908),Q=n(9348),Z=n(6952);const ee="36rem",te=o.default.div.withConfig({displayName:"SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper",componentId:"sc-16s07xy-0"})(["background-color:",";position:relative;height:100%;z-index:",";padding-right:",";padding-left:",";padding-bottom:",";padding-top:",";","{display:none;}"],g.DM.BACKGROUND_SITE,h.k.STEP,b.D,b.D,m.Mz,m.Mz,l.iD.DESKTOP),ne=(0,o.default)(q.m).withConfig({displayName:"SiteNavigationMenuCompact__MenuTabs",componentId:"sc-16s07xy-1"})(["height:100%;","{height:",";z-index:",";position:absolute;bottom:0;left:0;right:0;padding-left:",";padding-right:",";margin-bottom:0;background-color:",";border-top:"," solid ",";border-bottom:0;justify-content:center;}","{position:relative;height:100%;outline-offset:-",";overflow:hidden;&:before,&:after{position:absolute;z-index:",";left:-",";right:-",";content:'';}&:before{",";top:-",";}&:after{",";bottom:-",";}&:focus{z-index:",";}}","{flex-grow:1;justify-content:center;max-width:calc("," / 2);}"],X.d,m.Mz,2*h.k.STEP,b.D,b.D,g.DM.BACKGROUND_SITE,O.x.DETAIL,g.DM.DETAIL_LOW_CONTRAST,Y.d,O.x.OUTLINE,h.k.STEP,b.D,b.D,(0,B.CQ)("top"),B.RT,(0,B.CQ)("bottom"),B.RT,h.k.HEADER,K.e,ee),re=o.default.div.withConfig({displayName:"SiteNavigationMenuCompact__ScrollArea",componentId:"sc-16s07xy-2"})(["",";padding-top:",";padding-bottom:",";max-width:",";overflow:auto;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;"],(0,B.WY)("y"),v.v.TWO,v.v.FOUR,ee),oe=(0,o.default)(Z.Tl).withConfig({displayName:"SiteNavigationMenuCompact__ThemeToggleButton",componentId:"sc-16s07xy-3"})(["background-color:",";width:100%;justify-content:space-between;padding:1.8rem 2rem;margin-top:",";height:auto;margin-right:0;margin-left:0;border-radius:",";overflow:hidden;",",","{left:auto;right:2rem;transform:translateY(-50%);}"],g.DM.BACKGROUND_CODE,v.v.FOUR,O.X.BOX,Z.Si,Z.Gt),ae=o.default.span.withConfig({displayName:"SiteNavigationMenuCompact__ThemeToggleText",componentId:"sc-16s07xy-4"})(["color:",";"],g.DM.TEXT_MEDIUM_CONTRAST),ie=(0,o.default)(y.q).withConfig({displayName:"SiteNavigationMenuCompact__MiscLinks",componentId:"sc-16s07xy-5"})(["padding-top:",";justify-content:center;"],v.v.THREE),ce=()=>{const{theme:e}=(0,J.F)(),{isKeyNavigating:t}=(0,H.t)(),{isOpen:n}=(0,c.H)(),o=(0,r.useRef)(n),a=(0,Q.e)(),{0:i,1:s}=(0,r.useState)(!0),l=e===g.YD.LIGHT?g.YD.DARK:g.YD.LIGHT;return(0,r.useEffect)((()=>{if(n!==o.current){var e;const t=!(null===(e=a.items)||void 0===e||!e.length);s(t),o.current=n}}),[n,a]),r.createElement(te,null,r.createElement(ne,{$isKeyNavigating:t},r.createElement($.L,{tab:V.sm.TABS.MAIN_MENU},r.createElement(re,null,r.createElement("ul",null,r.createElement(M,null),r.createElement("li",null,r.createElement(oe,null,r.createElement(ae,null,"Activate ",l," theme"))),r.createElement("li",null,r.createElement(ie,null))))),r.createElement($.L,{tab:V.sm.TABS.ON_THIS_PAGE,disabled:!i},r.createElement(re,null,r.createElement(W.o,null)))))},se="main-navigation-menu",le=["Escape","Esc"],ue="main-menu",de=o.default.nav.withConfig({displayName:"SiteNavigation__SiteNavigationWrapper",componentId:"sc-d38nhn-0"})(["position:fixed;","{z-index:",";top:0;right:0;bottom:0;left:0;",";}","{width:inherit;max-width:inherit;top:",";bottom:0;}","{padding-right:",";}"],l.iD.COMPACT,h.k.NAVIGATION,(e=>{let{$isOpen:t}=e;return(0,o.css)(["transform:",";visibility:",";"],!t&&"translateX(-100%)",!t&&"hidden")}),l.iD.DESKTOP,m.Mz,l.iD.MIN_LG,v.v.SEVEN),pe=e=>{const{isCompact:t}=(()=>{const{windowWidth:e}=f(),t=e{if(!p.j)return[];const e=document.getElementById(m.WZ),t=document.getElementById(ue);return e&&t?[e,t]:[]}),[]),u=(0,r.useCallback)((e=>{let{key:t}=e;le.includes(t)&&o()}),[o]);return(0,s.O)("keyup",u),(0,r.useEffect)((()=>(t||o(),()=>o())),[t,o]),r.createElement(i(),{active:n,containerElements:a()},r.createElement(de,Object.assign({id:ue,role:"dialog","aria-modal":"true","aria-labelledby":se,"aria-label":"Main Navigation Menu",$isOpen:n},e),r.createElement(G,null),r.createElement(ce,null)))}},9085:function(e,t,n){"use strict";n.d(t,{P:function(){return a},k:function(){return o}});var r=n(2784);const o=(0,r.createContext)({isOpen:!1,toggleNavigation:()=>{},closeNavigation:()=>{}}),a=e=>{const{children:t}=e,{0:n,1:a}=(0,r.useState)(!1),i=(0,r.useCallback)((()=>{a((e=>!e))}),[a]),c=(0,r.useCallback)((()=>{a(!1)}),[a]),s=(0,r.useMemo)((()=>({isOpen:n,toggleNavigation:i,closeNavigation:c})),[n,i,c]);return r.createElement(o.Provider,{value:s},t)}},3786:function(e,t,n){"use strict";n.d(t,{o:function(){return I}});var r=n(2784),o=n(1195),a=n(2717),i=n(9939),c=n(8314),s=n(127),l=n(6592),u=n(5807),d=n(4616),p=n(3792),f=n(2715),h=n(727),m=n(9348),v=n(4199);const g=(0,o.default)(v.pp).withConfig({displayName:"TableOfContentsMenuItem__Link",componentId:"sc-1c5uz5d-0"})(["padding-top:",";padding-bottom:",";outline-offset:-",";",";"],s.v.CUSTOM((e=>{let{ONE:t}=e;return t-.4})),s.v.CUSTOM((e=>{let{ONE:t}=e;return t-.4})),f.x.OUTLINE,(e=>{let{$level:t}=e;return t>0&&(0,o.css)(["> ","{color:",";}"],v.XR,p.DM.TEXT_LOW_CONTRAST)})),b=e=>{const{item:t,isActive:n,children:o,level:a}=e;return r.createElement("li",{key:t.url},r.createElement(g,{slug:t.url||"",isActive:n,$level:a},t.title),o)},y=s.v.CUSTOM((()=>1.6)),E=o.default.ol.withConfig({displayName:"TableOfContentsMenuItems__TableOfContentsMenuItemsWrapper",componentId:"sc-1btg4j2-0"})(["padding-left:",";list-style:none;"],(e=>{let{$withSpacing:t}=e;return t?y:0})),S=e=>{const{items:t=[],activeId:n,level:o=0}=e,a=o+1;return r.createElement(E,{$withSpacing:o>0},t.map(((e,t)=>{var i;if((e=>!e.url&&!e.title&&void 0!==e.items)(e))return r.createElement(S,{key:t+"-level",items:e.items,activeId:n,level:a});const c=n===(null===(i=e.url)||void 0===i?void 0:i.slice(1));return r.createElement(b,{key:e.url,item:e,isActive:c,level:o},e.items&&r.createElement(S,{items:e.items,activeId:n,level:a}))})))};var O=n(7892);const w=function(e){void 0===e&&(e=[]);return e.reduce(((e,t)=>(t.url&&e.push(t.url.slice(1)),t.items&&e.push.apply(e,(0,d.Z)(w(t.items))),e)),[])},T=o.default.div.withConfig({displayName:"TableOfContentsMenu__TableOfContentsMenuWrapper",componentId:"sc-1op87za-0"})(["",";overflow:auto;position:relative;max-height:100%;","{padding-top:",";padding-bottom:",";}"],(0,O.WY)("y"),a.iD.DESKTOP,l.D,l.D),C=o.default.div.withConfig({displayName:"TableOfContentsMenu__Heading",componentId:"sc-1op87za-1"})(["color:",";padding-top:",";padding-bottom:",";font-weight:",";text-transform:uppercase;","{padding-top:",";border-bottom:"," solid ",";margin-bottom:",";}"],p.DM.TEXT_BODY,s.v.ONE,s.v.TWO,h.X.SEMI_BOLD,a.iD.COMPACT,s.v.TWO,f.x.DETAIL,p.DM.DETAIL_LOW_CONTRAST,s.v.TWO),k=()=>{const{0:e,1:t}=(0,r.useState)(""),{items:n=[]}=(0,m.e)(),o=(0,r.useMemo)((()=>w(n)),[n]);return(0,r.useEffect)((()=>{const e=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&t(e.target.id)}))}),{rootMargin:"0% 0% -80% 0%"});return o.forEach((t=>{const n=document.getElementById(t);n&&e.observe(n)})),()=>{o.forEach((t=>{const n=document.getElementById(t);n&&e.unobserve(n)}))}}),[o]),n?r.createElement(T,null,r.createElement(C,null,"On this page"),r.createElement(S,{items:n,activeId:e})):null},_=o.default.nav.withConfig({displayName:"TableOfContents__TableOfContentsWrapper",componentId:"sc-11n47el-0"})(["","{position:fixed;z-index:",";top:",";bottom:0;width:inherit;max-width:inherit;}","{padding-left:",";}"],a.iD.DESKTOP,i.k.NAVIGATION,c.Mz,a.iD.MIN_LG,s.v.SEVEN),D=o.default.div.withConfig({displayName:"TableOfContents__MenuWrapper",componentId:"sc-11n47el-1"})(["height:100%;","{&:before,&:after{position:absolute;z-index:",";left:-",";right:-",";content:'';}&:before{",";top:-",";}&:after{",";bottom:-",";}}"],a.iD.DESKTOP,i.k.STEP,l.D,l.D,(0,O.CQ)("top"),O.RT,(0,O.CQ)("bottom"),O.RT),I=()=>{const{isKeyNavigating:e}=(0,u.t)();return r.createElement(_,{"aria-label":"table of contents"},r.createElement(D,{$isKeyNavigating:e},r.createElement(k,null)))}},6787:function(e,t,n){"use strict";n.d(t,{I:function(){return a},V:function(){return o}});var r=n(2784);const o=(0,r.createContext)({}),a=e=>{const{tableOfContents:t,children:n}=e,a=(0,r.useMemo)((()=>(null==t?void 0:t.items)&&t.items[0]||{items:[]}),[t]);return r.createElement(o.Provider,{value:a},n)}},1316:function(e,t,n){"use strict";n.d(t,{m:function(){return v},t:function(){return m}});var r=n(2784),o=n(4930),a=n.n(o),i=n(1195),c=n(2138);var s=n(5807),l=n(9031),u=n(5908),d=n(3902),p=n(4616);const f=e=>"tab"in e,h=e=>e?{offsetTop:e.offsetTop,rectTop:e.getBoundingClientRect().top}:{offsetTop:0,rectTop:0},m=i.default.div.withConfig({displayName:"Tabs__TabsWrapper",componentId:"sc-1wvkykc-0"})([""]),v=e=>{const{groupId:t="",children:n,...o}=e,{setIsKeyNavigating:i}=(0,s.t)(),{storedTabSelections:v,storeTabSelection:g}=(0,r.useContext)(c.R),b=v[t],y=(0,r.useMemo)((()=>(e=>{let t=0;return r.Children.toArray(e).reduce(((e,n)=>{if(!r.isValidElement(n))return e;if(!f(n.props))return e;const{props:o}=n,a=r.cloneElement(n,{index:o.disabled?-1:t,label:o.tab.LABEL,value:o.tab.VALUE,...o});return o.disabled||(t+=1),[].concat((0,p.Z)(e),[a.props])}),[])})(n)),[n]),E=(0,r.useMemo)((()=>y.filter((e=>!e.disabled))),[y]),S=(0,r.useMemo)((()=>((e,t)=>e.find((e=>e.value===t))||e.find((e=>e.default))||e[0])(E,b)),[E,b]),{0:O,1:w}=(0,r.useState)(S),T=(0,r.useRef)(null),C=(0,r.useRef)(E.map((()=>r.createRef()))),k=(0,r.useRef)(a()()),_=(0,r.useRef)(null),D=(0,r.useRef)(O.index),I=(0,r.useRef)(h(_.current)),x=(0,r.useCallback)((e=>{t&&g(t,e)}),[t,g]),N=(0,r.useCallback)((e=>{const t=E[e],n=C.current[e].current;t&&n&&(T.current=n,w(t),i(!0),n.focus())}),[E,i]),A=(0,r.useCallback)((e=>{const t=E.length,n=D.current,r={ArrowRight:()=>{N((n+1)%t)},ArrowLeft:()=>{N((n-1+t)%t)},Home:()=>{N(0)},End:()=>{N(t-1)}}[e.key];r&&(e.preventDefault(),r())}),[E,N]),P=(0,r.useCallback)(((e,t)=>{T.current=t,w(e)}),[]);return(0,r.useLayoutEffect)((()=>{D.current=O.index,t&&(I.current=h(_.current),x(O.value),queueMicrotask((()=>{var e;const t=!((null===(e=T.current)||void 0===e?void 0:e.id)||"").endsWith(k.current);if(T.current=null,t)return;const n=((e,t)=>{const n=e.offsetTop-t.offsetTop,r=e.rectTop-t.rectTop;return Math.abs(n-r)>1?r:n})(h(_.current),I.current);n&&window.scrollBy({top:n}),I.current=h(_.current)})))}),[E,O]),(0,r.useLayoutEffect)((()=>{const e=E.find((e=>e.value===b));e&&e.value!==E[D.current].value&&w(e)}),[E,b]),r.createElement(m,Object.assign({ref:_},o),r.createElement(d.d,{role:"tablist","aria-orientation":"horizontal"},y.map((e=>r.createElement(u.O,{key:e.value+"-"+k.current,groupId:k.current,tab:e,ref:C.current[e.index],activeTab:O,setActiveTab:P,onKeyDown:A})))),E.map((e=>r.createElement(l.A,{key:e.value+"-"+k.current,groupId:k.current,tab:e,activeTab:O,setActiveTab:w}))))}},5908:function(e,t,n){"use strict";n.d(t,{O:function(){return p},e:function(){return d}});var r=n(2784),o=n(1195),a=n(4097),i=n(127),c=n(776),s=n(3792),l=n(2715),u=n(4199);const d=(0,o.default)(c.f8).withConfig({displayName:"TabsButton__TabsButtonWrapper",componentId:"sc-1e7ypyu-0"})(["padding:"," ",";position:relative;display:inline-flex;align-items:center;position:relative;&:disabled > "," > ","{color:",";}",";"],i.v.TWO,i.v.TWO,c.j5,u.XR,s.DM.DETAIL_HIGH_CONTRAST,(e=>{let{$selected:t}=e;return t&&(0,o.css)(["&:before{",";content:'';position:absolute;left:0;right:0;bottom:0;height:",";pointer-events:none;}"],a.o,l.x.ACCENT_HORIZONTAL)})),p=r.forwardRef((function(e,t){const{tab:n,activeTab:o,groupId:a,setActiveTab:i,...c}=e,s=n.value===o.value,l=(0,r.useCallback)((e=>{i(n,e.currentTarget)}),[i]);return r.createElement(d,Object.assign({role:"tab",id:"tab-id-"+n.value+"-"+a,tabIndex:s?0:-1,"aria-controls":"panel-id-"+n.value+"-"+a,"aria-selected":s,$selected:s,disabled:n.disabled,onClick:l,ref:t},c),r.createElement(u.XR,{$isActive:s},n.label),r.createElement(u.xs,{$isActive:s,"aria-hidden":"true"},n.label))}))},2138:function(e,t,n){"use strict";n.d(t,{R:function(){return i},X:function(){return c}});var r=n(2784),o=n(6970),a=n(6607);const i=(0,r.createContext)({storedTabSelections:{},storeTabSelection:()=>{}}),c=e=>{const{children:t}=e,{getLocalStorageItem:n,setLocalStorageItem:c}=(0,o._)(a.$.TAB_SELECTIONS),{0:s,1:l}=(0,r.useState)(JSON.parse(n())),u=(0,r.useCallback)(((e,t)=>{const n={...s,[e]:t};l(n),c(JSON.stringify(n))}),[s,c]),d=(0,r.useMemo)((()=>({storedTabSelections:s,storeTabSelection:u})),[s]);return r.createElement(i.Provider,{value:d},t)}},6854:function(e,t,n){"use strict";n.d(t,{L:function(){return o}});var r=n(2784);const o=e=>r.createElement(r.Fragment,e)},3902:function(e,t,n){"use strict";n.d(t,{d:function(){return c}});var r=n(1195),o=n(2715),a=n(127),i=n(3792);const c=r.default.div.withConfig({displayName:"TabsList",componentId:"sc-24zz0a-0"})(["margin-bottom:",";border-bottom:"," solid ",";display:flex;overflow-x:auto;"],a.v.FOUR,o.x.DETAIL,i.DM.DETAIL_LOW_CONTRAST)},9031:function(e,t,n){"use strict";n.d(t,{A:function(){return s},d:function(){return c}});var r=n(2784),o=n(1195),a=n(9322),i=n(5807);const c=o.default.section.withConfig({displayName:"TabsPanel__TabsPanelWrapper",componentId:"sc-1ihsh9r-0"})(["",";"],a.J),s=e=>{const{tab:t,activeTab:n,groupId:o,setActiveTab:a}=e,{isKeyNavigating:s}=(0,i.t)(),l=t.value!==n.value,u=(0,r.useCallback)((()=>{a(t)}),[a]);return r.createElement(c,{role:"tabpanel",id:"panel-id-"+t.value+"-"+o,tabIndex:0,"aria-labelledby":"tab-id-"+t.value+"-"+o,hidden:l,$isKeyNavigating:s,onClick:u},t.children)}},713:function(e,t,n){"use strict";n.d(t,{N:function(){return s},f:function(){return l}});var r=n(2784),o=n(3792),a=n(6607),i=n(6970),c=n(7712);const s=(0,r.createContext)({theme:o.YD.LIGHT,toggleTheme:()=>{}}),l=e=>{const{children:t}=e,{setLocalStorageItem:n}=(0,i._)(a.$.THEME),{0:l,1:u}=(0,r.useState)(o.YD.LIGHT),d=(0,r.useCallback)((()=>{u((e=>{const t=e===o.YD.LIGHT?o.YD.DARK:o.YD.LIGHT,r=document.querySelector(o.JJ);if(n(t),document.documentElement.classList.remove(""+o.cE+e),document.documentElement.classList.add(""+o.cE+t),r){const e=o.kT[t].BACKGROUND_SITE;r.setAttribute("content",e)}return t}))}),[]);(0,r.useEffect)((()=>{const e=c.j?window.__THEME__:o.YD.LIGHT;u(e)}),[]);const p=(0,r.useMemo)((()=>({theme:l,toggleTheme:d})),[l,d]);return r.createElement(s.Provider,{value:p},t)}},6952:function(e,t,n){"use strict";n.d(t,{Gt:function(){return v},Si:function(){return m},Tl:function(){return g}});var r=n(2784),o=n(1195),a=n(776),i=n(2829),c=n(3792),s=n(9939),l=n(6807),u=n(6908);const d="4rem",p="2.5rem",f=(0,o.default)(a.f8).withConfig({displayName:"ThemeToggle__ThemeToggleWrapper",componentId:"sc-1ezo9zi-0"})(["",";z-index:",";color:",";position:relative;display:flex;align-items:center;justify-content:center;margin-right:calc(("," - ",") / 2 * -1);margin-left:calc(("," - ",") / 2 * -1);"],(0,i.x)(d),s.k.STEP,c.DM.TEXT_HIGH_CONTRAST,d,p,d,p),h=(0,o.css)(["position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;"]),m=(0,o.default)(l.J).withConfig({displayName:"ThemeToggle__LightThemeSvg",componentId:"sc-1ezo9zi-1"})(["",";"],h),v=(0,o.default)(l.J).withConfig({displayName:"ThemeToggle__DarkThemeSvg",componentId:"sc-1ezo9zi-2"})(["",";"],h),g=e=>{const{children:t,...n}=e,{theme:o,toggleTheme:a}=(0,u.F)(),i=o===c.YD.LIGHT?c.YD.DARK:c.YD.LIGHT;return r.createElement(f,Object.assign({type:"button",onClick:a,"aria-label":"Activate "+i+" theme"},n),t,r.createElement(v,{svg:"moon",size:p}),r.createElement(m,{svg:"sun",size:p}))}},6047:function(e,t,n){"use strict";n.d(t,{N:function(){return o},r:function(){return r}});const r={APP_ID:"8P0OOFSVUV",API_KEY:"5b82ccc7721ce8d7693691c6a81b7c2a",INDEX_NAME:"embla-carousel"},o={LVL_0:"algolia-docsearch-lvl-0",SEARCH_ACTIVE:"DocSearch--active",SEARCH_INPUT:"DocSearch-Input",SEARCH_TOGGLE_BUTTON:"DocSearch-Button"}},2715:function(e,t,n){"use strict";n.d(t,{X:function(){return r},x:function(){return o}});const r={LINE:"0.2rem",CARD:"1rem",BOX:"0.4rem",CIRCLE:"50%"},o={DETAIL:"0.1rem",OUTLINE:"0.2rem",ACCENT_HORIZONTAL:"0.3rem",ACCENT_VERTICAL:"0.4rem"}},2717:function(e,t,n){"use strict";n.d(t,{iD:function(){return i},j$:function(){return o}});const r=function(e,t,n){void 0===t&&(t="min"),void 0===n&&(n="width");return"@media ("+t+"-"+n+": "+("max"===t?e-1:e)+"px)"},o={DEFAULT:0,XXS:350,XS:576,SM:750,MD:992,LG:1200},a=o.MD,i={COMPACT:r(a,"max"),DESKTOP:r(a,"min"),MIN_XXS:r(o.XXS,"min"),MIN_XS:r(o.XS,"min"),MIN_SM:r(o.SM,"min"),MIN_MD:r(o.MD,"min"),MIN_LG:r(o.LG,"min"),MAX_XXS:r(o.XXS,"max"),MAX_XS:r(o.XS,"max"),MAX_SM:r(o.SM,"max"),MAX_MD:r(o.MD,"max"),MAX_LG:r(o.LG,"max")}},727:function(e,t,n){"use strict";n.d(t,{X:function(){return i},u:function(){return a}});var r=n(5444);const o={H1:3.2,H2:2.5,H3:2.15,H4:1.8,BODY:1.6,COMPLEMENTARY:1.4,DETAIL:1.2},a={H1:(0,r.R)(o.H1),H2:(0,r.R)(o.H2),H3:(0,r.R)(o.H3),H4:(0,r.R)(o.H4),BODY:(0,r.R)(o.BODY),COMPLEMENTARY:(0,r.R)(o.COMPLEMENTARY),DETAIL:(0,r.R)(o.DETAIL),CUSTOM:e=>(0,r.R)(e(o))},i={NORMAL:"400",MEDIUM:"500",SEMI_BOLD:"600",BOLD:"700",EXTRA_BOLD:"800",BLACK:"900"}},4097:function(e,t,n){"use strict";n.d(t,{V:function(){return i},o:function(){return a}});var r=n(1195),o=n(3792);const a=(0,r.css)(["background-image:linear-gradient( 45deg,",","," );"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),i=(0,r.css)(["color:",";",";background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;"],o.DM.BRAND_PRIMARY,a)},9322:function(e,t,n){"use strict";n.d(t,{J:function(){return i}});var r=n(1195),o=n(3792),a=n(2715);const i=(0,r.css)(["&:focus{outline:",";}"],(e=>{let{$isKeyNavigating:t}=e;return t?o.DM.BRAND_PRIMARY+" solid "+a.x.OUTLINE:0}))},9939:function(e,t,n){"use strict";n.d(t,{k:function(){return r}});const r={SEARCH:30,HEADER:20,NAVIGATION:10,STEP:1}},6607:function(e,t,n){"use strict";n.d(t,{$:function(){return r}});const r={THEME:"theme",TAB_SELECTIONS:"tab-selections"}},7892:function(e,t,n){"use strict";n.d(t,{CQ:function(){return d},RT:function(){return l},WY:function(){return i}});var r=n(1195),o=n(2715),a=n(3792);const i=e=>{const t="x"===e?"height":"width";return(0,r.css)(["::-webkit-scrollbar-thumb{background-color:transparent;border-radius:",";}::-webkit-scrollbar-track{background-color:transparent;}::-webkit-scrollbar{",":0.6rem;}&:hover{::-webkit-scrollbar-thumb{background-color:",";}}@media (hover:none),(hover:on-demand){&:hover{::-webkit-scrollbar-thumb{background-color:transparent;}}::-webkit-scrollbar{",":0;}}"],o.X.BOX,t,a.DM.DETAIL_MEDIUM_CONTRAST,t)},c="1.2rem",s="1.6rem",l=2*parseFloat(s)+"rem",u={left:c+" 0 "+s,right:"-"+c+" 0 "+s,top:"0 "+c+" "+s,bottom:"0 -"+c+" "+s},d=function(e,t){void 0===t&&(t=a.DM.BACKGROUND_SITE);const n="left"===e||"right"===e?"width":"height";return(0,r.css)(["",":",";box-shadow:"," ",";pointer-events:none;",";"],n,l,u[e],t,(e=>{let{$isKeyNavigating:t}=e;return t&&(0,r.css)(["opacity:0;"])}))}},127:function(e,t,n){"use strict";n.d(t,{v:function(){return a}});var r=n(5444);const o={ONE:.6,TWO:1.2,THREE:1.8,FOUR:2.4,FIVE:3,SIX:3.6,SEVEN:4.2,EIGHT:4.8,NINE:5.4,TEN:6,ELEVEN:6.6,TWELVE:7.2,THIRTEEN:7.8,FOURTEEN:8.4,FIFTEEN:9,SIXTEEN:9.6},a={ONE:(0,r.R)(o.ONE),TWO:(0,r.R)(o.TWO),THREE:(0,r.R)(o.THREE),FOUR:(0,r.R)(o.FOUR),FIVE:(0,r.R)(o.FIVE),SIX:(0,r.R)(o.SIX),SEVEN:(0,r.R)(o.SEVEN),EIGHT:(0,r.R)(o.EIGHT),NINE:(0,r.R)(o.NINE),TEN:(0,r.R)(o.TEN),ELEVEN:(0,r.R)(o.ELEVEN),TWELVE:(0,r.R)(o.TWELVE),THIRTEEN:(0,r.R)(o.THIRTEEN),FOURTEEN:(0,r.R)(o.FOURTEEN),FIFTEEN:(0,r.R)(o.FIFTEEN),SIXTEEN:(0,r.R)(o.SIXTEEN),CUSTOM:e=>(0,r.R)(e(o))}},4234:function(e,t,n){"use strict";n.d(t,{JP:function(){return o},c9:function(){return a},sm:function(){return r}});const r={GROUP_ID:"",TABS:{MAIN_MENU:{LABEL:"Main menu",VALUE:"main-menu"},ON_THIS_PAGE:{LABEL:"On this page",VALUE:"table-of-contents"}}},o={GROUP_ID:"package-manager",TABS:{NPM:{LABEL:"npm",VALUE:"npm"},YARN:{LABEL:"yarn",VALUE:"yarn"}}},a={GROUP_ID:"library",TABS:{VANILLA:{LABEL:"Vanilla",VALUE:"vanilla"},REACT:{LABEL:"React",VALUE:"react"},VUE:{LABEL:"Vue",VALUE:"vue"},SVELTE:{LABEL:"Svelte",VALUE:"svelte"},SOLID:{LABEL:"Solid",VALUE:"solid"},ANGULAR:{LABEL:"Angular",VALUE:"angular"}}}},6849:function(e,t,n){"use strict";n.d(t,{C:function(){return a}});var r=n(1195),o=n(3792);const a=(0,r.css)(["-webkit-tap-highlight-color:rgba( ",",0.5 );"],o.DM.TEXT_HIGH_CONTRAST_RGB_VALUE)},3792:function(e,t,n){"use strict";n.d(t,{CX:function(){return h},DM:function(){return u},JJ:function(){return i},YD:function(){return s},cE:function(){return c},kT:function(){return l}});var r=n(1195),o=n(7539);const a=e=>{const t=Object.keys(e).map(o.m);return Object.keys(e).reduce(((n,r,o)=>{const a=e[r];return n+("--"+t[o]+":"+a+";")}),"")},i="meta[name='theme-color']",c="theme-",s={LIGHT:"light",DARK:"dark"},l={[s.LIGHT]:{BRAND_PRIMARY:"rgb(47, 112, 193)",BRAND_SECONDARY:"rgb(116, 97, 195)",BRAND_ALTERNATIVE:"rgb(19, 120, 134)",BACKGROUND_SITE:"rgb(249, 249, 249)",BACKGROUND_CODE:"rgb(244, 244, 244)",TEXT_BODY:"rgb(54, 49, 61)",TEXT_COMMENT:"rgb(99, 94, 105)",TEXT_HIGH_CONTRAST:"rgb(49, 49, 49)",TEXT_MEDIUM_CONTRAST:"rgb(99, 94, 105)",TEXT_LOW_CONTRAST:"rgb(116, 109, 118)",DETAIL_HIGH_CONTRAST:"rgb(192, 192, 192)",DETAIL_MEDIUM_CONTRAST:"rgb(234, 234, 234)",DETAIL_LOW_CONTRAST:"rgb(240, 240, 242)",ADMONITION_NOTE:"rgb(46, 109, 188)",ADMONITION_WARNING:"rgb(255, 196, 9)",ADMONITION_DANGER:"rgb(220, 38, 38)",BRAND_PRIMARY_RGB_VALUE:"47, 112, 193",BRAND_SECONDARY_RGB_VALUE:"116, 97, 195",BRAND_ALTERNATIVE_RGB_VALUE:"19, 120, 134",BACKGROUND_SITE_RGB_VALUE:"249, 249, 249",BACKGROUND_CODE_RGB_VALUE:"244, 244, 244",TEXT_BODY_RGB_VALUE:"54, 49, 61",TEXT_COMMENT_RGB_VALUE:"99, 94, 105",TEXT_HIGH_CONTRAST_RGB_VALUE:"49, 49, 49",TEXT_MEDIUM_CONTRAST_RGB_VALUE:"99, 94, 105",TEXT_LOW_CONTRAST_RGB_VALUE:"116, 109, 118",DETAIL_HIGH_CONTRAST_RGB_VALUE:"192, 192, 192",DETAIL_MEDIUM_CONTRAST_RGB_VALUE:"234, 234, 234",DETAIL_LOW_CONTRAST_RGB_VALUE:"240, 240, 242",ADMONITION_NOTE_RGB_VALUE:"46, 109, 188",ADMONITION_WARNING_RGB_VALUE:"255, 196, 9",ADMONITION_DANGER_RGB_VALUE:"220, 38, 38"},[s.DARK]:{BRAND_PRIMARY:"rgb(138, 180, 248)",BRAND_SECONDARY:"rgb(193, 168, 226)",BRAND_ALTERNATIVE:"rgb(136, 186, 191)",BACKGROUND_SITE:"rgb(0, 0, 0)",BACKGROUND_CODE:"rgb(12, 12, 12)",TEXT_BODY:"rgb(222, 222, 222)",TEXT_COMMENT:"rgb(170, 170, 170)",TEXT_HIGH_CONTRAST:"rgb(230, 230, 230)",TEXT_MEDIUM_CONTRAST:"rgb(202, 202, 202)",TEXT_LOW_CONTRAST:"rgb(170, 170, 170)",DETAIL_HIGH_CONTRAST:"rgb(101, 101, 101)",DETAIL_MEDIUM_CONTRAST:"rgb(25, 25, 25)",DETAIL_LOW_CONTRAST:"rgb(21, 21, 21)",ADMONITION_NOTE:"rgb(138, 180, 248)",ADMONITION_WARNING:"rgb(253, 186, 116)",ADMONITION_DANGER:"rgb(220, 38, 38)",BRAND_PRIMARY_RGB_VALUE:"138, 180, 248",BRAND_SECONDARY_RGB_VALUE:"193, 168, 226",BRAND_ALTERNATIVE_RGB_VALUE:"136, 186, 191",BACKGROUND_SITE_RGB_VALUE:"0, 0, 0",BACKGROUND_CODE_RGB_VALUE:"12, 12, 12",TEXT_BODY_RGB_VALUE:"222, 222, 222",TEXT_COMMENT_RGB_VALUE:"170, 170, 170",TEXT_HIGH_CONTRAST_RGB_VALUE:"230, 230, 230",TEXT_MEDIUM_CONTRAST_RGB_VALUE:"202, 202, 202",TEXT_LOW_CONTRAST_RGB_VALUE:"170, 170, 170",DETAIL_HIGH_CONTRAST_RGB_VALUE:"101, 101, 101",DETAIL_MEDIUM_CONTRAST_RGB_VALUE:"25, 25, 25",DETAIL_LOW_CONTRAST_RGB_VALUE:"21, 21, 21",ADMONITION_NOTE_RGB_VALUE:"138, 180, 248",ADMONITION_WARNING_RGB_VALUE:"253, 186, 116",ADMONITION_DANGER_RGB_VALUE:"220, 38, 38"}},u=(d=l[s.LIGHT],Object.keys(d).reduce(((e,t)=>({...e,[t]:"var(--"+(0,o.m)(t)+")"})),{}));var d;const p=(0,r.css)(["",""],a(l[s.LIGHT])),f=(0,r.css)(["",""],a(l[s.DARK])),h=(0,r.css)([".","","{","}.","","{","}"],c,s.LIGHT,p,c,s.DARK,f)},5444:function(e,t,n){"use strict";n.d(t,{R:function(){return r}});const r=e=>(e=>Math.round(1e4*(e+Number.EPSILON))/1e4)(e)+"rem"},2657:function(e,t,n){"use strict";n.d(t,{n:function(){return o}});const r=n(4147).repository.url.replace(/^(git\+)/,""),o={GITHUB_ROOT:r,GITHUB_DISCUSSIONS:r+"/discussions",GITHUB_DOCUMENTATION:r+"/blob/master/packages/embla-carousel-docs",GITHUB_DOCUMENTATION_RAW:"https://raw.githubusercontent.com/davidjerleke/embla-carousel/master/packages/embla-carousel-docs",DONATE_PAYPAL:"https://www.paypal.me/davidjerleke",DONATE_KO_FI:"https://ko-fi.com/davidjerleke",ALGOLIA_DOCSEARCH:"https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js",NPM_PACKAGE:"https://www.npmjs.com/package/embla-carousel",CODESANDBOX_DEFINE:"https://codesandbox.io/api/v1/sandboxes/define"}},7197:function(e,t,n){"use strict";n.d(t,{O:function(){return o}});var r=n(2784);function o(e,t,n,o){const a=(0,r.useRef)(t);(0,r.useEffect)((()=>{a.current=t}),[t]),(0,r.useEffect)((()=>{const t=(null==n?void 0:n.current)||window;if(!t||!t.addEventListener)return;const r=e=>a.current(e);return t.addEventListener(e,r,o),()=>{t.removeEventListener(e,r)}}),[e,n,o])}},5807:function(e,t,n){"use strict";n.d(t,{t:function(){return a}});var r=n(2784),o=n(7738);const a=()=>(0,r.useContext)(o.H)},6970:function(e,t,n){"use strict";n.d(t,{_:function(){return a}});var r=n(2784),o=n(7712);const a=e=>({getLocalStorageItem:(0,r.useCallback)((()=>{if(!o.j)return'""';let t;try{t=localStorage.getItem(e)}catch(n){console.error(n)}return t||'""'}),[]),setLocalStorageItem:(0,r.useCallback)((t=>{if(o.j)try{localStorage.setItem(e,t)}catch(n){console.error(n)}}),[])})},6934:function(e,t,n){"use strict";n.d(t,{H:function(){return a}});var r=n(2784),o=n(9085);const a=()=>(0,r.useContext)(o.k)},2532:function(e,t,n){"use strict";n.d(t,{U:function(){return c}});var r=n(2784),o=n(5619),a=n(8131),i=n(4049);const c=e=>{const{pathname:t}=(0,o.useLocation)();return(0,r.useMemo)((()=>({isActive:(0,a.J)(e,t),isPartiallyActive:(0,i.D)(e,t)})),[e,t])}},5211:function(e,t,n){"use strict";n.d(t,{V:function(){return a}});var r=n(2784),o=n(8923);const a=()=>(0,r.useContext)(o.M)},8116:function(e,t,n){"use strict";n.d(t,{$:function(){return o}});var r=n(4792);const o=()=>{const{site:e}=(0,r.useStaticQuery)("4025401718");return e.siteMetadata}},9348:function(e,t,n){"use strict";n.d(t,{e:function(){return a}});var r=n(2784),o=n(6787);const a=()=>(0,r.useContext)(o.V)},6908:function(e,t,n){"use strict";n.d(t,{F:function(){return a}});var r=n(2784),o=n(713);const a=()=>(0,r.useContext)(o.N)},572:function(e,t,n){"use strict";n.d(t,{K:function(){return o}});var r=n(4049);const o=(e,t)=>(e.children=t.filter((t=>{let{slug:n}=t;return(0,r.D)(e.slug,n)})).filter((t=>{let{level:n}=t;return n-1===e.level})),e.children.forEach((e=>o(e,t))),e)},6991:function(e,t,n){"use strict";n.d(t,{h:function(){return o}});var r=n(1195);const o=function(e,t,n){return void 0===n&&(n="*"),(0,r.css)([""," ",""],e&&(0,r.css)(["margin-left:-",";> ","{padding-left:",";}"],e,n,e),t&&(0,r.css)(["margin-bottom:-",";> ","{padding-bottom:",";}"],t,n,t))}},2829:function(e,t,n){"use strict";n.d(t,{x:function(){return o}});var r=n(1195);const o=e=>(0,r.css)(["width:",";height:",";"],e,e)},7712:function(e,t,n){"use strict";var r;n.d(t,{j:function(){return o}});const o=!("undefined"==typeof window||null===(r=window.document)||void 0===r||!r.createElement)},8131:function(e,t,n){"use strict";n.d(t,{J:function(){return r}});const r=(e,t)=>t===e},4049:function(e,t,n){"use strict";n.d(t,{D:function(){return r}});const r=(e,t)=>t.substring(0,e.length)===e},7539:function(e,t,n){"use strict";n.d(t,{m:function(){return r}});const r=function(e){return void 0===e&&(e=""),e.replace(/_/g,"-").toLowerCase()}},8178:function(e,t,n){"use strict";n.d(t,{J:function(){return r}});const r=(0,n(1195).css)(["border:0;padding:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;position:absolute;"])},7981:function(e,t,n){t.components={"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md":()=>Promise.all([n.e(9351),n.e(4732)]).then(n.bind(n,6755)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx":()=>Promise.all([n.e(9351),n.e(4459)]).then(n.bind(n,7666)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx":()=>Promise.all([n.e(9351),n.e(6385)]).then(n.bind(n,6093)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx":()=>Promise.all([n.e(9351),n.e(2697)]).then(n.bind(n,8061)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx":()=>Promise.all([n.e(9351),n.e(4404)]).then(n.bind(n,4095)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx":()=>Promise.all([n.e(9351),n.e(5929)]).then(n.bind(n,2253)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx":()=>Promise.all([n.e(9351),n.e(7343)]).then(n.bind(n,2441)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx":()=>Promise.all([n.e(9774),n.e(9351),n.e(5295),n.e(8168)]).then(n.bind(n,1920)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx":()=>Promise.all([n.e(9351),n.e(3530)]).then(n.bind(n,4564)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx":()=>Promise.all([n.e(9351),n.e(3964)]).then(n.bind(n,2446)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx":()=>Promise.all([n.e(9351),n.e(1829)]).then(n.bind(n,4136)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx":()=>Promise.all([n.e(9351),n.e(2228)]).then(n.bind(n,8954)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx":()=>Promise.all([n.e(9351),n.e(4324)]).then(n.bind(n,7923)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx":()=>Promise.all([n.e(9351),n.e(20)]).then(n.bind(n,6154)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx":()=>Promise.all([n.e(9351),n.e(3372)]).then(n.bind(n,7507)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md":()=>Promise.all([n.e(9351),n.e(8555)]).then(n.bind(n,3239)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx":()=>Promise.all([n.e(9351),n.e(5257)]).then(n.bind(n,3771)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md":()=>Promise.all([n.e(9351),n.e(6664)]).then(n.bind(n,7862)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md":()=>Promise.all([n.e(9351),n.e(8151)]).then(n.bind(n,8767)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md":()=>Promise.all([n.e(9351),n.e(8182)]).then(n.bind(n,2589)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md":()=>Promise.all([n.e(9351),n.e(7268)]).then(n.bind(n,7230)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx":()=>Promise.all([n.e(9351),n.e(8665)]).then(n.bind(n,1590)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx":()=>Promise.all([n.e(9351),n.e(5941)]).then(n.bind(n,2850)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx":()=>Promise.all([n.e(9351),n.e(9446)]).then(n.bind(n,3009)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx":()=>Promise.all([n.e(9351),n.e(8049)]).then(n.bind(n,3502)),"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx":()=>Promise.all([n.e(9351),n.e(7979)]).then(n.bind(n,1714)),"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx":()=>Promise.all([n.e(9351),n.e(5295),n.e(929)]).then(n.bind(n,9428)),"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md":()=>Promise.all([n.e(9351),n.e(4867)]).then(n.bind(n,6842))}},5969:function(e,t,n){e.exports=[{plugin:n(8127),options:{plugins:[],displayName:!0,fileName:!0,minify:!0,namespace:"",transpileTemplateLiterals:!0,topLevelImportPaths:[],pure:!1,disableVendorPrefixes:!1}},{plugin:n(7225),options:{plugins:[],name:"Embla Carousel",short_name:"Embla Carousel",description:"A lightweight carousel library with fluid motion and great swipe precision",start_url:"/",background_color:"#8ab4f8",theme_color:"#8ab4f8",display:"standalone",lang:"en",theme_color_in_head:!1,legacy:!1,icon:"src/assets/images/favicon.svg",icons:[{src:"favicon-192x192.png",sizes:"192x192",type:"image/png"},{src:"favicon-512x512.png",sizes:"512x512",type:"image/png"}],cache_busting_mode:"query",crossOrigin:"anonymous",include_favicon:!0,cacheDigest:"438bb8af91f59256d3cb36c30e91b51e"}},{plugin:n(230),options:{plugins:[],offsetY:"0",className:"anchor",elements:["h2","h3","h4","h5","h6"],icon:''}},{plugin:n(8012),options:{plugins:[],component:"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/components/Layout/"}},{plugin:n(4824),options:{plugins:[]}},{plugin:n(1915),options:{plugins:[]}}]},1852:function(e,t,n){const r=n(5969),{getResourceURLsForPathname:o,loadPage:a,loadPageSync:i}=n(8175).jN;t.h=function(e,t,n,c){void 0===t&&(t={});let s=r.map((n=>{if(!n.plugin[e])return;t.getResourceURLsForPathname=o,t.loadPage=a,t.loadPageSync=i;const r=n.plugin[e](t,n.options);return r&&c&&(t=c({args:t,result:r,plugin:n})),r}));return s=s.filter((e=>void 0!==e)),s.length>0?s:n?[n]:[]},t.I=(e,t,n)=>r.reduce(((n,r)=>r.plugin[e]?n.then((()=>r.plugin[e](t,r.options))):n),Promise.resolve())},3112:function(e,t){t.M=()=>""},6249:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r=function(e){return e=e||Object.create(null),{on:function(t,n){(e[t]||(e[t]=[])).push(n)},off:function(t,n){e[t]&&e[t].splice(e[t].indexOf(n)>>>0,1)},emit:function(t,n){(e[t]||[]).slice().map((function(e){e(n)})),(e["*"]||[]).slice().map((function(e){e(t,n)}))}}}()},9529:function(e,t,n){"use strict";n.d(t,{UD:function(){return p},Cj:function(){return h},GA:function(){return f},DS:function(){return d}});var r=n(5619),o=n(3834),a=e=>{if(void 0===e)return e;let[t,n=""]=e.split("?");return n&&(n="?"+n),"/"===t?"/"+n:"/"===t.charAt(t.length-1)?t.slice(0,-1)+n:t+n},i=n(3182);const c=new Map;let s=[];const l=e=>{let t=e;if(-1!==e.indexOf("?")){const[n,r]=e.split("?");t=n+"?"+encodeURIComponent(r)}const n=decodeURIComponent(t);return(0,o.Z)(n,decodeURIComponent("")).split("#")[0]};function u(e){return e.startsWith("/")||e.startsWith("https://")||e.startsWith("http://")?e:new URL(e,window.location.href+(window.location.href.endsWith("/")?"":"/")).pathname}const d=e=>{s=e},p=e=>{const t=m(e),n=s.map((e=>{let{path:t,matchPath:n}=e;return{path:n,originalPath:t}})),o=(0,r.pick)(n,t);return o?a(o.route.originalPath):null},f=e=>{const t=m(e),n=s.map((e=>{let{path:t,matchPath:n}=e;return{path:n,originalPath:t}})),o=(0,r.pick)(n,t);return o?o.params:{}},h=e=>{const t=l(u(e));if(c.has(t))return c.get(t);const n=(0,i.J)(e);if(n)return h(n.toPath);let r=p(t);return r||(r=m(e)),c.set(t,r),r},m=e=>{let t=l(u(e));return"/index.html"===t&&(t="/"),t=a(t),t}},4792:function(e,t,n){"use strict";n.r(t),n.d(t,{Link:function(){return c.rU},PageRenderer:function(){return a()},Script:function(){return T.Script},ScriptStrategy:function(){return T.ScriptStrategy},Slice:function(){return S},StaticQuery:function(){return s.i1},StaticQueryContext:function(){return s.B9},collectedScriptsByPage:function(){return T.collectedScriptsByPage},graphql:function(){return k},navigate:function(){return c.c4},parsePath:function(){return c.cP},prefetchPathname:function(){return C},scriptCache:function(){return T.scriptCache},scriptCallbackCache:function(){return T.scriptCallbackCache},useScrollRestoration:function(){return i.p2},useStaticQuery:function(){return s.K2},withAssetPrefix:function(){return c.mc},withPrefix:function(){return c.dq}});var r=n(8175),o=n(9758),a=n.n(o),i=n(2802),c=n(2467),s=n(5483);var l=n(1665);function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}var d=n(8960);function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function f(e,t,n){return f=p()?Reflect.construct.bind():function(e,t,n){var r=[null];r.push.apply(r,t);var o=new(Function.bind.apply(e,r));return n&&(0,d.Z)(o,n.prototype),o},f.apply(null,arguments)}function h(e){var t="function"==typeof Map?new Map:void 0;return h=function(e){if(null===e||(n=e,-1===Function.toString.call(n).indexOf("[native code]")))return e;var n;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return f(e,arguments,u(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),(0,d.Z)(r,e)},h(e)}var m=n(2784),v=n(3112),g=n(3204);const b=e=>{let{sliceId:t,children:n}=e;const r=[m.createElement("slice-start",{id:t+"-1"}),m.createElement("slice-end",{id:t+"-1"})];return n&&(r.push(n),r.push(m.createElement("slice-start",{id:t+"-2"}),m.createElement("slice-end",{id:t+"-2"}))),r},y=e=>{let{sliceName:t,allowEmpty:n,children:r,...o}=e;const a=(0,m.useContext)(g.u0),i=(0,m.useContext)(g.Db),c=a[t];if(!c){if(n)return null;throw new Error('Slice "'+c+'" for "'+t+'" slot not found')}const s=((e,t)=>Object.keys(t).length?e+"-"+(0,v.M)(t):e)(c,o);let l=i[s];return l?r&&(l.hasChildren=!0):i[s]=l={props:o,sliceName:c,hasChildren:!!r},m.createElement(b,{sliceId:s},r)},E=e=>{let{sliceName:t,allowEmpty:n,children:r,...o}=e;const a=(0,m.useContext)(g.u0),i=(0,m.useContext)(g.m3),c=a[t],s=i.get(c);if(!s){if(n)return null;throw new Error('Slice "'+c+'" for "'+t+'" slot not found')}return m.createElement(s.component,Object.assign({sliceContext:s.sliceContext,data:s.data},o),r)};function S(e){{const t={...e,sliceName:e.alias};delete t.alias,delete t.__renderedByLocation;const n=(0,m.useContext)(g.Bs),r=w(e);if(Object.keys(r).length)throw new O("browser"===n.renderEnvironment,t.sliceName,r,e.__renderedByLocation);if("server"===n.renderEnvironment)return m.createElement(y,t);if("browser"===n.renderEnvironment)return m.createElement(E,t);if("engines"===n.renderEnvironment)return m.createElement(E,t);if("slices"===n.renderEnvironment){let t="";try{t='\n\nSlice component "'+n.sliceRoot.name+'" ('+n.sliceRoot.componentPath+') tried to render '}catch{}throw new Error("Nested slices are not supported."+t+"\n\nSee https://gatsbyjs.com/docs/reference/built-in-components/gatsby-slice#nested-slices")}throw new Error('Slice context "'+n.renderEnvironment+'" is not supported.')}}let O=function(e){function t(n,r,o,a){var i;const c=Object.entries(o).map((e=>{let[t,n]=e;return'not serializable "'+n+'" type passed to "'+t+'" prop'})).join(", "),s="SlicePropsError";let l="",u="";if(n){const e=m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactDebugCurrentFrame.getCurrentStack().trim().split("\n").slice(1);e[0]=e[0].trim(),l="\n"+e.join("\n"),u='Slice "'+r+'" was passed props that are not serializable ('+c+")."}else{u=s+': Slice "'+r+'" was passed props that are not serializable ('+c+").";l=u+"\n"+(new Error).stack.trim().split("\n").slice(2).join("\n")}return(i=e.call(this,u)||this).name=s,l?i.stack=l:Error.captureStackTrace(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(i),t),a&&(i.forcedLocation={...a,functionName:"Slice"}),i}return(0,l.Z)(t,e),t}(h(Error));const w=function(e,t,n,r){void 0===t&&(t={}),void 0===n&&(n=[]),void 0===r&&(r=null);for(const[o,a]of Object.entries(e)){if(null==a||!r&&"children"===o)continue;const e=r?r+"."+o:o;"function"==typeof a?t[e]=typeof a:"object"==typeof a&&n.indexOf(a)<=0&&(n.push(a),w(a,t,n,e))}return t};var T=n(6291);const C=r.ZP.enqueue;function k(){throw new Error("It appears like Gatsby is misconfigured. Gatsby related `graphql` calls are supposed to only be evaluated at compile time, and then compiled away. Unfortunately, something went wrong and the query was left in the compiled code.\n\nUnless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.")}},8175:function(e,t,n){"use strict";n.d(t,{uQ:function(){return d},kL:function(){return S},ZP:function(){return T},Nt:function(){return k},hs:function(){return C},jN:function(){return w},N1:function(){return O}});var r=n(1665),o=n(4616),a=n(58);const i=function(e){if("undefined"==typeof document)return!1;const t=document.createElement("link");try{if(t.relList&&"function"==typeof t.relList.supports)return t.relList.supports(e)}catch(n){return!1}return!1}("prefetch")?function(e,t){return new Promise(((n,r)=>{if("undefined"==typeof document)return void r();const o=document.createElement("link");o.setAttribute("rel","prefetch"),o.setAttribute("href",e),Object.keys(t).forEach((e=>{o.setAttribute(e,t[e])})),o.onload=n,o.onerror=r;(document.getElementsByTagName("head")[0]||document.getElementsByName("script")[0].parentNode).appendChild(o)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.onload=()=>{200===r.status?t():n()},r.send(null)}))},c={};var s=function(e,t){return new Promise((n=>{c[e]?n():i(e,t).then((()=>{n(),c[e]=!0})).catch((()=>{}))}))},l=n(6249),u=n(9529);const d={Error:"error",Success:"success"},p=e=>{const[t,n]=e.split("?");var r;return"/page-data/"+("/"===t?"index":(r="/"===(r=t)[0]?r.slice(1):r).endsWith("/")?r.slice(0,-1):r)+"/page-data.json"+(n?"?"+n:"")},f=e=>e.startsWith("//");function h(e,t){return void 0===t&&(t="GET"),new Promise((n=>{const r=new XMLHttpRequest;r.open(t,e,!0),r.onreadystatechange=()=>{4==r.readyState&&n(r)},r.send(null)}))}const m=/bot|crawler|spider|crawling/i,v=function(e,t,n){var r;void 0===t&&(t=null);const o={componentChunkName:e.componentChunkName,path:e.path,webpackCompilationHash:e.webpackCompilationHash,matchPath:e.matchPath,staticQueryHashes:e.staticQueryHashes,getServerDataError:e.getServerDataError,slicesMap:null!==(r=e.slicesMap)&&void 0!==r?r:{}};return{component:t,head:n,json:e.result,page:o}};function g(e){return new Promise((t=>{try{const n=e.readRoot();t(n)}catch(n){if(!Object.hasOwnProperty.call(n,"_response")||!Object.hasOwnProperty.call(n,"_status"))throw n;setTimeout((()=>{g(e).then(t)}),200)}}))}let b=function(){function e(e,t){this.inFlightNetworkRequests=new Map,this.pageDb=new Map,this.inFlightDb=new Map,this.staticQueryDb={},this.pageDataDb=new Map,this.partialHydrationDb=new Map,this.slicesDataDb=new Map,this.sliceInflightDb=new Map,this.slicesDb=new Map,this.isPrefetchQueueRunning=!1,this.prefetchQueued=[],this.prefetchTriggered=new Set,this.prefetchCompleted=new Set,this.loadComponent=e,(0,u.DS)(t)}var t=e.prototype;return t.memoizedGet=function(e){let t=this.inFlightNetworkRequests.get(e);return t||(t=h(e,"GET"),this.inFlightNetworkRequests.set(e,t)),t.then((t=>(this.inFlightNetworkRequests.delete(e),t))).catch((t=>{throw this.inFlightNetworkRequests.delete(e),t}))},t.setApiRunner=function(e){this.apiRunner=e,this.prefetchDisabled=e("disableCorePrefetching").some((e=>e))},t.fetchPageDataJson=function(e){const{pagePath:t,retries:n=0}=e,r=p(t);return this.memoizedGet(r).then((r=>{const{status:o,responseText:a}=r;if(200===o)try{const n=JSON.parse(a);if(void 0===n.path)throw new Error("not a valid pageData response");const r=t.split("?")[1];return r&&!n.path.includes(r)&&(n.path+="?"+r),Object.assign(e,{status:d.Success,payload:n})}catch(i){}return 404===o||200===o?"/404.html"===t||"/500.html"===t?Object.assign(e,{status:d.Error}):this.fetchPageDataJson(Object.assign(e,{pagePath:"/404.html",notFound:!0})):500===o?this.fetchPageDataJson(Object.assign(e,{pagePath:"/500.html",internalServerError:!0})):n<3?this.fetchPageDataJson(Object.assign(e,{retries:n+1})):Object.assign(e,{status:d.Error})}))},t.fetchPartialHydrationJson=function(e){const{pagePath:t,retries:n=0}=e,r=p(t).replace(".json","-rsc.json");return this.memoizedGet(r).then((r=>{const{status:o,responseText:a}=r;if(200===o)try{return Object.assign(e,{status:d.Success,payload:a})}catch(i){}return 404===o||200===o?"/404.html"===t||"/500.html"===t?Object.assign(e,{status:d.Error}):this.fetchPartialHydrationJson(Object.assign(e,{pagePath:"/404.html",notFound:!0})):500===o?this.fetchPartialHydrationJson(Object.assign(e,{pagePath:"/500.html",internalServerError:!0})):n<3?this.fetchPartialHydrationJson(Object.assign(e,{retries:n+1})):Object.assign(e,{status:d.Error})}))},t.loadPageDataJson=function(e){const t=(0,u.Cj)(e);if(this.pageDataDb.has(t)){const e=this.pageDataDb.get(t);return Promise.resolve(e)}return this.fetchPageDataJson({pagePath:t}).then((e=>(this.pageDataDb.set(t,e),e)))},t.loadPartialHydrationJson=function(e){const t=(0,u.Cj)(e);if(this.partialHydrationDb.has(t)){const e=this.partialHydrationDb.get(t);return Promise.resolve(e)}return this.fetchPartialHydrationJson({pagePath:t}).then((e=>(this.partialHydrationDb.set(t,e),e)))},t.loadSliceDataJson=function(e){if(this.slicesDataDb.has(e)){const t=this.slicesDataDb.get(e);return Promise.resolve({sliceName:e,jsonPayload:t})}return h("/slice-data/"+e+".json","GET").then((t=>{const n=JSON.parse(t.responseText);return this.slicesDataDb.set(e,n),{sliceName:e,jsonPayload:n}}))},t.findMatchPath=function(e){return(0,u.UD)(e)},t.loadPage=function(e){const t=(0,u.Cj)(e);if(this.pageDb.has(t)){const e=this.pageDb.get(t);return e.error?Promise.resolve({error:e.error,status:e.status}):Promise.resolve(e.payload)}if(this.inFlightDb.has(t))return this.inFlightDb.get(t);const n=[this.loadAppData(),this.loadPageDataJson(t)];const r=Promise.all(n).then((e=>{const[n,r,i]=e;if(r.status===d.Error||(null==i?void 0:i.status)===d.Error)return{status:d.Error};let c=r.payload;const{componentChunkName:s,staticQueryHashes:u=[],slicesMap:p={}}=c,f={},h=Array.from(new Set(Object.values(p))),m=e=>{if(this.slicesDb.has(e.name))return this.slicesDb.get(e.name);if(this.sliceInflightDb.has(e.name))return this.sliceInflightDb.get(e.name);const t=this.loadComponent(e.componentChunkName).then((t=>{return{component:(n=t,n&&n.default||n),sliceContext:e.result.sliceContext,data:e.result.data};var n}));return this.sliceInflightDb.set(e.name,t),t.then((t=>{this.slicesDb.set(e.name,t),this.sliceInflightDb.delete(e.name)})),t};return Promise.all(h.map((e=>this.loadSliceDataJson(e)))).then((e=>{const p=[],h=(0,o.Z)(u);for(const{jsonPayload:t,sliceName:n}of Object.values(e)){p.push({name:n,...t});for(const e of t.staticQueryHashes)h.includes(e)||h.push(e)}const b=[Promise.all(p.map(m)),this.loadComponent(s,"head")];b.push(this.loadComponent(s));const y=Promise.all(b).then((e=>{const[t,o,s]=e;f.createdAt=new Date;for(const n of t)(!n||n instanceof Error)&&(f.status=d.Error,f.error=n);let l;if((!s||s instanceof Error)&&(f.status=d.Error,f.error=s),f.status!==d.Error){if(f.status=d.Success,!0!==r.notFound&&!0!==(null==i?void 0:i.notFound)||(f.notFound=!0),c=Object.assign(c,{webpackCompilationHash:n?n.webpackCompilationHash:""}),"string"==typeof(null==i?void 0:i.payload)){l=v(c,null,o),l.partialHydration=i.payload;const e=new ReadableStream({start(e){const t=new TextEncoder;e.enqueue(t.encode(i.payload))},pull(e){e.close()},cancel(){}});return g((0,a.createFromReadableStream)(e)).then((e=>(l.partialHydration=e,l)))}l=v(c,s,o)}return l})),E=Promise.all(h.map((e=>{if(this.staticQueryDb[e]){const t=this.staticQueryDb[e];return{staticQueryHash:e,jsonPayload:t}}return this.memoizedGet("/page-data/sq/d/"+e+".json").then((t=>{const n=JSON.parse(t.responseText);return{staticQueryHash:e,jsonPayload:n}})).catch((()=>{throw new Error("We couldn't load \"/page-data/sq/d/"+e+'.json"')}))}))).then((e=>{const t={};return e.forEach((e=>{let{staticQueryHash:n,jsonPayload:r}=e;t[n]=r,this.staticQueryDb[n]=r})),t}));return Promise.all([y,E]).then((e=>{let n,[r,o]=e;return r&&(n={...r,staticQueryResults:o},f.payload=n,l.Z.emit("onPostLoadPageResources",{page:n,pageResources:n})),this.pageDb.set(t,f),f.error?{error:f.error,status:f.status}:n})).catch((e=>({error:e,status:d.Error})))}))}));return r.then((()=>{this.inFlightDb.delete(t)})).catch((e=>{throw this.inFlightDb.delete(t),e})),this.inFlightDb.set(t,r),r},t.loadPageSync=function(e,t){void 0===t&&(t={});const n=(0,u.Cj)(e);if(this.pageDb.has(n)){var r;const e=this.pageDb.get(n);if(e.payload)return e.payload;if(null!==(r=t)&&void 0!==r&&r.withErrorDetails)return{error:e.error,status:e.status}}},t.shouldPrefetch=function(e){return!!(()=>{if("connection"in navigator&&void 0!==navigator.connection){if((navigator.connection.effectiveType||"").includes("2g"))return!1;if(navigator.connection.saveData)return!1}return!0})()&&((!navigator.userAgent||!m.test(navigator.userAgent))&&!this.pageDb.has(e))},t.prefetch=function(e){if(!this.shouldPrefetch(e))return{then:e=>e(!1),abort:()=>{}};if(this.prefetchTriggered.has(e))return{then:e=>e(!0),abort:()=>{}};const t={resolve:null,reject:null,promise:null};t.promise=new Promise(((e,n)=>{t.resolve=e,t.reject=n})),this.prefetchQueued.push([e,t]);const n=new AbortController;return n.signal.addEventListener("abort",(()=>{const t=this.prefetchQueued.findIndex((t=>{let[n]=t;return n===e}));-1!==t&&this.prefetchQueued.splice(t,1)})),this.isPrefetchQueueRunning||(this.isPrefetchQueueRunning=!0,setTimeout((()=>{this._processNextPrefetchBatch()}),3e3)),{then:(e,n)=>t.promise.then(e,n),abort:n.abort.bind(n)}},t._processNextPrefetchBatch=function(){(window.requestIdleCallback||(e=>setTimeout(e,0)))((()=>{const e=this.prefetchQueued.splice(0,4),t=Promise.all(e.map((e=>{let[t,n]=e;return this.prefetchTriggered.has(t)||(this.apiRunner("onPrefetchPathname",{pathname:t}),this.prefetchTriggered.add(t)),this.prefetchDisabled?n.resolve(!1):this.doPrefetch((0,u.Cj)(t)).then((()=>{this.prefetchCompleted.has(t)||(this.apiRunner("onPostPrefetchPathname",{pathname:t}),this.prefetchCompleted.add(t)),n.resolve(!0)}))})));this.prefetchQueued.length?t.then((()=>{setTimeout((()=>{this._processNextPrefetchBatch()}),3e3)})):this.isPrefetchQueueRunning=!1}))},t.doPrefetch=function(e){const t=p(e);return s(t,{crossOrigin:"anonymous",as:"fetch"}).then((()=>this.loadPageDataJson(e)))},t.hovering=function(e){this.loadPage(e)},t.getResourceURLsForPathname=function(e){const t=(0,u.Cj)(e),n=this.pageDataDb.get(t);if(n){const e=v(n.payload);return[].concat((0,o.Z)(y(e.page.componentChunkName)),[p(t)])}return null},t.isPageNotFound=function(e){const t=(0,u.Cj)(e),n=this.pageDb.get(t);return!n||n.notFound},t.loadAppData=function(e){return void 0===e&&(e=0),this.memoizedGet("/page-data/app-data.json").then((t=>{const{status:n,responseText:r}=t;let o;if(200!==n&&e<3)return this.loadAppData(e+1);if(200===n)try{const e=JSON.parse(r);if(void 0===e.webpackCompilationHash)throw new Error("not a valid app-data response");o=e}catch(a){}return o}))},e}();const y=e=>(window.___chunkMapping[e]||[]).map((e=>""+e));let E,S=function(e){function t(t,n,r){var o;return o=e.call(this,(function(e,n){if(void 0===n&&(n="components"),!t[n="components"][e])throw new Error("We couldn't find the correct component chunk with the name \""+e+'"');return t[n][e]().catch((e=>e))}),n)||this,r&&o.pageDataDb.set((0,u.Cj)(r.path),{pagePath:r.path,payload:r,status:"success"}),o}(0,r.Z)(t,e);var n=t.prototype;return n.doPrefetch=function(t){return e.prototype.doPrefetch.call(this,t).then((e=>{if(e.status!==d.Success)return Promise.resolve();const t=e.payload,n=t.componentChunkName,r=y(n);return Promise.all(r.map(s)).then((()=>t))}))},n.loadPageDataJson=function(t){return e.prototype.loadPageDataJson.call(this,t).then((e=>e.notFound?f(t)?e:h(t,"HEAD").then((t=>200===t.status?{status:d.Error}:e)):e))},n.loadPartialHydrationJson=function(t){return e.prototype.loadPartialHydrationJson.call(this,t).then((e=>e.notFound?f(t)?e:h(t,"HEAD").then((t=>200===t.status?{status:d.Error}:e)):e))},t}(b);const O=e=>{E=e},w={enqueue:e=>E.prefetch(e),getResourceURLsForPathname:e=>E.getResourceURLsForPathname(e),loadPage:e=>E.loadPage(e),loadPageSync:function(e,t){return void 0===t&&(t={}),E.loadPageSync(e,t)},prefetch:e=>E.prefetch(e),isPageNotFound:e=>E.isPageNotFound(e),hovering:e=>E.hovering(e),loadAppData:()=>E.loadAppData()};var T=w;function C(){return E?E.staticQueryDb:{}}function k(){return E?E.slicesDb:{}}},9559:function(e,t,n){"use strict";n.d(t,{Z:function(){return S}});var r=n(2784),o=n(3980),a=n.n(o),i=n(1852),c=n(9529),s=n(4792),l=n(5619),u=n(3853);function d(e){let{children:t,callback:n}=e;return(0,r.useEffect)((()=>{n()})),t}const p=["link","meta","style","title","base","noscript","script","html","body"];function f(e,t){if(e instanceof HTMLElement&&t instanceof HTMLElement){const n=t.getAttribute("nonce");if(n&&!e.getAttribute("nonce")){const r=t.cloneNode(!0);return r.setAttribute("nonce",""),r.nonce=n,n===e.nonce&&e.isEqualNode(r)}}return e.isEqualNode(t)}const h=document.createElement("div"),m=new Set,v=new Set,g=(e,t,n,r)=>{const o=document.getElementsByTagName(e)[0];o&&(o.setAttribute(t,n),r.add(t))},b=()=>{var e;const t=[],n=new Map;for(const l of h.childNodes){var r,o;const e=l.nodeName.toLowerCase(),i=null===(r=l.attributes)||void 0===r||null===(o=r.id)||void 0===o?void 0:o.value;if(!p.includes(e))continue;if("html"===e){for(const e of l.attributes)g("html",e.name,e.value,m);continue}if("body"===e){for(const e of l.attributes)g("body",e.name,e.value,v);continue}let c=l.cloneNode(!0);if(c.setAttribute("data-gatsby-head",!0),"script"===c.nodeName.toLowerCase()){const e=document.createElement("script");for(const t of c.attributes)e.setAttribute(t.name,t.value);e.innerHTML=c.innerHTML,c=e}if(i){if(n.has(i)){var a;const e=n.get(i);null===(a=t[e].parentNode)||void 0===a||a.removeChild(t[e]),t[e]=c;continue}t.push(c),n.set(i,t.length-1)}else t.push(c)}const i=document.querySelectorAll("[data-gatsby-head]");var c;if(0===i.length)return void(c=document.head).append.apply(c,t);const s=[];!function(e){let{oldNodes:t,newNodes:n,onStale:r,onNew:o}=e;for(const a of t){const e=n.findIndex((e=>f(e,a)));-1===e?r(a):n.splice(e,1)}for(const a of n)o(a)}({oldNodes:i,newNodes:t,onStale:e=>e.parentNode.removeChild(e),onNew:e=>s.push(e)}),(e=document.head).append.apply(e,s)};function y(e){let{pageComponent:t,staticQueryResults:n,pageComponentProps:o}=e;(0,r.useEffect)((()=>{if(null!=t&&t.Head){!function(e){if("function"!=typeof e)throw new Error('Expected "Head" export to be a function got "'+typeof e+'".')}(t.Head);const{render:a}=(0,u.U)(),i=t.Head;a(r.createElement(d,{callback:b},r.createElement(s.StaticQueryContext.Provider,{value:n},r.createElement(l.LocationProvider,null,r.createElement(i,{location:{pathname:(e=o).location.pathname},params:e.params,data:e.data||{},serverData:e.serverData,pageContext:e.pageContext})))),h)}var e;return()=>{(()=>{const e=document.querySelectorAll("[data-gatsby-head]");for(const t of e)t.parentNode.removeChild(t)})(),m.forEach((e=>{document.getElementsByTagName("html")[0].removeAttribute(e)})),v.forEach((e=>{document.getElementsByTagName("body")[0].removeAttribute(e)}))}}))}function E(e){const t={...e,params:{...(0,c.GA)(e.location.pathname),...e.pageResources.json.pageContext.__params}};let n;var o;n=e.pageResources.partialHydration?e.pageResources.partialHydration:(0,r.createElement)((o=e.pageResources.component)&&o.default||o,{...t,key:e.path||e.pageResources.page.path});y({pageComponent:e.pageResources.head,staticQueryResults:e.pageResources.staticQueryResults,pageComponentProps:t});return(0,i.h)("wrapPageElement",{element:n,props:t},n,(e=>{let{result:n}=e;return{element:n,props:t}})).pop()}E.propTypes={location:a().object.isRequired,pageResources:a().object.isRequired,data:a().object,pageContext:a().object.isRequired};var S=E},5069:function(e,t,n){"use strict";var r=n(1665),o=n(1852),a=n(2784),i=n(5619),c=n(2802),s=n(5483),l=n(3204),u=n(8175),d=n(3182),p=n(6249);const f={id:"gatsby-announcer",style:{position:"absolute",top:0,width:1,height:1,padding:0,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},"aria-live":"assertive","aria-atomic":"true"};var h=n(2467);function m(e){const t=(0,d.J)(e),{hash:n,search:r}=window.location;return null!=t&&(window.___replace(t.toPath+r+n),!0)}let v="";window.addEventListener("unhandledrejection",(e=>{/loading chunk \d* failed./i.test(e.reason)&&v&&(window.location.pathname=v)}));const g=(e,t)=>{m(e.pathname)||(v=e.pathname,(0,o.h)("onPreRouteUpdate",{location:e,prevLocation:t}))},b=(e,t)=>{m(e.pathname)||(0,o.h)("onRouteUpdate",{location:e,prevLocation:t})},y=function(e,t){if(void 0===t&&(t={}),"number"==typeof e)return void i.globalHistory.navigate(e);const{pathname:n,search:r,hash:a}=(0,h.cP)(e),c=(0,d.J)(n);if(c&&(e=c.toPath+r+a),window.___swUpdated)return void(window.location=n+r+a);const s=setTimeout((()=>{p.Z.emit("onDelayedLoadPageResources",{pathname:n}),(0,o.h)("onRouteUpdateDelayed",{location:window.location})}),1e3);u.ZP.loadPage(n+r).then((o=>{if(!o||o.status===u.uQ.Error)return window.history.replaceState({},"",location.href),window.location=n,void clearTimeout(s);o&&o.page.webpackCompilationHash!==window.___webpackCompilationHash&&("serviceWorker"in navigator&&null!==navigator.serviceWorker.controller&&"activated"===navigator.serviceWorker.controller.state&&navigator.serviceWorker.controller.postMessage({gatsbyApi:"clearPathResources"}),window.location=n+r+a),(0,i.navigate)(e,t),clearTimeout(s)}))};function E(e,t){let{location:n}=t;const{pathname:r,hash:a}=n,i=(0,o.h)("shouldUpdateScroll",{prevRouterProps:e,pathname:r,routerProps:{location:n},getSavedScrollPosition:e=>[0,this._stateStorage.read(e,e.key)]});if(i.length>0)return i[i.length-1];if(e){const{location:{pathname:t}}=e;if(t===r)return a?decodeURI(a.slice(1)):[0,0]}return!0}let S=function(e){function t(t){var n;return(n=e.call(this,t)||this).announcementRef=a.createRef(),n}(0,r.Z)(t,e);var n=t.prototype;return n.componentDidUpdate=function(e,t){requestAnimationFrame((()=>{let e="new page at "+this.props.location.pathname;document.title&&(e=document.title);const t=document.querySelectorAll("#gatsby-focus-wrapper h1");t&&t.length&&(e=t[0].textContent);const n="Navigated to "+e;if(this.announcementRef.current){this.announcementRef.current.innerText!==n&&(this.announcementRef.current.innerText=n)}}))},n.render=function(){return a.createElement("div",Object.assign({},f,{ref:this.announcementRef}))},t}(a.Component);const O=(e,t)=>{var n,r;return e.href!==t.href||(null==e||null===(n=e.state)||void 0===n?void 0:n.key)!==(null==t||null===(r=t.state)||void 0===r?void 0:r.key)};let w=function(e){function t(t){var n;return n=e.call(this,t)||this,g(t.location,null),n}(0,r.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){b(this.props.location,null)},n.shouldComponentUpdate=function(e){return!!O(e.location,this.props.location)&&(g(this.props.location,e.location),!0)},n.componentDidUpdate=function(e){O(e.location,this.props.location)&&b(this.props.location,e.location)},n.render=function(){return a.createElement(a.Fragment,null,this.props.children,a.createElement(S,{location:location}))},t}(a.Component);var T=n(9559),C=n(7981);function k(e,t){for(var n in e)if(!(n in t))return!0;for(var r in t)if(e[r]!==t[r])return!0;return!1}var _=function(e){function t(t){var n;n=e.call(this)||this;const{location:r,pageResources:o}=t;return n.state={location:{...r},pageResources:o||u.ZP.loadPageSync(r.pathname+r.search,{withErrorDetails:!0})},n}(0,r.Z)(t,e),t.getDerivedStateFromProps=function(e,t){let{location:n}=e;if(t.location.href!==n.href){return{pageResources:u.ZP.loadPageSync(n.pathname+n.search,{withErrorDetails:!0}),location:{...n}}}return{location:{...n}}};var n=t.prototype;return n.loadResources=function(e){u.ZP.loadPage(e).then((t=>{t&&t.status!==u.uQ.Error?this.setState({location:{...window.location},pageResources:t}):(window.history.replaceState({},"",location.href),window.location=e)}))},n.shouldComponentUpdate=function(e,t){return t.pageResources?this.state.pageResources!==t.pageResources||(this.state.pageResources.component!==t.pageResources.component||(this.state.pageResources.json!==t.pageResources.json||(!(this.state.location.key===t.location.key||!t.pageResources.page||!t.pageResources.page.matchPath&&!t.pageResources.page.path)||function(e,t,n){return k(e.props,t)||k(e.state,n)}(this,e,t)))):(this.loadResources(e.location.pathname+e.location.search),!1)},n.render=function(){return this.props.children(this.state)},t}(a.Component),D=n(3834),I=n(3853);const x=new u.kL(C,[],window.pageData);(0,u.N1)(x),x.setApiRunner(o.h);const{render:N,hydrate:A}=(0,I.U)();window.asyncRequires=C,window.___emitter=p.Z,window.___loader=u.jN,i.globalHistory.listen((e=>{e.location.action=e.action})),window.___push=e=>y(e,{replace:!1}),window.___replace=e=>y(e,{replace:!0}),window.___navigate=(e,t)=>y(e,t);const P="gatsby-reload-compilation-hash-match";(0,o.I)("onClientEntry").then((()=>{(0,o.h)("registerServiceWorker").filter(Boolean).length>0&&n(472);const e=e=>a.createElement(i.BaseContext.Provider,{value:{baseuri:"/",basepath:"/"}},a.createElement(T.Z,e)),t=a.createContext({}),d={renderEnvironment:"browser"};let p=function(e){function n(){return e.apply(this,arguments)||this}return(0,r.Z)(n,e),n.prototype.render=function(){const{children:e}=this.props;return a.createElement(i.Location,null,(n=>{let{location:r}=n;return a.createElement(_,{location:r},(n=>{let{pageResources:r,location:o}=n;const i=(0,u.hs)(),c=(0,u.Nt)();return a.createElement(s.B9.Provider,{value:i},a.createElement(l.Bs.Provider,{value:d},a.createElement(l.m3.Provider,{value:c},a.createElement(l.u0.Provider,{value:r.page.slicesMap},a.createElement(t.Provider,{value:{pageResources:r,location:o}},e)))))}))}))},n}(a.Component),f=function(n){function o(){return n.apply(this,arguments)||this}return(0,r.Z)(o,n),o.prototype.render=function(){return a.createElement(t.Consumer,null,(t=>{let{pageResources:n,location:r}=t;return a.createElement(w,{location:r},a.createElement(c.$C,{location:r,shouldUpdateScroll:E},a.createElement(i.Router,{basepath:"",location:r,id:"gatsby-focus-wrapper"},a.createElement(e,Object.assign({path:"/404.html"===n.page.path||"/500.html"===n.page.path?(0,D.Z)(r.pathname,""):encodeURI((n.page.matchPath||n.page.path).split("?")[0])},this.props,{location:r,pageResources:n},n.json)))))}))},o}(a.Component);const{pagePath:h,location:m}=window;h&&""+h!==m.pathname+(h.includes("?")?m.search:"")&&!(x.findMatchPath((0,D.Z)(m.pathname,""))||h.match(/^\/(404|500)(\/?|.html)$/)||h.match(/^\/offline-plugin-app-shell-fallback\/?$/))&&(0,i.navigate)(""+h+(h.includes("?")?"":m.search)+m.hash,{replace:!0});const v=()=>{try{return sessionStorage}catch{return null}};u.jN.loadPage(m.pathname+m.search).then((e=>{var t;const n=v();if(null!=e&&null!==(t=e.page)&&void 0!==t&&t.webpackCompilationHash&&e.page.webpackCompilationHash!==window.___webpackCompilationHash&&("serviceWorker"in navigator&&null!==navigator.serviceWorker.controller&&"activated"===navigator.serviceWorker.controller.state&&navigator.serviceWorker.controller.postMessage({gatsbyApi:"clearPathResources"}),n)){if(!("1"===n.getItem(P)))return n.setItem(P,"1"),void window.location.reload(!0)}if(n&&n.removeItem(P),!e||e.status===u.uQ.Error){const t="page resources for "+m.pathname+" not found. Not rendering React";if(e&&e.error)throw console.error(t),e.error;throw new Error(t)}const r=(0,o.h)("wrapRootElement",{element:a.createElement(f,null)},a.createElement(f,null),(e=>{let{result:t}=e;return{element:t}})).pop(),i=function(){const e=a.useRef(!1);return a.useEffect((()=>{e.current||(e.current=!0,performance.mark&&performance.mark("onInitialClientRender"),(0,o.h)("onInitialClientRender"))}),[]),a.createElement(p,null,r)},c=document.getElementById("gatsby-focus-wrapper");let s=N;c&&c.children.length&&(s=A);const l=(0,o.h)("replaceHydrateFunction",void 0,s)[0];function d(){const e="undefined"!=typeof window?document.getElementById("___gatsby"):null;l(a.createElement(i,null),e)}const h=document;if("complete"===h.readyState||"loading"!==h.readyState&&!h.documentElement.doScroll)setTimeout((function(){d()}),0);else{const e=function(){h.removeEventListener("DOMContentLoaded",e,!1),window.removeEventListener("load",e,!1),d()};h.addEventListener("DOMContentLoaded",e,!1),window.addEventListener("load",e,!1)}}))}))},3161:function(e,t,n){"use strict";n.r(t);var r=n(2784),o=n(8175),a=n(9559);t.default=e=>{let{location:t}=e;const n=o.ZP.loadPageSync(t.pathname);return n?r.createElement(a.Z,{location:t,pageResources:n,...n.json}):null}},9758:function(e,t,n){var r;e.exports=(r=n(3161))&&r.default||r},3853:function(e,t,n){"use strict";n.d(t,{U:function(){return o}});const r=new WeakMap;function o(){const e=n(7029);return{render:(t,n)=>{let o=r.get(n);o||r.set(n,o=e.createRoot(n)),o.render(t)},hydrate:(t,n)=>e.hydrateRoot(n,t)}}},3182:function(e,t,n){"use strict";n.d(t,{J:function(){return a}});const r=new Map,o=new Map;function a(e){let t=r.get(e);return t||(t=o.get(e.toLowerCase())),t}[].forEach((e=>{e.ignoreCase?o.set(e.fromPath,e):r.set(e.fromPath,e)}))},472:function(e,t,n){"use strict";n.r(t);var r=n(1852);"https:"!==window.location.protocol&&"localhost"!==window.location.hostname?console.error("Service workers can only be used over HTTPS, or on localhost for development"):"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js").then((function(e){e.addEventListener("updatefound",(()=>{(0,r.h)("onServiceWorkerUpdateFound",{serviceWorker:e});const t=e.installing;console.log("installingWorker",t),t.addEventListener("statechange",(()=>{switch(t.state){case"installed":navigator.serviceWorker.controller?(window.___swUpdated=!0,(0,r.h)("onServiceWorkerUpdateReady",{serviceWorker:e}),window.___failedResources&&(console.log("resources failed, SW updated - reloading"),window.location.reload())):(console.log("Content is now available offline!"),(0,r.h)("onServiceWorkerInstalled",{serviceWorker:e}));break;case"redundant":console.error("The installing service worker became redundant."),(0,r.h)("onServiceWorkerRedundant",{serviceWorker:e});break;case"activated":(0,r.h)("onServiceWorkerActive",{serviceWorker:e})}}))}))})).catch((function(e){console.error("Error during service worker registration:",e)}))},3204:function(e,t,n){"use strict";n.d(t,{Bs:function(){return a},Db:function(){return c},m3:function(){return o},u0:function(){return i}});var r=n(2784);const o=r.createContext({}),a=r.createContext({}),i=r.createContext({}),c=r.createContext({})},5483:function(e,t,n){"use strict";n.d(t,{i1:function(){return s},B9:function(){return o},K2:function(){return l}});var r=n(2784);const o=(a="StaticQuery",i={},r.createServerContext?function(e,t){return void 0===t&&(t=null),globalThis.__SERVER_CONTEXT||(globalThis.__SERVER_CONTEXT={}),globalThis.__SERVER_CONTEXT[e]||(globalThis.__SERVER_CONTEXT[e]=r.createServerContext(e,t)),globalThis.__SERVER_CONTEXT[e]}(a,i):r.createContext(i));var a,i;function c(e){let{staticQueryData:t,data:n,query:o,render:a}=e;const i=n?n.data:t[o]&&t[o].data;return r.createElement(r.Fragment,null,i&&a(i),!i&&r.createElement("div",null,"Loading (StaticQuery)"))}const s=e=>{const{data:t,query:n,render:a,children:i}=e;return r.createElement(o.Consumer,null,(e=>r.createElement(c,{data:t,query:n,render:a||i,staticQueryData:e})))},l=e=>{var t;r.useContext;const n=r.useContext(o);if(isNaN(Number(e)))throw new Error("useStaticQuery was called with a string but expects to be called using `graphql`. Try this:\n\nimport { useStaticQuery, graphql } from 'gatsby';\n\nuseStaticQuery(graphql`"+e+"`);\n");if(null!==(t=n[e])&&void 0!==t&&t.data)return n[e].data;throw new Error("The result of this StaticQuery could not be fetched.\n\nThis is likely a bug in Gatsby and if refreshing the page does not fix it, please open an issue in https://github.com/gatsbyjs/gatsby/issues")}},3834:function(e,t,n){"use strict";function r(e,t){return void 0===t&&(t=""),t?e===t?"/":e.startsWith(t+"/")?e.slice(t.length):e:e}n.d(t,{Z:function(){return r}})},3463:function(e,t,n){"use strict";var r=n(8570),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},c={};function s(e){return r.isMemo(e)?i:c[e.$$typeof]||o}c[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},c[r.Memo]=i;var l=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(h){var o=f(n);o&&o!==h&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var c=s(t),m=s(n),v=0;v=t||n<0||v&&e-h>=u}function S(){var e=o();if(E(e))return O(e);p=setTimeout(S,function(e){var n=t-(e-f);return v?c(n,u-(e-h)):n}(e))}function O(e){return p=void 0,g&&s?b(e):(s=l=void 0,d)}function w(){var e=o(),n=E(e);if(s=arguments,l=this,f=e,n){if(void 0===p)return y(f);if(v)return clearTimeout(p),p=setTimeout(S,t),b(f)}return void 0===p&&(p=setTimeout(S,t)),d}return t=a(t)||0,r(n)&&(m=!!n.leading,u=(v="maxWait"in n)?i(a(n.maxWait)||0,t):u,g="trailing"in n?!!n.trailing:g),w.cancel=function(){void 0!==p&&clearTimeout(p),h=0,s=f=l=p=void 0},w.flush=function(){return void 0===p?d:O(o())},w}},6152:function(e){var t=Array.isArray;e.exports=t},9259:function(e){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},5125:function(e){e.exports=function(e){return null!=e&&"object"==typeof e}},4795:function(e,t,n){var r=n(3366),o=n(5125);e.exports=function(e){return"symbol"==typeof e||o(e)&&"[object Symbol]"==r(e)}},1100:function(e,t,n){var r=n(7772);e.exports=function(){return r.Date.now()}},7642:function(e,t,n){var r=n(1704),o=n(9259),a=n(4795),i=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,s=/^0o[0-7]+$/i,l=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(a(e))return NaN;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=r(e);var n=c.test(e);return n||s.test(e)?l(e.slice(2),n?2:8):i.test(e)?NaN:+e}},6188:function(e,t,n){var r=n(1054);e.exports=function(e){return null==e?"":r(e)}},4930:function(e,t,n){var r=n(6188),o=0;e.exports=function(e){var t=++o;return r(e)+t}},7704:function(e,t,n){"use strict";n.d(t,{YD:function(){return m}});var r=n(2784);function o(){return o=Object.assign||function(e){for(var t=1;t=e}));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=a),null==(n=o.get(t.target))||n.forEach((function(e){e(a,t)}))}))}),e);r=a.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:a,elements:o},i.set(t,n)}return n}(n),c=a.id,s=a.observer,d=a.elements,p=d.get(e)||[];return d.has(e)||d.set(e,p),p.push(t),s.observe(e),function(){p.splice(p.indexOf(t),1),0===p.length&&(d.delete(e),s.unobserve(e)),0===d.size&&(s.disconnect(),i.delete(c))}}var p=["children","as","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView","fallbackInView"];function f(e){return"function"!=typeof e.children}var h=function(e){var t,n;function i(t){var n;return(n=e.call(this,t)||this).node=null,n._unobserveCb=null,n.handleNode=function(e){n.node&&(n.unobserve(),e||n.props.triggerOnce||n.props.skip||n.setState({inView:!!n.props.initialInView,entry:void 0})),n.node=e||null,n.observeNode()},n.handleChange=function(e,t){e&&n.props.triggerOnce&&n.unobserve(),f(n.props)||n.setState({inView:e,entry:t}),n.props.onChange&&n.props.onChange(e,t)},n.state={inView:!!t.initialInView,entry:void 0},n}n=e,(t=i).prototype=Object.create(n.prototype),t.prototype.constructor=t,a(t,n);var c=i.prototype;return c.componentDidUpdate=function(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())},c.componentWillUnmount=function(){this.unobserve(),this.node=null},c.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,n=e.root,r=e.rootMargin,o=e.trackVisibility,a=e.delay,i=e.fallbackInView;this._unobserveCb=d(this.node,this.handleChange,{threshold:t,root:n,rootMargin:r,trackVisibility:o,delay:a},i)}},c.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},c.render=function(){if(!f(this.props)){var e=this.state,t=e.inView,n=e.entry;return this.props.children({inView:t,entry:n,ref:this.handleNode})}var a=this.props,i=a.children,c=a.as,s=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(a,p);return r.createElement(c||"div",o({ref:this.handleNode},s),i)},i}(r.Component);function m(e){var t=void 0===e?{}:e,n=t.threshold,o=t.delay,a=t.trackVisibility,i=t.rootMargin,c=t.root,s=t.triggerOnce,l=t.skip,u=t.initialInView,p=t.fallbackInView,f=r.useRef(),h=r.useState({inView:!!u}),m=h[0],v=h[1],g=r.useCallback((function(e){void 0!==f.current&&(f.current(),f.current=void 0),l||e&&(f.current=d(e,(function(e,t){v({inView:e,entry:t}),t.isIntersecting&&s&&f.current&&(f.current(),f.current=void 0)}),{root:c,rootMargin:i,threshold:n,trackVisibility:a,delay:o},p))}),[Array.isArray(n)?n.toString():n,c,i,s,l,a,p,o]);(0,r.useEffect)((function(){f.current||!m.entry||s||l||v({inView:!!u})}));var b=[g,m.inView,m.entry];return b.ref=b[0],b.inView=b[1],b.entry=b[2],b}h.displayName="InView",h.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1}},6866:function(e,t){"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,c=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,l=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,h=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,v=n?Symbol.for("react.lazy"):60116,g=n?Symbol.for("react.block"):60121,b=n?Symbol.for("react.fundamental"):60117,y=n?Symbol.for("react.responder"):60118,E=n?Symbol.for("react.scope"):60119;function S(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case c:case i:case f:return e;default:switch(e=e&&e.$$typeof){case l:case p:case v:case m:case s:return e;default:return t}}case o:return t}}}function O(e){return S(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=l,t.ContextProvider=s,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=v,t.Memo=m,t.Portal=o,t.Profiler=c,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return O(e)||S(e)===u},t.isConcurrentMode=O,t.isContextConsumer=function(e){return S(e)===l},t.isContextProvider=function(e){return S(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return S(e)===p},t.isFragment=function(e){return S(e)===a},t.isLazy=function(e){return S(e)===v},t.isMemo=function(e){return S(e)===m},t.isPortal=function(e){return S(e)===o},t.isProfiler=function(e){return S(e)===c},t.isStrictMode=function(e){return S(e)===i},t.isSuspense=function(e){return S(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===c||e===i||e===f||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===v||e.$$typeof===m||e.$$typeof===s||e.$$typeof===l||e.$$typeof===p||e.$$typeof===b||e.$$typeof===y||e.$$typeof===E||e.$$typeof===g)},t.typeOf=S},8570:function(e,t,n){"use strict";e.exports=n(6866)},5077:function(e,t,n){"use strict";var r=n(2784),o={stream:!0},a=new Map,i=Symbol.for("react.element"),c=Symbol.for("react.lazy"),s=Symbol.for("react.default_value"),l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function u(e,t,n){this._status=e,this._value=t,this._response=n}function d(e){switch(e._status){case 3:return e._value;case 1:var t=JSON.parse(e._value,e._response._fromJSON);return e._status=3,e._value=t;case 2:for(var r=(t=e._value).chunks,o=0;of)&&(B=(z=z.replace(" ",":")).length),0r&&(r=(t=t.trim()).charCodeAt(0)),r){case 38:return t.replace(v,"$1"+e.trim());case 58:return e.trim()+t.replace(v,"$1"+e.trim());default:if(0<1*n&&0s.charCodeAt(8))break;case 115:i=i.replace(s,"-webkit-"+s)+";"+i;break;case 207:case 102:i=i.replace(s,"-webkit-"+(102r.charCodeAt(0)&&(r=r.trim()),r=[r],01?t-1:0),r=1;r0?" Args: "+n.join(", "):""))}var _=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&k(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=r;a=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,a=r;a=x&&(x=t+1),D.set(e,t),I.set(t,e)},R="style["+S+'][data-styled-version="5.3.6"]',j=new RegExp("^"+S+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),L=function(e,t,n){for(var r,o=n.split(","),a=0,i=o.length;a=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(S))return r}}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(S,"active"),r.setAttribute("data-styled-version","5.3.6");var i=H();return i&&r.setAttribute("nonce",i),n.insertBefore(r,a),r},U=function(){function e(e){var t=this.element=B(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e0&&(l+=e+",")})),r+=""+c+s+'{content:"'+l+'"}/*!sc*/\n'}}}return r}(this)},e}(),$=/(a)(d)/gi,q=function(e){return String.fromCharCode(e+(e>25?39:97))};function X(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=q(t%52)+n;return(q(t%52)+n).replace($,"$1-$2")}var K=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Y=function(e){return K(5381,e)};function J(e){for(var t=0;t>>0);if(!t.hasNameForId(r,i)){var c=n(a,"."+i,void 0,r);t.insertRules(r,i,c)}o.push(i),this.staticRulesId=i}else{for(var s=this.rules.length,l=K(this.baseHash,n.hash),u="",d=0;d>>0);if(!t.hasNameForId(r,m)){var v=n(u,"."+m,void 0,r);t.insertRules(r,m,v)}o.push(m)}}return o.join(" ")},e}(),ee=/^\s*\/\/.*$/gm,te=[":","[",".","#"];function ne(e){var t,n,r,o,a=void 0===e?g:e,i=a.options,s=void 0===i?g:i,l=a.plugins,u=void 0===l?v:l,d=new c(s),p=[],f=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,o,a,i,c,s,l,u,d){switch(n){case 1:if(0===u&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===l)return r+"/*|*/";break;case 3:switch(l){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}((function(e){p.push(e)})),h=function(e,r,a){return 0===r&&-1!==te.indexOf(a[n.length])||a.match(o)?e:"."+t};function m(e,a,i,c){void 0===c&&(c="&");var s=e.replace(ee,""),l=a&&i?i+" "+a+" { "+s+" }":s;return t=c,n=a,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),d(i||!a?"":a,l)}return d.use([].concat(u,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,h))},f,function(e){if(-2===e){var t=p;return p=[],t}}])),m.hash=u.length?u.reduce((function(e,t){return t.name||k(15),K(e,t.name)}),5381).toString():"",m}var re=o.createContext(),oe=re.Consumer,ae=o.createContext(),ie=(ae.Consumer,new W),ce=ne();function se(){return(0,o.useContext)(re)||ie}function le(){return(0,o.useContext)(ae)||ce}function ue(e){var t=(0,o.useState)(e.stylisPlugins),n=t[0],r=t[1],a=se(),c=(0,o.useMemo)((function(){var t=a;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),s=(0,o.useMemo)((function(){return ne({options:{prefix:!e.disableVendorPrefixes},plugins:n})}),[e.disableVendorPrefixes,n]);return(0,o.useEffect)((function(){i()(n,e.stylisPlugins)||r(e.stylisPlugins)}),[e.stylisPlugins]),o.createElement(re.Provider,{value:c},o.createElement(ae.Provider,{value:s},e.children))}var de=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=ce);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return k(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=ce),this.name+e.hash},e}(),pe=/([A-Z])/,fe=/([A-Z])/g,he=/^ms-/,me=function(e){return"-"+e.toLowerCase()};function ve(e){return pe.test(e)?e.replace(fe,me).replace(he,"-ms-"):e}var ge=function(e){return null==e||!1===e||""===e};function be(e,t,n,r){if(Array.isArray(e)){for(var o,a=[],i=0,c=e.length;i1?t-1:0),r=1;r?@[\\\]^`{|}~-]+/g,we=/(^-|-$)/g;function Te(e){return e.replace(Oe,"-").replace(we,"")}var Ce=function(e){return X(Y(e)>>>0)};function ke(e){return"string"==typeof e&&!0}var _e=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},De=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function Ie(e,t,n){var r=e[n];_e(t)&&_e(r)?xe(r,t):e[n]=t}function xe(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r=0||(o[n]=e[n]);return o}(t,["componentId"]),a=r&&r+"-"+(ke(e)?e:Te(y(e)));return je(e,f({},o,{attrs:S,componentId:a}),n)},Object.defineProperty(w,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=r?xe({},e.defaultProps,t):t}}),w.toString=function(){return"."+w.styledComponentId},a&&p()(w,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),w}var Le=function(e){return function e(t,n,o){if(void 0===o&&(o=g),!(0,r.isValidElementType)(n))return k(1,String(n));var a=function(){return t(n,o,Ee.apply(void 0,arguments))};return a.withConfig=function(r){return e(t,n,f({},o,{},r))},a.attrs=function(r){return e(t,n,f({},o,{attrs:Array.prototype.concat(o.attrs,r).filter(Boolean)}))},a}(je,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){Le[e]=Le(e)}));var Me=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=J(e),W.registerId(this.componentId+1)}var t=e.prototype;return t.createStyles=function(e,t,n,r){var o=r(be(this.rules,t,n,r).join(""),""),a=this.componentId+e;n.insertRules(a,a,o)},t.removeStyles=function(e,t){t.clearRules(this.componentId+e)},t.renderStyles=function(e,t,n,r){e>2&&W.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}();function He(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r1?t-1:0),r=1;r"+t+""},this.getStyleTags=function(){return e.sealed?k(2):e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)return k(2);var n=((t={})[S]="",t["data-styled-version"]="5.3.6",t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),r=H();return r&&(n.nonce=r),[o.createElement("style",f({},n,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new W({isServer:!0}),this.sealed=!1}var t=e.prototype;return t.collectStyles=function(e){return this.sealed?k(2):o.createElement(ue,{sheet:this.instance},e)},t.interleaveWithNodeStream=function(e){return k(3)},e}(),Fe=function(e){var t=o.forwardRef((function(t,n){var r=(0,o.useContext)(Ne),a=e.defaultProps,i=Se(t,r,a);return o.createElement(e,f({},t,{theme:i,ref:n}))}));return p()(t,e),t.displayName="WithTheme("+y(e)+")",t},ze=function(){return(0,o.useContext)(Ne)},Ge={StyleSheet:W,masterSheet:ie},Ve=Le},4044:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z",fill:"currentColor"}))}o.defaultProps={viewBox:"0 0 24 24"},e.exports=o,o.default=o},9193:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z",fill:"currentColor"}))}o.defaultProps={viewBox:"0 0 24 24"},e.exports=o,o.default=o},6621:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z"}))}o.defaultProps={xmlSpace:"preserve",viewBox:"0 0 532 532"},e.exports=o,o.default=o},5093:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z"}))}o.defaultProps={xmlSpace:"preserve",viewBox:"0 0 532 532"},e.exports=o,o.default=o},489:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"m10 10 5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}))}o.defaultProps={viewBox:"0 0 20 20"},e.exports=o,o.default=o},5595:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{fill:"currentColor",vectorEffect:"non-scaling-stroke",d:"M39 20C39 9.506 30.494 1 20 1S1 9.506 1 20s8.506 19 19 19 19-8.506 19-19Zm-21.85-9.5a2.85 2.85 0 1 1 5.7 0v11.4a2.85 2.85 0 0 1-5.7 0V10.5ZM20 26.65a2.85 2.85 0 1 0 0 5.7 2.85 2.85 0 0 0 0-5.7Z",fillRule:"evenodd"}))}o.defaultProps={xmlSpace:"preserve",viewBox:"0 0 40 40"},e.exports=o,o.default=o},7052:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,[r.createElement("defs",{key:0},[r.createElement("linearGradient",{id:"dark-theme-icon-blur-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",key:0},[r.createElement("stop",{offset:"0%",stopColor:"#8ab4f8",key:0}),r.createElement("stop",{offset:"100%",stopColor:"#c1a8e2",key:1})]),r.createElement("filter",{id:"dark-theme-icon-blur-filter",key:1},r.createElement("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"3.5"})),r.createElement("path",{id:"dark-theme-icon-blur-logo",d:"M93 .03l.46.06.47.08.24.05.23.05.23.07.24.07.47.16.23.1.24.1.45.2.23.1.44.24.44.26L98 2l.6.48.38.34.36.36.17.2.1.12.1.13.1.12.1.14.1.12.2.26.1.14.1.13.17.27.18.3.16.3.16.32.08.17.15.36.07.2.1.2.07.2.08.2.07.23.08.23.07.23.16.5.08.26.08.28.1.3.63 2.35.1.4.14.54.13.55.24 1.13.1.58.12.57.1.6.18 1.2.1.6.08.63.07.62.07.64.06.64.06.65.05.65.04.67.05.67.1 2.06.04 2.87-.03 2.23-.06 1.53-.02.78-.05.78-.04.8-.1 1.6-.07.82-.06.82-.26 2.8-.02.26-.03.26-.02.27-.04.52-.04.5-.02.24-.03.48-.02.22-.01.23v.23l-.02.2-.01.22v.4l-.03.37v.17l-.01.18-.02.32v.3.13.25l-.01.2.01.1V46v.08.06.05.05l.01.03.01.02h.01.02l.03.01h.67l.13-.01h.14.15.16l.34-.02.37-.02.2-.01h.42l.46-.04h.24l.23-.02.25-.02.26-.02.27-.02h.27l.26-.02.28-.02.3-.03.3-.02h.28l.6-.04.3-.03.62-.05.3-.03 1.4-.1 1.37-.1 1.36-.08 2.64-.1 1.3-.03 1.26-.02h1.25 1.22l1.2.02 1.17.03 2.27.1 1.1.08 1.07.08 1.05.1 1.03.1 1 .12.97.13.94.15.93.16.88.17.87.2.83.2.8.2.78.22.75.24.72.24.7.26.67.27.63.28.6.3.58.3.54.32.5.33.5.35.45.35.42.36.38.38.36.4.14.17.27.33.12.16.12.17.1.17.1.16.2.3.1.17.25.47.08.16.07.15.06.17.16.47.1.33.06.33.03.16.02.18.02.16v.17l.02.36v.18l-.02.36-.01.2-.02.2-.01.2-.06.4-.04.2-.04.22-.03.2-.08.35-.1.35-.12.36-.13.36-.15.37-.17.38-.18.37-.2.4-.22.38-.24.4-.25.4-.26.4-.6.8-.64.82-.36.4-.35.42-1.18 1.24-.42.43-.88.84-.46.43-.96.84-.5.43-1.03.84-.53.43-.55.4-1.7 1.25-.6.4-1.22.8-.62.4-.63.4-.38.24-.4.24-.42.25-.42.26-.45.26-.46.26-.96.54-.5.3-.5.27-.5.28-.5.3-1.03.56-.52.27-.5.28-.52.27-1 .53-.5.26-.5.25-.48.25-.92.46-.86.42-.42.2-.38.2-.37.17-.35.17-.32.15-.3.13-.27.1-.26.1-.2.1-.2.06-.17.06-.12.03-.1.02-.05-.02-.04-.04-.04-.06-.03-.08-.03-.1-.02-.1-.01-.13-.02-.14v-.15l.01-.17v-.2l.01-.18.02-.2.01-.2.05-.44.03-.22.1-.7.04-.24.1-.47.05-.24.1-.45.06-.22.05-.22.07-.2.05-.2.07-.2.07-.18.12-.32.06-.15.07-.13.07-.12.06-.1.07-.1.06-.06.06-.05.1-.04.1-.05.05-.04.07-.04.06-.03.07-.03.08-.04.16-.1.18-.08.1-.06.1-.04.2-.12.32-.16.22-.12.23-.13.24-.12.37-.2.12-.07.25-.13.13-.07.25-.13.14-.06.12-.07.13-.06.13-.07.13-.06 1.37-.7.67-.36.67-.38.66-.36.65-.36.64-.37 1.26-.75.6-.36 1.2-.75.58-.38.57-.36.57-.38.55-.37.54-.38.53-.36.52-.37 1-.74.47-.35.46-.37.45-.36.44-.36.84-.7.4-.35.74-.68.67-.67.6-.65.28-.32.27-.3.24-.3.23-.3.2-.3.36-.58.14-.28.14-.3.12-.27.1-.27.08-.27.06-.26.04-.26.02-.26v-.5l-.03-.25-.05-.24-.07-.22-.08-.23-.1-.23-.12-.22-.14-.2-.32-.42-.4-.4-.48-.38-.26-.18-.28-.18-.6-.34-.68-.33-.37-.15-.4-.15-.4-.14-.42-.14-.43-.14-.46-.14-.47-.13-.5-.12-.5-.1-.52-.1-.47-.1-.5-.1-.53-.08-.58-.06-.6-.08-.63-.06-.65-.06-.67-.05-.7-.05-.72-.05-.74-.04-1.52-.06-.8-.03-.8-.02h-.8l-1.67-.02-.83.01h-.85l-2.57.03-.85.03-.86.03-.86.02-.84.05-.85.03-.84.06-.82.05-.83.06-.8.05-1.57.14-.76.07-.75.08-.72.08-1.4.2-.65.1-3.42.52-1.4 7.83-1.46 7.83 6.8 7.94 1.04 1.25 1.03 1.23 1 1.2.98 1.2.95 1.2.93 1.18.9 1.16.88 1.15.87 1.13.84 1.13.82 1.1.8 1.1.78 1.1.75 1.07.73 1.07 1.4 2.1.67 1.03.65 1.02.62 1 .6 1 .58.98.56.98.54.95.52.96.5.95.48.93.45.92.43.9.42.9.4.9.37.88.36.9.33.86.32.86.3.86.28.84.25.83.23.83.15.52.12.5.14.5.1.48.1.46.1.45.1.44.08.44.08.4.06.4.07.4.04.4.04.37.03.37.02.36.02.34v.67l-.03.64-.03.3-.04.3-.05.3-.12.58-.08.27-.1.28-.2.52-.12.26-.12.25-.13.26-.14.25-.3.5-.17.24-.18.24-.2.24-.2.23-.2.24-.3.33-.3.3-.32.3-.34.26-.35.24-.36.23-.38.2-.4.2-.4.17-.42.14-.43.13-.92.2-.5.07-.5.05h-.5-1.08l-.56-.04-.57-.04-.6-.08-.6-.1-.62-.1-.66-.13-.65-.15-.68-.16-1.4-.4-.73-.22-.75-.25-.77-.26-.78-.3-.8-.3-.82-.32-.84-.34-.86-.37-1.8-.8-.92-.43-.93-.45-.33-.15-.34-.17-.37-.2-.4-.2-.42-.22-.43-.25-.45-.25-.46-.26-.48-.28-1.5-.9-.5-.32-.53-.3-1.04-.65-.53-.32-.53-.33-.5-.34-.52-.32-1-.64-.5-.33-.47-.3-.46-.3-.45-.3-.42-.3-.4-.28-.4-.27-.36-.24-.34-.25-.3-.23-.3-.2-.25-.2-.22-.17-.18-.17-.16-.13-.1-.12-.08-.1-.04-.07h0l.01-.04.02-.06.05-.05v-.04l.06-.06.1-.07.2-.16.06-.04.07-.05.06-.04.07-.04.07-.05.08-.05.08-.04.07-.05.16-.1.1-.05.1-.04.08-.06.4-.2.1-.06.1-.05.1-.04.22-.1.2-.1 2.62-1.1 9.13 5.35.92.52.9.5.88.5.87.47.84.44.83.43 1.6.8.78.37.74.34.74.33.72.3.7.28.68.27.66.24.63.22.63.2.6.18.58.16.56.14.54.12.52.1.5.08.48.07.46.03h.43.43l.4-.03.38-.04.35-.06.34-.1.32-.1.3-.13.27-.15.25-.17.23-.18.2-.22.18-.23.16-.26.22-.44.16-.5.1-.53.06-.6.02-.63-.03-.7-.08-.72-.12-.78-.18-.8-.2-.86-.26-.9-.3-.93-.35-.97-.38-1-.43-1.04-.47-1.07-.5-1.1-.55-1.14-.6-1.17-.63-1.18-.66-1.23-.7-1.24-.74-1.27-.77-1.3-1.64-2.65-.87-1.35-.9-1.37-.93-1.4-.97-1.4-2.03-2.84-1.05-1.43-1.1-1.46-1.1-1.45-1.15-1.48-1.16-1.47-1.2-1.48-1.22-1.48-1.23-1.5-4.17-4.9-2.05 7.54-.74 2.67-.76 2.65-.78 2.62-.8 2.57-.8 2.55-.84 2.5-.84 2.46-.87 2.43-.88 2.38-.88 2.35-.9 2.3-.9 2.25-.92 2.2-.94 2.14-.93 2.1-.95 2.05-.96 1.98-.96 1.93-.98 1.88-.96 1.82-.98 1.74-.98 1.7-.98 1.63-.98 1.56-1 1.5-.97 1.42-.98 1.35-.97 1.28-.98 1.2-.97 1.13-.96 1.05-.95.97-.96.88-.94.8-.93.73-.92.64-.92.55-.9.46-.88.37-.88.28-.2.05-.42.08-.22.02-.43.04h-.68l-.23-.02-.24-.02-.23-.03-.23-.04-.47-.1-.23-.06-.24-.06-.23-.08-.23-.07-.47-.18-.7-.3-.44-.22-.23-.12-.65-.4-.2-.14-.6-.45-.57-.5-.18-.17-.34-.38-.18-.2-.2-.25-.18-.26-.17-.28-.2-.3-.17-.32-.18-.33-.18-.36-.34-.76-.34-.82-.16-.43-.32-.9-.32-.94-.14-.5-.15-.5-.28-1.02-.26-1.06-.13-.54-.23-1.1-.22-1.12-.1-.56-.18-1.12-.08-.57-.14-1.12-.05-.56-.1-1.13-.08-1.1-.01-.54-.02-.4-.02-.44v-4.98l.03-1.26.01-.64.02-.64.01-.65.06-1.92.05-1.25.03-.6.02-.6.03-.58.02-.56.04-.54.06-1 .03-.47.03-.43.03-.4.03-.37.04-.34.03-.3.03-.26.04-.22.03-.18.03-.13.03-.08.03-.04.02.01.02-.01.03.02h.03l.03.02.03.01.1.05.03.03.16.1.05.03.12.08.07.04.07.05.3.2.1.06.07.05.1.06.1.07.08.05.2.14.1.06.3.2.3.22.2.14.2.16 2.5 1.85-.24 5.9-.03.64-.01.66v.65l-.02 1.3v1.3l.03 1.93.04 1.28.03.63.02.62.04.6.04.62.12 1.8.1 1.14.06.56.05.55.13 1.06.14 1.02.08.48.07.47.08.46.08.43.1.44.1.4.08.4.1.37.1.36.1.34.2.6.2.55.22.52.2.5.22.45.23.42.24.38.24.36.24.32.26.3.26.26.28.22.27.2.28.15.3.13.3.08.3.06.3.02h.33l.33-.05.34-.08.36-.12.35-.14.38-.18.38-.22.4-.24.4-.3.42-.32.42-.35.44-.4.44-.42.45-.46.47-.5.48-.53.5-.56.5-.6.5-.63.53-.67.55-.7.55-.73.57-.77.6-.87.63-.9.62-.95.63-.97.62-1.02.63-1.05.64-1.1.63-1.13.64-1.15.63-1.2.63-1.23.64-1.26 1.25-2.6.63-1.35.63-1.37.63-1.4.63-1.42.62-1.46.62-1.47.6-1.5.6-1.52.6-1.54.6-1.56 1.2-3.2.6-1.62.57-1.64.58-1.64.57-1.67.56-1.67.55-1.7.54-1.7.53-1.7.52-1.73.52-1.74.5-1.74.5-1.75.96-3.52 2.2-8.17-5.1-5.15-2.6-2.6-.4-.38-.18-.2-.2-.18-.2-.2-.18-.17-.18-.2-.36-.35-.16-.17-.66-.62-.14-.14-.14-.15-.28-.26-.12-.13-.12-.12-.12-.1-.3-.3-.1-.08-2.14-1.95-18.45 5.42-1.48.46-1.46.44-1.43.46-1.4.44-1.38.45-1.36.44-1.34.45-1.32.45-1.3.45-2.52.88-1.23.46-1.2.44-1.2.45-1.18.46-1.15.45-1.14.46-1.13.47-2.2.92-1.08.47-1.06.47-1.05.47-2.06.96-2 1-1.96 1-1.92 1.02-.95.52-.93.5-.93.54-1.97.98-.9.55-.9.56-.86.53-.82.53-.8.53-.76.52-.72.5-.7.5-.68.5-.63.5-.6.48-.58.5-.54.48-.5.46-.48.47-.45.45-.4.45-.4.44-.35.43-.32.43-.3.42-.26.4-.22.4-.2.4-.16.4-.13.38-.1.36-.07.36-.04.35v.35l.03.33.07.33.1.3.13.3.17.3.2.3.23.28.26.26.3.25.33.25.36.24.4.22.3.16.32.15.35.15.36.15.37.13.4.14.42.13.42.12.45.13.47.12.48.1 1 .2.52.1.54.1.56.1.57.08.58.08.6.08.6.07 1.25.13.64.05 1.32.1.67.04.68.03.7.04.7.02.72.02 1.44.02h2.22l.75-.02.76-.01.76-.02.77-.03.78-.04.14-.01.15-.01h.14l.15-.01.28-.02.28-.01h.15.56.13l.14-.01.52-.01.12-.01h.26l.1-.01h.24l.1-.01h.1l.2-.01.1-.01.1.01h.08l.08-.01h.5l.1.03.1.04.1.06.1.07.12.08.12.1.14.1.15.1.14.12.15.14.16.15.63.63.16.17.48.54.16.2.3.37.14.18.28.35.12.18.12.17.22.32.1.16.1.14.13.26.05.12.04.1.03.1.01.1v.07l-.02.06-.03.03-.25.07h-.08l-.2.02-.3.06h-.13l-.28.03-.14.02-.16.01-.16.02h-.17l-.35.03-.37.04-.2.01-.2.03-.62.04-.22.02-.45.04h-.23l-.23.02-.72.04h-.25l-.23.01-.25.02-1.03.05-1 .06-1 .03-.98.04-.97.03-1.9.02H26.3l-.9-.02h-.9l-.87-.04-.87-.03-1.67-.1-.82-.07-.8-.06-.8-.08-1.54-.18-1.48-.2-.7-.1-1.4-.26-.67-.14-.66-.15-.63-.15-.63-.17-1.2-.34-.58-.2-.55-.2-.54-.2-.53-.2-.52-.22-.5-.23-.48-.22-.46-.24-.45-.26-.4-.23-.4-.25-.38-.25-.35-.25-.34-.25-.33-.27-.6-.52-.28-.27-.25-.27-.24-.28-.23-.28-.4-.6-.18-.3-.16-.3-.14-.3-.13-.3-.1-.3-.17-.63-.05-.32-.05-.33-.03-.34-.01-.33.01-.35.02-.35.04-.34.05-.36.07-.36.08-.37.1-.37.12-.37.13-.38.15-.4.17-.4.18-.4.4-.8.22-.4.74-1.17.4-.57.44-.6.47-.58.5-.6.53-.6 1.14-1.18.62-.6.64-.6.68-.6.7-.6.73-.6.76-.6 1.6-1.2.84-.6.9-.6 1.83-1.2.96-.6 1-.6 1.02-.6 1.04-.6 1.08-.6 1.1-.6 1.13-.6 1.15-.6 1.2-.6 1.22-.6 1.23-.6 1.27-.6 1.3-.6 1.32-.6 1.35-.6 1.38-.6 1.4-.6 1.43-.6 1.46-.6.65-.27.7-.28.77-.3 1.67-.62.9-.34 1.9-.7 1-.35 1.03-.37 1.07-.37 1.07-.38 1.1-.37 1.1-.38 1.12-.38 1.14-.38 1.13-.38 2.26-.75 5.45-1.76 1.04-.32 1-.3.96-.3 1.83-.55.85-.25.8-.23.75-.2.7-.2.63-.17.58-.14.5-.13.44-.1.37-.08.3-.05.22-.01 1.55-.03-1.57-1.52-.26-.24-.3-.28-.32-.28-.36-.3-.38-.34-.4-.35-.45-.38-.46-.4-.5-.4-.5-.42-.54-.43-.54-.45-.58-.46-1.2-.94-.6-.48-1.28-1-.65-.5-1.32-1.02-1.34-1.02-.7-.5-.67-.5-.68-.5-1.34-1-.66-.5-.66-.48-.65-.47-.64-.46-.63-.46-.6-.43-.6-.42-.58-.42-.56-.4-.56-.38-.52-.36-.52-.34-1.54-1-.78-.5-.76-.48-1.54-.92-.77-.45-.76-.43-1.52-.84-.75-.4-.74-.4-.74-.38-.72-.36-1.44-.68-.7-.32-1.38-.6-.67-.27-.66-.27-.65-.25-.64-.23-.6-.22-1.2-.4-.58-.17-.55-.15-.54-.14-.53-.12-.5-.1-.48-.08-.48-.07-.44-.05-.43-.03h-.78l-.36.03-.34.04-.3.07-.35.1-.33.14-.3.2-.27.22-.23.25-.2.28-.18.32-.15.35-.13.38-.1.42-.06.44-.04.48-.01.5.02.53.05.56.06.6.1.62.12.63.15.67.18.7.2.73.22.73.55 1.57.3.8.33.83.36.86.4.88.4.9.43.9.47.94.48.94.5.97.53.98.56 1 .58 1.02.6 1.03.64 1.04.65 1.06.67 1.07 2.8 4.43-1.25 2.86-.05.12-.1.22-.05.13-.1.23-.06.1-.05.12-.05.1-.05.12-.04.1-.1.2-.04.1-.1.2-.03.1-.05.1-.1.24-.05.08-.03.07-.13.26-.1.16-.02.04-.03.04-.05.1-.07.07h-.05l-.16-.16-.12-.13-.13-.18-.16-.2-.18-.24-.2-.28-.22-.3-.23-.33-.5-.75-.27-.4-.28-.43-.3-.45L30 56l-.63-1-.66-1.03-1-1.6-.34-.56-.33-.55-.34-.54-.65-1.1-.33-.54-.3-.53-.32-.53-.58-1-.28-.5-.27-.47-.25-.46-.25-.43-.22-.4-.4-.76-.26-.48-.25-.5-.24-.5-.48-1.02-.22-.52-.45-1.05-.6-1.6-.2-.54-.18-.53-.2-.53-.34-1.06-.16-.54-.3-1.04-.28-1.03-.24-1-.1-.5-.2-.96-.08-.47-.14-.9-.06-.43-.04-.42-.04-.4-.02-.4v-.38l-.01-.36.01-.36v-.33l.06-.62.05-.27.1-.5.07-.24.08-.24.08-.25.08-.23.2-.48.2-.46.24-.46.12-.2.27-.44.14-.2.44-.6.16-.2.32-.37.17-.17.17-.18.17-.16.18-.17.37-.3.18-.14.2-.14L22 19l.38-.24.6-.3.4-.16.4-.13.73-.15.77-.1.8-.07.86-.01.9.03.94.1.96.13 1 .2 1.04.22 1.07.27 1.12.33 1.14.36 1.17.42 1.2.44 1.24.5 1.26.54 1.3.6 1.3.63 1.34.66 1.37.7 1.38.74 1.4.78 1.43.83 1.45.86 1.46.9 1.48.94 1.5.98 1.5 1 1.53 1.05 1.54 1.08 1.55 1.12 1.56 1.15 1.58 1.17 1.58 1.22 1.6 1.25 1.6 1.28 1.6 1.3 1.6 1.34 1.6 1.37 1.6 1.4 5.42 4.82L88.7 49l1.12-.2 1.07-.2.52-.1.75-.15.24-.03.46-.1.22-.04.43-.07.4-.07.2-.03.18-.03.35-.05.16-.02.15-.03.15-.02.27-.04.12-.01h.1.56l.08-.02.1-.04.08-.04.1-.06.16-.16.07-.1.08-.1.07-.13.07-.15.06-.16.08-.18.07-.2.06-.22.06-.23.06-.25.06-.27.07-.28.05-.3.06-.32.05-.34.06-.36.05-.4.06-.4.05-.43.05-.44.06-.47.05-.5.04-.5.05-.53.05-.56.05-.58.05-.6.05-.63.04-.65.05-.68.05-.7.05-.73.04-.75.06-1.1.05-1.1.04-1.06.06-2.1v-3l-.02-.97-.02-.96-.08-1.85-.05-.9-.07-.88-.07-.86-.08-.84-.1-.82-.1-.8-.1-.77-.1-.75-.13-.72-.12-.7-.14-.67-.15-.65-.15-.62-.16-.6-.17-.57-.17-.54-.2-.52-.2-.48-.2-.47-.2-.42-.22-.4-.22-.37-.23-.34-.23-.3-.24-.27-.25-.24-.25-.2-.27-.17-.26-.13-.3-.1-.3-.11-.3-.05-.3-.02-.3.01L92 6l-.33.05-.34.1-.34.12-.35.14-.72.4-.37.24-.38.26-.38.3-.4.32-.4.35-.4.38-.4.4-.4.44-.44.46-.43.48-.44.5-.45.55-.46.56-.45.6-.47.62-.48.64-.47.7-.5.7-.5.72-.5.77-.5.78-.5.8-.5.84-.53.86-1.06 1.8-.54.95-4.72 8.25-3.1.4-.1.01-.12.01h-.1-.12-.1-.1-.1-.8-.08-.07l-.1-.01h-.07l-.07-.01-.2-.04h-.1l-.1-.04h-.04l-.1-.06-.03-.02-.01-.03-.02-.02-.01-.04v-.03l.02-.12.03-.15.06-.2.07-.22.1-.24.1-.28.12-.3.15-.32L68 29l.17-.37.18-.4.2-.4.2-.43.2-.44.22-.45.24-.47.47-.98.5-1 .26-.5.26-.52.8-1.52.28-.5.27-.5.26-.5.28-.5.52-.94.26-.45.25-.44.25-.42.25-.4.23-.4.22-.36.22-.34.2-.33.2-.3.44-.65.88-1.27.43-.6.86-1.18.83-1.1.42-.54 1.22-1.53.4-.48.4-.46.4-.45.4-.43.78-.82.4-.4.76-.74.38-.34.74-.66.74-.6.37-.28.36-.27L87 2l.7-.45.36-.2.35-.2.35-.18.34-.16.36-.15.33-.15.34-.12.34-.1.33-.1.42-.1.22-.04.2-.02.22-.02.44-.02h.23l.23.01.22.02zM93.4 54l-1.16.23-1.25.3-1.2.35-1 .34-.76.3-.45.26-.08.2 1.14 1.27 1.7 1.75 1.82 1.78 1.48 1.37.7.54.16-.26.22-.63.26-.95.3-1.2.28-1.37.28-1.57.15-1.23v-.87l-.13-.56-.27-.24-.44-.04-.75.06-1 .15zm-48.7-.1l-4.34 1.68 1.3-2.42c1.68-3.17 5.8-7.83 9.24-10.44.18-.15 1.08-.86 2.72-2.15l2.32 1.64c1.27.9 2.35 1.77 2.4 2 .05.18-.83 1-1.94 1.7-1.16.76-3.28 2.5-4.73 3.86-1.84 1.8-3.86 2.98-6.97 4.14zm24.9 58.64c-10.8-1.44-21.16-8-27.37-17.4-2.63-4.02-5.8-12.95-6-16.85-.12-2.35.07-2.6 2.43-3.7 1.4-.63 2.62-1.1 2.76-1.06.1.1.5 2.38.8 5.16 1.1 8.96 6.72 17.88 14.56 22.95 4.32 2.86 10.6 5 15.18 5.26 1.78.1 3.3.4 3.33.6.07.25-.43 1.54-1.1 2.95l-1.18 2.6-3.43-.5zm4.3-76.72c-1.95-1.94 9.3-.5 15.27 2 3.42 1.4 3.68 1.6 3.44 3.15-.18 1.3-5.97 1.87-9.46.92-2.5-.68-6.43-3.26-9.25-6.06zm24.78 60.43c1.57-1.66 3.27-3.8 3.7-4.6 1.06-2.1 1.5-2.1 2.76-.36.56.88 1.35 1.9 1.74 2.45.5.64.01 1.67-1.63 3.8-3.97 5.2-13.04 12.18-12.28 9.44 1.38-4.5 3.2-8.05 5.72-10.72zm11.5-24.45c-1.94-2.4-2.9-4.28-3.57-6.82-1.68-6.27.9-12.08 3.24-7.47 1.32 2.5 3.28 10.33 3.57 14.07.17 1.83.08 3.4-.1 3.46-.24.06-1.6-1.45-3.13-3.24z",key:2})]),r.createElement("g",{fill:"url(#dark-theme-icon-blur-gradient)",key:1},[r.createElement("use",{xlinkHref:"#dark-theme-icon-blur-logo",filter:"url(#dark-theme-icon-blur-filter)",key:0}),r.createElement("use",{xlinkHref:"#dark-theme-icon-blur-logo",key:1})])])}o.defaultProps={viewBox:"-5 -5 160 160"},e.exports=o,o.default=o},2834:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,[r.createElement("defs",{key:0},[r.createElement("linearGradient",{id:"dark-theme-icon-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",key:0},[r.createElement("stop",{offset:"0%",stopColor:"#8ab4f8",key:0}),r.createElement("stop",{offset:"100%",stopColor:"#c1a8e2",key:1})]),r.createElement("path",{id:"dark-theme-icon-logo",d:"M93 .03l.46.06.47.08.24.05.23.05.23.07.24.07.47.16.23.1.24.1.45.2.23.1.44.24.44.26L98 2l.6.48.38.34.36.36.17.2.1.12.1.13.1.12.1.14.1.12.2.26.1.14.1.13.17.27.18.3.16.3.16.32.08.17.15.36.07.2.1.2.07.2.08.2.07.23.08.23.07.23.16.5.08.26.08.28.1.3.63 2.35.1.4.14.54.13.55.24 1.13.1.58.12.57.1.6.18 1.2.1.6.08.63.07.62.07.64.06.64.06.65.05.65.04.67.05.67.1 2.06.04 2.87-.03 2.23-.06 1.53-.02.78-.05.78-.04.8-.1 1.6-.07.82-.06.82-.26 2.8-.02.26-.03.26-.02.27-.04.52-.04.5-.02.24-.03.48-.02.22-.01.23v.23l-.02.2-.01.22v.4l-.03.37v.17l-.01.18-.02.32v.3.13.25l-.01.2.01.1V46v.08.06.05.05l.01.03.01.02h.01.02l.03.01h.67l.13-.01h.14.15.16l.34-.02.37-.02.2-.01h.42l.46-.04h.24l.23-.02.25-.02.26-.02.27-.02h.27l.26-.02.28-.02.3-.03.3-.02h.28l.6-.04.3-.03.62-.05.3-.03 1.4-.1 1.37-.1 1.36-.08 2.64-.1 1.3-.03 1.26-.02h1.25 1.22l1.2.02 1.17.03 2.27.1 1.1.08 1.07.08 1.05.1 1.03.1 1 .12.97.13.94.15.93.16.88.17.87.2.83.2.8.2.78.22.75.24.72.24.7.26.67.27.63.28.6.3.58.3.54.32.5.33.5.35.45.35.42.36.38.38.36.4.14.17.27.33.12.16.12.17.1.17.1.16.2.3.1.17.25.47.08.16.07.15.06.17.16.47.1.33.06.33.03.16.02.18.02.16v.17l.02.36v.18l-.02.36-.01.2-.02.2-.01.2-.06.4-.04.2-.04.22-.03.2-.08.35-.1.35-.12.36-.13.36-.15.37-.17.38-.18.37-.2.4-.22.38-.24.4-.25.4-.26.4-.6.8-.64.82-.36.4-.35.42-1.18 1.24-.42.43-.88.84-.46.43-.96.84-.5.43-1.03.84-.53.43-.55.4-1.7 1.25-.6.4-1.22.8-.62.4-.63.4-.38.24-.4.24-.42.25-.42.26-.45.26-.46.26-.96.54-.5.3-.5.27-.5.28-.5.3-1.03.56-.52.27-.5.28-.52.27-1 .53-.5.26-.5.25-.48.25-.92.46-.86.42-.42.2-.38.2-.37.17-.35.17-.32.15-.3.13-.27.1-.26.1-.2.1-.2.06-.17.06-.12.03-.1.02-.05-.02-.04-.04-.04-.06-.03-.08-.03-.1-.02-.1-.01-.13-.02-.14v-.15l.01-.17v-.2l.01-.18.02-.2.01-.2.05-.44.03-.22.1-.7.04-.24.1-.47.05-.24.1-.45.06-.22.05-.22.07-.2.05-.2.07-.2.07-.18.12-.32.06-.15.07-.13.07-.12.06-.1.07-.1.06-.06.06-.05.1-.04.1-.05.05-.04.07-.04.06-.03.07-.03.08-.04.16-.1.18-.08.1-.06.1-.04.2-.12.32-.16.22-.12.23-.13.24-.12.37-.2.12-.07.25-.13.13-.07.25-.13.14-.06.12-.07.13-.06.13-.07.13-.06 1.37-.7.67-.36.67-.38.66-.36.65-.36.64-.37 1.26-.75.6-.36 1.2-.75.58-.38.57-.36.57-.38.55-.37.54-.38.53-.36.52-.37 1-.74.47-.35.46-.37.45-.36.44-.36.84-.7.4-.35.74-.68.67-.67.6-.65.28-.32.27-.3.24-.3.23-.3.2-.3.36-.58.14-.28.14-.3.12-.27.1-.27.08-.27.06-.26.04-.26.02-.26v-.5l-.03-.25-.05-.24-.07-.22-.08-.23-.1-.23-.12-.22-.14-.2-.32-.42-.4-.4-.48-.38-.26-.18-.28-.18-.6-.34-.68-.33-.37-.15-.4-.15-.4-.14-.42-.14-.43-.14-.46-.14-.47-.13-.5-.12-.5-.1-.52-.1-.47-.1-.5-.1-.53-.08-.58-.06-.6-.08-.63-.06-.65-.06-.67-.05-.7-.05-.72-.05-.74-.04-1.52-.06-.8-.03-.8-.02h-.8l-1.67-.02-.83.01h-.85l-2.57.03-.85.03-.86.03-.86.02-.84.05-.85.03-.84.06-.82.05-.83.06-.8.05-1.57.14-.76.07-.75.08-.72.08-1.4.2-.65.1-3.42.52-1.4 7.83-1.46 7.83 6.8 7.94 1.04 1.25 1.03 1.23 1 1.2.98 1.2.95 1.2.93 1.18.9 1.16.88 1.15.87 1.13.84 1.13.82 1.1.8 1.1.78 1.1.75 1.07.73 1.07 1.4 2.1.67 1.03.65 1.02.62 1 .6 1 .58.98.56.98.54.95.52.96.5.95.48.93.45.92.43.9.42.9.4.9.37.88.36.9.33.86.32.86.3.86.28.84.25.83.23.83.15.52.12.5.14.5.1.48.1.46.1.45.1.44.08.44.08.4.06.4.07.4.04.4.04.37.03.37.02.36.02.34v.67l-.03.64-.03.3-.04.3-.05.3-.12.58-.08.27-.1.28-.2.52-.12.26-.12.25-.13.26-.14.25-.3.5-.17.24-.18.24-.2.24-.2.23-.2.24-.3.33-.3.3-.32.3-.34.26-.35.24-.36.23-.38.2-.4.2-.4.17-.42.14-.43.13-.92.2-.5.07-.5.05h-.5-1.08l-.56-.04-.57-.04-.6-.08-.6-.1-.62-.1-.66-.13-.65-.15-.68-.16-1.4-.4-.73-.22-.75-.25-.77-.26-.78-.3-.8-.3-.82-.32-.84-.34-.86-.37-1.8-.8-.92-.43-.93-.45-.33-.15-.34-.17-.37-.2-.4-.2-.42-.22-.43-.25-.45-.25-.46-.26-.48-.28-1.5-.9-.5-.32-.53-.3-1.04-.65-.53-.32-.53-.33-.5-.34-.52-.32-1-.64-.5-.33-.47-.3-.46-.3-.45-.3-.42-.3-.4-.28-.4-.27-.36-.24-.34-.25-.3-.23-.3-.2-.25-.2-.22-.17-.18-.17-.16-.13-.1-.12-.08-.1-.04-.07h0l.01-.04.02-.06.05-.05v-.04l.06-.06.1-.07.2-.16.06-.04.07-.05.06-.04.07-.04.07-.05.08-.05.08-.04.07-.05.16-.1.1-.05.1-.04.08-.06.4-.2.1-.06.1-.05.1-.04.22-.1.2-.1 2.62-1.1 9.13 5.35.92.52.9.5.88.5.87.47.84.44.83.43 1.6.8.78.37.74.34.74.33.72.3.7.28.68.27.66.24.63.22.63.2.6.18.58.16.56.14.54.12.52.1.5.08.48.07.46.03h.43.43l.4-.03.38-.04.35-.06.34-.1.32-.1.3-.13.27-.15.25-.17.23-.18.2-.22.18-.23.16-.26.22-.44.16-.5.1-.53.06-.6.02-.63-.03-.7-.08-.72-.12-.78-.18-.8-.2-.86-.26-.9-.3-.93-.35-.97-.38-1-.43-1.04-.47-1.07-.5-1.1-.55-1.14-.6-1.17-.63-1.18-.66-1.23-.7-1.24-.74-1.27-.77-1.3-1.64-2.65-.87-1.35-.9-1.37-.93-1.4-.97-1.4-2.03-2.84-1.05-1.43-1.1-1.46-1.1-1.45-1.15-1.48-1.16-1.47-1.2-1.48-1.22-1.48-1.23-1.5-4.17-4.9-2.05 7.54-.74 2.67-.76 2.65-.78 2.62-.8 2.57-.8 2.55-.84 2.5-.84 2.46-.87 2.43-.88 2.38-.88 2.35-.9 2.3-.9 2.25-.92 2.2-.94 2.14-.93 2.1-.95 2.05-.96 1.98-.96 1.93-.98 1.88-.96 1.82-.98 1.74-.98 1.7-.98 1.63-.98 1.56-1 1.5-.97 1.42-.98 1.35-.97 1.28-.98 1.2-.97 1.13-.96 1.05-.95.97-.96.88-.94.8-.93.73-.92.64-.92.55-.9.46-.88.37-.88.28-.2.05-.42.08-.22.02-.43.04h-.68l-.23-.02-.24-.02-.23-.03-.23-.04-.47-.1-.23-.06-.24-.06-.23-.08-.23-.07-.47-.18-.7-.3-.44-.22-.23-.12-.65-.4-.2-.14-.6-.45-.57-.5-.18-.17-.34-.38-.18-.2-.2-.25-.18-.26-.17-.28-.2-.3-.17-.32-.18-.33-.18-.36-.34-.76-.34-.82-.16-.43-.32-.9-.32-.94-.14-.5-.15-.5-.28-1.02-.26-1.06-.13-.54-.23-1.1-.22-1.12-.1-.56-.18-1.12-.08-.57-.14-1.12-.05-.56-.1-1.13-.08-1.1-.01-.54-.02-.4-.02-.44v-4.98l.03-1.26.01-.64.02-.64.01-.65.06-1.92.05-1.25.03-.6.02-.6.03-.58.02-.56.04-.54.06-1 .03-.47.03-.43.03-.4.03-.37.04-.34.03-.3.03-.26.04-.22.03-.18.03-.13.03-.08.03-.04.02.01.02-.01.03.02h.03l.03.02.03.01.1.05.03.03.16.1.05.03.12.08.07.04.07.05.3.2.1.06.07.05.1.06.1.07.08.05.2.14.1.06.3.2.3.22.2.14.2.16 2.5 1.85-.24 5.9-.03.64-.01.66v.65l-.02 1.3v1.3l.03 1.93.04 1.28.03.63.02.62.04.6.04.62.12 1.8.1 1.14.06.56.05.55.13 1.06.14 1.02.08.48.07.47.08.46.08.43.1.44.1.4.08.4.1.37.1.36.1.34.2.6.2.55.22.52.2.5.22.45.23.42.24.38.24.36.24.32.26.3.26.26.28.22.27.2.28.15.3.13.3.08.3.06.3.02h.33l.33-.05.34-.08.36-.12.35-.14.38-.18.38-.22.4-.24.4-.3.42-.32.42-.35.44-.4.44-.42.45-.46.47-.5.48-.53.5-.56.5-.6.5-.63.53-.67.55-.7.55-.73.57-.77.6-.87.63-.9.62-.95.63-.97.62-1.02.63-1.05.64-1.1.63-1.13.64-1.15.63-1.2.63-1.23.64-1.26 1.25-2.6.63-1.35.63-1.37.63-1.4.63-1.42.62-1.46.62-1.47.6-1.5.6-1.52.6-1.54.6-1.56 1.2-3.2.6-1.62.57-1.64.58-1.64.57-1.67.56-1.67.55-1.7.54-1.7.53-1.7.52-1.73.52-1.74.5-1.74.5-1.75.96-3.52 2.2-8.17-5.1-5.15-2.6-2.6-.4-.38-.18-.2-.2-.18-.2-.2-.18-.17-.18-.2-.36-.35-.16-.17-.66-.62-.14-.14-.14-.15-.28-.26-.12-.13-.12-.12-.12-.1-.3-.3-.1-.08-2.14-1.95-18.45 5.42-1.48.46-1.46.44-1.43.46-1.4.44-1.38.45-1.36.44-1.34.45-1.32.45-1.3.45-2.52.88-1.23.46-1.2.44-1.2.45-1.18.46-1.15.45-1.14.46-1.13.47-2.2.92-1.08.47-1.06.47-1.05.47-2.06.96-2 1-1.96 1-1.92 1.02-.95.52-.93.5-.93.54-1.97.98-.9.55-.9.56-.86.53-.82.53-.8.53-.76.52-.72.5-.7.5-.68.5-.63.5-.6.48-.58.5-.54.48-.5.46-.48.47-.45.45-.4.45-.4.44-.35.43-.32.43-.3.42-.26.4-.22.4-.2.4-.16.4-.13.38-.1.36-.07.36-.04.35v.35l.03.33.07.33.1.3.13.3.17.3.2.3.23.28.26.26.3.25.33.25.36.24.4.22.3.16.32.15.35.15.36.15.37.13.4.14.42.13.42.12.45.13.47.12.48.1 1 .2.52.1.54.1.56.1.57.08.58.08.6.08.6.07 1.25.13.64.05 1.32.1.67.04.68.03.7.04.7.02.72.02 1.44.02h2.22l.75-.02.76-.01.76-.02.77-.03.78-.04.14-.01.15-.01h.14l.15-.01.28-.02.28-.01h.15.56.13l.14-.01.52-.01.12-.01h.26l.1-.01h.24l.1-.01h.1l.2-.01.1-.01.1.01h.08l.08-.01h.5l.1.03.1.04.1.06.1.07.12.08.12.1.14.1.15.1.14.12.15.14.16.15.63.63.16.17.48.54.16.2.3.37.14.18.28.35.12.18.12.17.22.32.1.16.1.14.13.26.05.12.04.1.03.1.01.1v.07l-.02.06-.03.03-.25.07h-.08l-.2.02-.3.06h-.13l-.28.03-.14.02-.16.01-.16.02h-.17l-.35.03-.37.04-.2.01-.2.03-.62.04-.22.02-.45.04h-.23l-.23.02-.72.04h-.25l-.23.01-.25.02-1.03.05-1 .06-1 .03-.98.04-.97.03-1.9.02H26.3l-.9-.02h-.9l-.87-.04-.87-.03-1.67-.1-.82-.07-.8-.06-.8-.08-1.54-.18-1.48-.2-.7-.1-1.4-.26-.67-.14-.66-.15-.63-.15-.63-.17-1.2-.34-.58-.2-.55-.2-.54-.2-.53-.2-.52-.22-.5-.23-.48-.22-.46-.24-.45-.26-.4-.23-.4-.25-.38-.25-.35-.25-.34-.25-.33-.27-.6-.52-.28-.27-.25-.27-.24-.28-.23-.28-.4-.6-.18-.3-.16-.3-.14-.3-.13-.3-.1-.3-.17-.63-.05-.32-.05-.33-.03-.34-.01-.33.01-.35.02-.35.04-.34.05-.36.07-.36.08-.37.1-.37.12-.37.13-.38.15-.4.17-.4.18-.4.4-.8.22-.4.74-1.17.4-.57.44-.6.47-.58.5-.6.53-.6 1.14-1.18.62-.6.64-.6.68-.6.7-.6.73-.6.76-.6 1.6-1.2.84-.6.9-.6 1.83-1.2.96-.6 1-.6 1.02-.6 1.04-.6 1.08-.6 1.1-.6 1.13-.6 1.15-.6 1.2-.6 1.22-.6 1.23-.6 1.27-.6 1.3-.6 1.32-.6 1.35-.6 1.38-.6 1.4-.6 1.43-.6 1.46-.6.65-.27.7-.28.77-.3 1.67-.62.9-.34 1.9-.7 1-.35 1.03-.37 1.07-.37 1.07-.38 1.1-.37 1.1-.38 1.12-.38 1.14-.38 1.13-.38 2.26-.75 5.45-1.76 1.04-.32 1-.3.96-.3 1.83-.55.85-.25.8-.23.75-.2.7-.2.63-.17.58-.14.5-.13.44-.1.37-.08.3-.05.22-.01 1.55-.03-1.57-1.52-.26-.24-.3-.28-.32-.28-.36-.3-.38-.34-.4-.35-.45-.38-.46-.4-.5-.4-.5-.42-.54-.43-.54-.45-.58-.46-1.2-.94-.6-.48-1.28-1-.65-.5-1.32-1.02-1.34-1.02-.7-.5-.67-.5-.68-.5-1.34-1-.66-.5-.66-.48-.65-.47-.64-.46-.63-.46-.6-.43-.6-.42-.58-.42-.56-.4-.56-.38-.52-.36-.52-.34-1.54-1-.78-.5-.76-.48-1.54-.92-.77-.45-.76-.43-1.52-.84-.75-.4-.74-.4-.74-.38-.72-.36-1.44-.68-.7-.32-1.38-.6-.67-.27-.66-.27-.65-.25-.64-.23-.6-.22-1.2-.4-.58-.17-.55-.15-.54-.14-.53-.12-.5-.1-.48-.08-.48-.07-.44-.05-.43-.03h-.78l-.36.03-.34.04-.3.07-.35.1-.33.14-.3.2-.27.22-.23.25-.2.28-.18.32-.15.35-.13.38-.1.42-.06.44-.04.48-.01.5.02.53.05.56.06.6.1.62.12.63.15.67.18.7.2.73.22.73.55 1.57.3.8.33.83.36.86.4.88.4.9.43.9.47.94.48.94.5.97.53.98.56 1 .58 1.02.6 1.03.64 1.04.65 1.06.67 1.07 2.8 4.43-1.25 2.86-.05.12-.1.22-.05.13-.1.23-.06.1-.05.12-.05.1-.05.12-.04.1-.1.2-.04.1-.1.2-.03.1-.05.1-.1.24-.05.08-.03.07-.13.26-.1.16-.02.04-.03.04-.05.1-.07.07h-.05l-.16-.16-.12-.13-.13-.18-.16-.2-.18-.24-.2-.28-.22-.3-.23-.33-.5-.75-.27-.4-.28-.43-.3-.45L30 56l-.63-1-.66-1.03-1-1.6-.34-.56-.33-.55-.34-.54-.65-1.1-.33-.54-.3-.53-.32-.53-.58-1-.28-.5-.27-.47-.25-.46-.25-.43-.22-.4-.4-.76-.26-.48-.25-.5-.24-.5-.48-1.02-.22-.52-.45-1.05-.6-1.6-.2-.54-.18-.53-.2-.53-.34-1.06-.16-.54-.3-1.04-.28-1.03-.24-1-.1-.5-.2-.96-.08-.47-.14-.9-.06-.43-.04-.42-.04-.4-.02-.4v-.38l-.01-.36.01-.36v-.33l.06-.62.05-.27.1-.5.07-.24.08-.24.08-.25.08-.23.2-.48.2-.46.24-.46.12-.2.27-.44.14-.2.44-.6.16-.2.32-.37.17-.17.17-.18.17-.16.18-.17.37-.3.18-.14.2-.14L22 19l.38-.24.6-.3.4-.16.4-.13.73-.15.77-.1.8-.07.86-.01.9.03.94.1.96.13 1 .2 1.04.22 1.07.27 1.12.33 1.14.36 1.17.42 1.2.44 1.24.5 1.26.54 1.3.6 1.3.63 1.34.66 1.37.7 1.38.74 1.4.78 1.43.83 1.45.86 1.46.9 1.48.94 1.5.98 1.5 1 1.53 1.05 1.54 1.08 1.55 1.12 1.56 1.15 1.58 1.17 1.58 1.22 1.6 1.25 1.6 1.28 1.6 1.3 1.6 1.34 1.6 1.37 1.6 1.4 5.42 4.82L88.7 49l1.12-.2 1.07-.2.52-.1.75-.15.24-.03.46-.1.22-.04.43-.07.4-.07.2-.03.18-.03.35-.05.16-.02.15-.03.15-.02.27-.04.12-.01h.1.56l.08-.02.1-.04.08-.04.1-.06.16-.16.07-.1.08-.1.07-.13.07-.15.06-.16.08-.18.07-.2.06-.22.06-.23.06-.25.06-.27.07-.28.05-.3.06-.32.05-.34.06-.36.05-.4.06-.4.05-.43.05-.44.06-.47.05-.5.04-.5.05-.53.05-.56.05-.58.05-.6.05-.63.04-.65.05-.68.05-.7.05-.73.04-.75.06-1.1.05-1.1.04-1.06.06-2.1v-3l-.02-.97-.02-.96-.08-1.85-.05-.9-.07-.88-.07-.86-.08-.84-.1-.82-.1-.8-.1-.77-.1-.75-.13-.72-.12-.7-.14-.67-.15-.65-.15-.62-.16-.6-.17-.57-.17-.54-.2-.52-.2-.48-.2-.47-.2-.42-.22-.4-.22-.37-.23-.34-.23-.3-.24-.27-.25-.24-.25-.2-.27-.17-.26-.13-.3-.1-.3-.11-.3-.05-.3-.02-.3.01L92 6l-.33.05-.34.1-.34.12-.35.14-.72.4-.37.24-.38.26-.38.3-.4.32-.4.35-.4.38-.4.4-.4.44-.44.46-.43.48-.44.5-.45.55-.46.56-.45.6-.47.62-.48.64-.47.7-.5.7-.5.72-.5.77-.5.78-.5.8-.5.84-.53.86-1.06 1.8-.54.95-4.72 8.25-3.1.4-.1.01-.12.01h-.1-.12-.1-.1-.1-.8-.08-.07l-.1-.01h-.07l-.07-.01-.2-.04h-.1l-.1-.04h-.04l-.1-.06-.03-.02-.01-.03-.02-.02-.01-.04v-.03l.02-.12.03-.15.06-.2.07-.22.1-.24.1-.28.12-.3.15-.32L68 29l.17-.37.18-.4.2-.4.2-.43.2-.44.22-.45.24-.47.47-.98.5-1 .26-.5.26-.52.8-1.52.28-.5.27-.5.26-.5.28-.5.52-.94.26-.45.25-.44.25-.42.25-.4.23-.4.22-.36.22-.34.2-.33.2-.3.44-.65.88-1.27.43-.6.86-1.18.83-1.1.42-.54 1.22-1.53.4-.48.4-.46.4-.45.4-.43.78-.82.4-.4.76-.74.38-.34.74-.66.74-.6.37-.28.36-.27L87 2l.7-.45.36-.2.35-.2.35-.18.34-.16.36-.15.33-.15.34-.12.34-.1.33-.1.42-.1.22-.04.2-.02.22-.02.44-.02h.23l.23.01.22.02zM93.4 54l-1.16.23-1.25.3-1.2.35-1 .34-.76.3-.45.26-.08.2 1.14 1.27 1.7 1.75 1.82 1.78 1.48 1.37.7.54.16-.26.22-.63.26-.95.3-1.2.28-1.37.28-1.57.15-1.23v-.87l-.13-.56-.27-.24-.44-.04-.75.06-1 .15zm-48.7-.1l-4.34 1.68 1.3-2.42c1.68-3.17 5.8-7.83 9.24-10.44.18-.15 1.08-.86 2.72-2.15l2.32 1.64c1.27.9 2.35 1.77 2.4 2 .05.18-.83 1-1.94 1.7-1.16.76-3.28 2.5-4.73 3.86-1.84 1.8-3.86 2.98-6.97 4.14zm24.9 58.64c-10.8-1.44-21.16-8-27.37-17.4-2.63-4.02-5.8-12.95-6-16.85-.12-2.35.07-2.6 2.43-3.7 1.4-.63 2.62-1.1 2.76-1.06.1.1.5 2.38.8 5.16 1.1 8.96 6.72 17.88 14.56 22.95 4.32 2.86 10.6 5 15.18 5.26 1.78.1 3.3.4 3.33.6.07.25-.43 1.54-1.1 2.95l-1.18 2.6-3.43-.5zm4.3-76.72c-1.95-1.94 9.3-.5 15.27 2 3.42 1.4 3.68 1.6 3.44 3.15-.18 1.3-5.97 1.87-9.46.92-2.5-.68-6.43-3.26-9.25-6.06zm24.78 60.43c1.57-1.66 3.27-3.8 3.7-4.6 1.06-2.1 1.5-2.1 2.76-.36.56.88 1.35 1.9 1.74 2.45.5.64.01 1.67-1.63 3.8-3.97 5.2-13.04 12.18-12.28 9.44 1.38-4.5 3.2-8.05 5.72-10.72zm11.5-24.45c-1.94-2.4-2.9-4.28-3.57-6.82-1.68-6.27.9-12.08 3.24-7.47 1.32 2.5 3.28 10.33 3.57 14.07.17 1.83.08 3.4-.1 3.46-.24.06-1.6-1.45-3.13-3.24z",key:1})]),r.createElement("g",{fill:"url(#dark-theme-icon-gradient)",key:1},r.createElement("use",{xlinkHref:"#dark-theme-icon-logo"}))])}o.defaultProps={viewBox:"-5 -5 160 160"},e.exports=o,o.default=o},1923:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,[r.createElement("defs",{key:0},[r.createElement("linearGradient",{id:"light-theme-icon-blur-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",key:0},[r.createElement("stop",{offset:"0%",stopColor:"#2f71c1",key:0}),r.createElement("stop",{offset:"100%",stopColor:"#7561c3",key:1})]),r.createElement("filter",{id:"light-theme-icon-blur-filter",key:1},r.createElement("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"3"})),r.createElement("path",{id:"light-theme-icon-blur-logo",d:"M93 .03l.46.06.47.08.24.05.23.05.23.07.24.07.47.16.23.1.24.1.45.2.23.1.44.24.44.26L98 2l.6.48.38.34.36.36.17.2.1.12.1.13.1.12.1.14.1.12.2.26.1.14.1.13.17.27.18.3.16.3.16.32.08.17.15.36.07.2.1.2.07.2.08.2.07.23.08.23.07.23.16.5.08.26.08.28.1.3.63 2.35.1.4.14.54.13.55.24 1.13.1.58.12.57.1.6.18 1.2.1.6.08.63.07.62.07.64.06.64.06.65.05.65.04.67.05.67.1 2.06.04 2.87-.03 2.23-.06 1.53-.02.78-.05.78-.04.8-.1 1.6-.07.82-.06.82-.26 2.8-.02.26-.03.26-.02.27-.04.52-.04.5-.02.24-.03.48-.02.22-.01.23v.23l-.02.2-.01.22v.4l-.03.37v.17l-.01.18-.02.32v.3.13.25l-.01.2.01.1V46v.08.06.05.05l.01.03.01.02h.01.02l.03.01h.67l.13-.01h.14.15.16l.34-.02.37-.02.2-.01h.42l.46-.04h.24l.23-.02.25-.02.26-.02.27-.02h.27l.26-.02.28-.02.3-.03.3-.02h.28l.6-.04.3-.03.62-.05.3-.03 1.4-.1 1.37-.1 1.36-.08 2.64-.1 1.3-.03 1.26-.02h1.25 1.22l1.2.02 1.17.03 2.27.1 1.1.08 1.07.08 1.05.1 1.03.1 1 .12.97.13.94.15.93.16.88.17.87.2.83.2.8.2.78.22.75.24.72.24.7.26.67.27.63.28.6.3.58.3.54.32.5.33.5.35.45.35.42.36.38.38.36.4.14.17.27.33.12.16.12.17.1.17.1.16.2.3.1.17.25.47.08.16.07.15.06.17.16.47.1.33.06.33.03.16.02.18.02.16v.17l.02.36v.18l-.02.36-.01.2-.02.2-.01.2-.06.4-.04.2-.04.22-.03.2-.08.35-.1.35-.12.36-.13.36-.15.37-.17.38-.18.37-.2.4-.22.38-.24.4-.25.4-.26.4-.6.8-.64.82-.36.4-.35.42-1.18 1.24-.42.43-.88.84-.46.43-.96.84-.5.43-1.03.84-.53.43-.55.4-1.7 1.25-.6.4-1.22.8-.62.4-.63.4-.38.24-.4.24-.42.25-.42.26-.45.26-.46.26-.96.54-.5.3-.5.27-.5.28-.5.3-1.03.56-.52.27-.5.28-.52.27-1 .53-.5.26-.5.25-.48.25-.92.46-.86.42-.42.2-.38.2-.37.17-.35.17-.32.15-.3.13-.27.1-.26.1-.2.1-.2.06-.17.06-.12.03-.1.02-.05-.02-.04-.04-.04-.06-.03-.08-.03-.1-.02-.1-.01-.13-.02-.14v-.15l.01-.17v-.2l.01-.18.02-.2.01-.2.05-.44.03-.22.1-.7.04-.24.1-.47.05-.24.1-.45.06-.22.05-.22.07-.2.05-.2.07-.2.07-.18.12-.32.06-.15.07-.13.07-.12.06-.1.07-.1.06-.06.06-.05.1-.04.1-.05.05-.04.07-.04.06-.03.07-.03.08-.04.16-.1.18-.08.1-.06.1-.04.2-.12.32-.16.22-.12.23-.13.24-.12.37-.2.12-.07.25-.13.13-.07.25-.13.14-.06.12-.07.13-.06.13-.07.13-.06 1.37-.7.67-.36.67-.38.66-.36.65-.36.64-.37 1.26-.75.6-.36 1.2-.75.58-.38.57-.36.57-.38.55-.37.54-.38.53-.36.52-.37 1-.74.47-.35.46-.37.45-.36.44-.36.84-.7.4-.35.74-.68.67-.67.6-.65.28-.32.27-.3.24-.3.23-.3.2-.3.36-.58.14-.28.14-.3.12-.27.1-.27.08-.27.06-.26.04-.26.02-.26v-.5l-.03-.25-.05-.24-.07-.22-.08-.23-.1-.23-.12-.22-.14-.2-.32-.42-.4-.4-.48-.38-.26-.18-.28-.18-.6-.34-.68-.33-.37-.15-.4-.15-.4-.14-.42-.14-.43-.14-.46-.14-.47-.13-.5-.12-.5-.1-.52-.1-.47-.1-.5-.1-.53-.08-.58-.06-.6-.08-.63-.06-.65-.06-.67-.05-.7-.05-.72-.05-.74-.04-1.52-.06-.8-.03-.8-.02h-.8l-1.67-.02-.83.01h-.85l-2.57.03-.85.03-.86.03-.86.02-.84.05-.85.03-.84.06-.82.05-.83.06-.8.05-1.57.14-.76.07-.75.08-.72.08-1.4.2-.65.1-3.42.52-1.4 7.83-1.46 7.83 6.8 7.94 1.04 1.25 1.03 1.23 1 1.2.98 1.2.95 1.2.93 1.18.9 1.16.88 1.15.87 1.13.84 1.13.82 1.1.8 1.1.78 1.1.75 1.07.73 1.07 1.4 2.1.67 1.03.65 1.02.62 1 .6 1 .58.98.56.98.54.95.52.96.5.95.48.93.45.92.43.9.42.9.4.9.37.88.36.9.33.86.32.86.3.86.28.84.25.83.23.83.15.52.12.5.14.5.1.48.1.46.1.45.1.44.08.44.08.4.06.4.07.4.04.4.04.37.03.37.02.36.02.34v.67l-.03.64-.03.3-.04.3-.05.3-.12.58-.08.27-.1.28-.2.52-.12.26-.12.25-.13.26-.14.25-.3.5-.17.24-.18.24-.2.24-.2.23-.2.24-.3.33-.3.3-.32.3-.34.26-.35.24-.36.23-.38.2-.4.2-.4.17-.42.14-.43.13-.92.2-.5.07-.5.05h-.5-1.08l-.56-.04-.57-.04-.6-.08-.6-.1-.62-.1-.66-.13-.65-.15-.68-.16-1.4-.4-.73-.22-.75-.25-.77-.26-.78-.3-.8-.3-.82-.32-.84-.34-.86-.37-1.8-.8-.92-.43-.93-.45-.33-.15-.34-.17-.37-.2-.4-.2-.42-.22-.43-.25-.45-.25-.46-.26-.48-.28-1.5-.9-.5-.32-.53-.3-1.04-.65-.53-.32-.53-.33-.5-.34-.52-.32-1-.64-.5-.33-.47-.3-.46-.3-.45-.3-.42-.3-.4-.28-.4-.27-.36-.24-.34-.25-.3-.23-.3-.2-.25-.2-.22-.17-.18-.17-.16-.13-.1-.12-.08-.1-.04-.07h0l.01-.04.02-.06.05-.05v-.04l.06-.06.1-.07.2-.16.06-.04.07-.05.06-.04.07-.04.07-.05.08-.05.08-.04.07-.05.16-.1.1-.05.1-.04.08-.06.4-.2.1-.06.1-.05.1-.04.22-.1.2-.1 2.62-1.1 9.13 5.35.92.52.9.5.88.5.87.47.84.44.83.43 1.6.8.78.37.74.34.74.33.72.3.7.28.68.27.66.24.63.22.63.2.6.18.58.16.56.14.54.12.52.1.5.08.48.07.46.03h.43.43l.4-.03.38-.04.35-.06.34-.1.32-.1.3-.13.27-.15.25-.17.23-.18.2-.22.18-.23.16-.26.22-.44.16-.5.1-.53.06-.6.02-.63-.03-.7-.08-.72-.12-.78-.18-.8-.2-.86-.26-.9-.3-.93-.35-.97-.38-1-.43-1.04-.47-1.07-.5-1.1-.55-1.14-.6-1.17-.63-1.18-.66-1.23-.7-1.24-.74-1.27-.77-1.3-1.64-2.65-.87-1.35-.9-1.37-.93-1.4-.97-1.4-2.03-2.84-1.05-1.43-1.1-1.46-1.1-1.45-1.15-1.48-1.16-1.47-1.2-1.48-1.22-1.48-1.23-1.5-4.17-4.9-2.05 7.54-.74 2.67-.76 2.65-.78 2.62-.8 2.57-.8 2.55-.84 2.5-.84 2.46-.87 2.43-.88 2.38-.88 2.35-.9 2.3-.9 2.25-.92 2.2-.94 2.14-.93 2.1-.95 2.05-.96 1.98-.96 1.93-.98 1.88-.96 1.82-.98 1.74-.98 1.7-.98 1.63-.98 1.56-1 1.5-.97 1.42-.98 1.35-.97 1.28-.98 1.2-.97 1.13-.96 1.05-.95.97-.96.88-.94.8-.93.73-.92.64-.92.55-.9.46-.88.37-.88.28-.2.05-.42.08-.22.02-.43.04h-.68l-.23-.02-.24-.02-.23-.03-.23-.04-.47-.1-.23-.06-.24-.06-.23-.08-.23-.07-.47-.18-.7-.3-.44-.22-.23-.12-.65-.4-.2-.14-.6-.45-.57-.5-.18-.17-.34-.38-.18-.2-.2-.25-.18-.26-.17-.28-.2-.3-.17-.32-.18-.33-.18-.36-.34-.76-.34-.82-.16-.43-.32-.9-.32-.94-.14-.5-.15-.5-.28-1.02-.26-1.06-.13-.54-.23-1.1-.22-1.12-.1-.56-.18-1.12-.08-.57-.14-1.12-.05-.56-.1-1.13-.08-1.1-.01-.54-.02-.4-.02-.44v-4.98l.03-1.26.01-.64.02-.64.01-.65.06-1.92.05-1.25.03-.6.02-.6.03-.58.02-.56.04-.54.06-1 .03-.47.03-.43.03-.4.03-.37.04-.34.03-.3.03-.26.04-.22.03-.18.03-.13.03-.08.03-.04.02.01.02-.01.03.02h.03l.03.02.03.01.1.05.03.03.16.1.05.03.12.08.07.04.07.05.3.2.1.06.07.05.1.06.1.07.08.05.2.14.1.06.3.2.3.22.2.14.2.16 2.5 1.85-.24 5.9-.03.64-.01.66v.65l-.02 1.3v1.3l.03 1.93.04 1.28.03.63.02.62.04.6.04.62.12 1.8.1 1.14.06.56.05.55.13 1.06.14 1.02.08.48.07.47.08.46.08.43.1.44.1.4.08.4.1.37.1.36.1.34.2.6.2.55.22.52.2.5.22.45.23.42.24.38.24.36.24.32.26.3.26.26.28.22.27.2.28.15.3.13.3.08.3.06.3.02h.33l.33-.05.34-.08.36-.12.35-.14.38-.18.38-.22.4-.24.4-.3.42-.32.42-.35.44-.4.44-.42.45-.46.47-.5.48-.53.5-.56.5-.6.5-.63.53-.67.55-.7.55-.73.57-.77.6-.87.63-.9.62-.95.63-.97.62-1.02.63-1.05.64-1.1.63-1.13.64-1.15.63-1.2.63-1.23.64-1.26 1.25-2.6.63-1.35.63-1.37.63-1.4.63-1.42.62-1.46.62-1.47.6-1.5.6-1.52.6-1.54.6-1.56 1.2-3.2.6-1.62.57-1.64.58-1.64.57-1.67.56-1.67.55-1.7.54-1.7.53-1.7.52-1.73.52-1.74.5-1.74.5-1.75.96-3.52 2.2-8.17-5.1-5.15-2.6-2.6-.4-.38-.18-.2-.2-.18-.2-.2-.18-.17-.18-.2-.36-.35-.16-.17-.66-.62-.14-.14-.14-.15-.28-.26-.12-.13-.12-.12-.12-.1-.3-.3-.1-.08-2.14-1.95-18.45 5.42-1.48.46-1.46.44-1.43.46-1.4.44-1.38.45-1.36.44-1.34.45-1.32.45-1.3.45-2.52.88-1.23.46-1.2.44-1.2.45-1.18.46-1.15.45-1.14.46-1.13.47-2.2.92-1.08.47-1.06.47-1.05.47-2.06.96-2 1-1.96 1-1.92 1.02-.95.52-.93.5-.93.54-1.97.98-.9.55-.9.56-.86.53-.82.53-.8.53-.76.52-.72.5-.7.5-.68.5-.63.5-.6.48-.58.5-.54.48-.5.46-.48.47-.45.45-.4.45-.4.44-.35.43-.32.43-.3.42-.26.4-.22.4-.2.4-.16.4-.13.38-.1.36-.07.36-.04.35v.35l.03.33.07.33.1.3.13.3.17.3.2.3.23.28.26.26.3.25.33.25.36.24.4.22.3.16.32.15.35.15.36.15.37.13.4.14.42.13.42.12.45.13.47.12.48.1 1 .2.52.1.54.1.56.1.57.08.58.08.6.08.6.07 1.25.13.64.05 1.32.1.67.04.68.03.7.04.7.02.72.02 1.44.02h2.22l.75-.02.76-.01.76-.02.77-.03.78-.04.14-.01.15-.01h.14l.15-.01.28-.02.28-.01h.15.56.13l.14-.01.52-.01.12-.01h.26l.1-.01h.24l.1-.01h.1l.2-.01.1-.01.1.01h.08l.08-.01h.5l.1.03.1.04.1.06.1.07.12.08.12.1.14.1.15.1.14.12.15.14.16.15.63.63.16.17.48.54.16.2.3.37.14.18.28.35.12.18.12.17.22.32.1.16.1.14.13.26.05.12.04.1.03.1.01.1v.07l-.02.06-.03.03-.25.07h-.08l-.2.02-.3.06h-.13l-.28.03-.14.02-.16.01-.16.02h-.17l-.35.03-.37.04-.2.01-.2.03-.62.04-.22.02-.45.04h-.23l-.23.02-.72.04h-.25l-.23.01-.25.02-1.03.05-1 .06-1 .03-.98.04-.97.03-1.9.02H26.3l-.9-.02h-.9l-.87-.04-.87-.03-1.67-.1-.82-.07-.8-.06-.8-.08-1.54-.18-1.48-.2-.7-.1-1.4-.26-.67-.14-.66-.15-.63-.15-.63-.17-1.2-.34-.58-.2-.55-.2-.54-.2-.53-.2-.52-.22-.5-.23-.48-.22-.46-.24-.45-.26-.4-.23-.4-.25-.38-.25-.35-.25-.34-.25-.33-.27-.6-.52-.28-.27-.25-.27-.24-.28-.23-.28-.4-.6-.18-.3-.16-.3-.14-.3-.13-.3-.1-.3-.17-.63-.05-.32-.05-.33-.03-.34-.01-.33.01-.35.02-.35.04-.34.05-.36.07-.36.08-.37.1-.37.12-.37.13-.38.15-.4.17-.4.18-.4.4-.8.22-.4.74-1.17.4-.57.44-.6.47-.58.5-.6.53-.6 1.14-1.18.62-.6.64-.6.68-.6.7-.6.73-.6.76-.6 1.6-1.2.84-.6.9-.6 1.83-1.2.96-.6 1-.6 1.02-.6 1.04-.6 1.08-.6 1.1-.6 1.13-.6 1.15-.6 1.2-.6 1.22-.6 1.23-.6 1.27-.6 1.3-.6 1.32-.6 1.35-.6 1.38-.6 1.4-.6 1.43-.6 1.46-.6.65-.27.7-.28.77-.3 1.67-.62.9-.34 1.9-.7 1-.35 1.03-.37 1.07-.37 1.07-.38 1.1-.37 1.1-.38 1.12-.38 1.14-.38 1.13-.38 2.26-.75 5.45-1.76 1.04-.32 1-.3.96-.3 1.83-.55.85-.25.8-.23.75-.2.7-.2.63-.17.58-.14.5-.13.44-.1.37-.08.3-.05.22-.01 1.55-.03-1.57-1.52-.26-.24-.3-.28-.32-.28-.36-.3-.38-.34-.4-.35-.45-.38-.46-.4-.5-.4-.5-.42-.54-.43-.54-.45-.58-.46-1.2-.94-.6-.48-1.28-1-.65-.5-1.32-1.02-1.34-1.02-.7-.5-.67-.5-.68-.5-1.34-1-.66-.5-.66-.48-.65-.47-.64-.46-.63-.46-.6-.43-.6-.42-.58-.42-.56-.4-.56-.38-.52-.36-.52-.34-1.54-1-.78-.5-.76-.48-1.54-.92-.77-.45-.76-.43-1.52-.84-.75-.4-.74-.4-.74-.38-.72-.36-1.44-.68-.7-.32-1.38-.6-.67-.27-.66-.27-.65-.25-.64-.23-.6-.22-1.2-.4-.58-.17-.55-.15-.54-.14-.53-.12-.5-.1-.48-.08-.48-.07-.44-.05-.43-.03h-.78l-.36.03-.34.04-.3.07-.35.1-.33.14-.3.2-.27.22-.23.25-.2.28-.18.32-.15.35-.13.38-.1.42-.06.44-.04.48-.01.5.02.53.05.56.06.6.1.62.12.63.15.67.18.7.2.73.22.73.55 1.57.3.8.33.83.36.86.4.88.4.9.43.9.47.94.48.94.5.97.53.98.56 1 .58 1.02.6 1.03.64 1.04.65 1.06.67 1.07 2.8 4.43-1.25 2.86-.05.12-.1.22-.05.13-.1.23-.06.1-.05.12-.05.1-.05.12-.04.1-.1.2-.04.1-.1.2-.03.1-.05.1-.1.24-.05.08-.03.07-.13.26-.1.16-.02.04-.03.04-.05.1-.07.07h-.05l-.16-.16-.12-.13-.13-.18-.16-.2-.18-.24-.2-.28-.22-.3-.23-.33-.5-.75-.27-.4-.28-.43-.3-.45L30 56l-.63-1-.66-1.03-1-1.6-.34-.56-.33-.55-.34-.54-.65-1.1-.33-.54-.3-.53-.32-.53-.58-1-.28-.5-.27-.47-.25-.46-.25-.43-.22-.4-.4-.76-.26-.48-.25-.5-.24-.5-.48-1.02-.22-.52-.45-1.05-.6-1.6-.2-.54-.18-.53-.2-.53-.34-1.06-.16-.54-.3-1.04-.28-1.03-.24-1-.1-.5-.2-.96-.08-.47-.14-.9-.06-.43-.04-.42-.04-.4-.02-.4v-.38l-.01-.36.01-.36v-.33l.06-.62.05-.27.1-.5.07-.24.08-.24.08-.25.08-.23.2-.48.2-.46.24-.46.12-.2.27-.44.14-.2.44-.6.16-.2.32-.37.17-.17.17-.18.17-.16.18-.17.37-.3.18-.14.2-.14L22 19l.38-.24.6-.3.4-.16.4-.13.73-.15.77-.1.8-.07.86-.01.9.03.94.1.96.13 1 .2 1.04.22 1.07.27 1.12.33 1.14.36 1.17.42 1.2.44 1.24.5 1.26.54 1.3.6 1.3.63 1.34.66 1.37.7 1.38.74 1.4.78 1.43.83 1.45.86 1.46.9 1.48.94 1.5.98 1.5 1 1.53 1.05 1.54 1.08 1.55 1.12 1.56 1.15 1.58 1.17 1.58 1.22 1.6 1.25 1.6 1.28 1.6 1.3 1.6 1.34 1.6 1.37 1.6 1.4 5.42 4.82L88.7 49l1.12-.2 1.07-.2.52-.1.75-.15.24-.03.46-.1.22-.04.43-.07.4-.07.2-.03.18-.03.35-.05.16-.02.15-.03.15-.02.27-.04.12-.01h.1.56l.08-.02.1-.04.08-.04.1-.06.16-.16.07-.1.08-.1.07-.13.07-.15.06-.16.08-.18.07-.2.06-.22.06-.23.06-.25.06-.27.07-.28.05-.3.06-.32.05-.34.06-.36.05-.4.06-.4.05-.43.05-.44.06-.47.05-.5.04-.5.05-.53.05-.56.05-.58.05-.6.05-.63.04-.65.05-.68.05-.7.05-.73.04-.75.06-1.1.05-1.1.04-1.06.06-2.1v-3l-.02-.97-.02-.96-.08-1.85-.05-.9-.07-.88-.07-.86-.08-.84-.1-.82-.1-.8-.1-.77-.1-.75-.13-.72-.12-.7-.14-.67-.15-.65-.15-.62-.16-.6-.17-.57-.17-.54-.2-.52-.2-.48-.2-.47-.2-.42-.22-.4-.22-.37-.23-.34-.23-.3-.24-.27-.25-.24-.25-.2-.27-.17-.26-.13-.3-.1-.3-.11-.3-.05-.3-.02-.3.01L92 6l-.33.05-.34.1-.34.12-.35.14-.72.4-.37.24-.38.26-.38.3-.4.32-.4.35-.4.38-.4.4-.4.44-.44.46-.43.48-.44.5-.45.55-.46.56-.45.6-.47.62-.48.64-.47.7-.5.7-.5.72-.5.77-.5.78-.5.8-.5.84-.53.86-1.06 1.8-.54.95-4.72 8.25-3.1.4-.1.01-.12.01h-.1-.12-.1-.1-.1-.8-.08-.07l-.1-.01h-.07l-.07-.01-.2-.04h-.1l-.1-.04h-.04l-.1-.06-.03-.02-.01-.03-.02-.02-.01-.04v-.03l.02-.12.03-.15.06-.2.07-.22.1-.24.1-.28.12-.3.15-.32L68 29l.17-.37.18-.4.2-.4.2-.43.2-.44.22-.45.24-.47.47-.98.5-1 .26-.5.26-.52.8-1.52.28-.5.27-.5.26-.5.28-.5.52-.94.26-.45.25-.44.25-.42.25-.4.23-.4.22-.36.22-.34.2-.33.2-.3.44-.65.88-1.27.43-.6.86-1.18.83-1.1.42-.54 1.22-1.53.4-.48.4-.46.4-.45.4-.43.78-.82.4-.4.76-.74.38-.34.74-.66.74-.6.37-.28.36-.27L87 2l.7-.45.36-.2.35-.2.35-.18.34-.16.36-.15.33-.15.34-.12.34-.1.33-.1.42-.1.22-.04.2-.02.22-.02.44-.02h.23l.23.01.22.02zM93.4 54l-1.16.23-1.25.3-1.2.35-1 .34-.76.3-.45.26-.08.2 1.14 1.27 1.7 1.75 1.82 1.78 1.48 1.37.7.54.16-.26.22-.63.26-.95.3-1.2.28-1.37.28-1.57.15-1.23v-.87l-.13-.56-.27-.24-.44-.04-.75.06-1 .15zm-48.7-.1l-4.34 1.68 1.3-2.42c1.68-3.17 5.8-7.83 9.24-10.44.18-.15 1.08-.86 2.72-2.15l2.32 1.64c1.27.9 2.35 1.77 2.4 2 .05.18-.83 1-1.94 1.7-1.16.76-3.28 2.5-4.73 3.86-1.84 1.8-3.86 2.98-6.97 4.14zm24.9 58.64c-10.8-1.44-21.16-8-27.37-17.4-2.63-4.02-5.8-12.95-6-16.85-.12-2.35.07-2.6 2.43-3.7 1.4-.63 2.62-1.1 2.76-1.06.1.1.5 2.38.8 5.16 1.1 8.96 6.72 17.88 14.56 22.95 4.32 2.86 10.6 5 15.18 5.26 1.78.1 3.3.4 3.33.6.07.25-.43 1.54-1.1 2.95l-1.18 2.6-3.43-.5zm4.3-76.72c-1.95-1.94 9.3-.5 15.27 2 3.42 1.4 3.68 1.6 3.44 3.15-.18 1.3-5.97 1.87-9.46.92-2.5-.68-6.43-3.26-9.25-6.06zm24.78 60.43c1.57-1.66 3.27-3.8 3.7-4.6 1.06-2.1 1.5-2.1 2.76-.36.56.88 1.35 1.9 1.74 2.45.5.64.01 1.67-1.63 3.8-3.97 5.2-13.04 12.18-12.28 9.44 1.38-4.5 3.2-8.05 5.72-10.72zm11.5-24.45c-1.94-2.4-2.9-4.28-3.57-6.82-1.68-6.27.9-12.08 3.24-7.47 1.32 2.5 3.28 10.33 3.57 14.07.17 1.83.08 3.4-.1 3.46-.24.06-1.6-1.45-3.13-3.24z",key:2})]),r.createElement("g",{fill:"url(#light-theme-icon-blur-gradient)",key:1},[r.createElement("use",{xlinkHref:"#light-theme-icon-blur-logo",filter:"url(#light-theme-icon-blur-filter)",key:0}),r.createElement("use",{xlinkHref:"#light-theme-icon-blur-logo",key:1})])])}o.defaultProps={viewBox:"-5 -5 160 160"},e.exports=o,o.default=o},6469:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,[r.createElement("defs",{key:0},[r.createElement("linearGradient",{id:"light-theme-icon-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",key:0},[r.createElement("stop",{offset:"0%",stopColor:"#2f71c1",key:0}),r.createElement("stop",{offset:"100%",stopColor:"#7561c3",key:1})]),r.createElement("path",{id:"light-theme-icon-logo",d:"M93 .03l.46.06.47.08.24.05.23.05.23.07.24.07.47.16.23.1.24.1.45.2.23.1.44.24.44.26L98 2l.6.48.38.34.36.36.17.2.1.12.1.13.1.12.1.14.1.12.2.26.1.14.1.13.17.27.18.3.16.3.16.32.08.17.15.36.07.2.1.2.07.2.08.2.07.23.08.23.07.23.16.5.08.26.08.28.1.3.63 2.35.1.4.14.54.13.55.24 1.13.1.58.12.57.1.6.18 1.2.1.6.08.63.07.62.07.64.06.64.06.65.05.65.04.67.05.67.1 2.06.04 2.87-.03 2.23-.06 1.53-.02.78-.05.78-.04.8-.1 1.6-.07.82-.06.82-.26 2.8-.02.26-.03.26-.02.27-.04.52-.04.5-.02.24-.03.48-.02.22-.01.23v.23l-.02.2-.01.22v.4l-.03.37v.17l-.01.18-.02.32v.3.13.25l-.01.2.01.1V46v.08.06.05.05l.01.03.01.02h.01.02l.03.01h.67l.13-.01h.14.15.16l.34-.02.37-.02.2-.01h.42l.46-.04h.24l.23-.02.25-.02.26-.02.27-.02h.27l.26-.02.28-.02.3-.03.3-.02h.28l.6-.04.3-.03.62-.05.3-.03 1.4-.1 1.37-.1 1.36-.08 2.64-.1 1.3-.03 1.26-.02h1.25 1.22l1.2.02 1.17.03 2.27.1 1.1.08 1.07.08 1.05.1 1.03.1 1 .12.97.13.94.15.93.16.88.17.87.2.83.2.8.2.78.22.75.24.72.24.7.26.67.27.63.28.6.3.58.3.54.32.5.33.5.35.45.35.42.36.38.38.36.4.14.17.27.33.12.16.12.17.1.17.1.16.2.3.1.17.25.47.08.16.07.15.06.17.16.47.1.33.06.33.03.16.02.18.02.16v.17l.02.36v.18l-.02.36-.01.2-.02.2-.01.2-.06.4-.04.2-.04.22-.03.2-.08.35-.1.35-.12.36-.13.36-.15.37-.17.38-.18.37-.2.4-.22.38-.24.4-.25.4-.26.4-.6.8-.64.82-.36.4-.35.42-1.18 1.24-.42.43-.88.84-.46.43-.96.84-.5.43-1.03.84-.53.43-.55.4-1.7 1.25-.6.4-1.22.8-.62.4-.63.4-.38.24-.4.24-.42.25-.42.26-.45.26-.46.26-.96.54-.5.3-.5.27-.5.28-.5.3-1.03.56-.52.27-.5.28-.52.27-1 .53-.5.26-.5.25-.48.25-.92.46-.86.42-.42.2-.38.2-.37.17-.35.17-.32.15-.3.13-.27.1-.26.1-.2.1-.2.06-.17.06-.12.03-.1.02-.05-.02-.04-.04-.04-.06-.03-.08-.03-.1-.02-.1-.01-.13-.02-.14v-.15l.01-.17v-.2l.01-.18.02-.2.01-.2.05-.44.03-.22.1-.7.04-.24.1-.47.05-.24.1-.45.06-.22.05-.22.07-.2.05-.2.07-.2.07-.18.12-.32.06-.15.07-.13.07-.12.06-.1.07-.1.06-.06.06-.05.1-.04.1-.05.05-.04.07-.04.06-.03.07-.03.08-.04.16-.1.18-.08.1-.06.1-.04.2-.12.32-.16.22-.12.23-.13.24-.12.37-.2.12-.07.25-.13.13-.07.25-.13.14-.06.12-.07.13-.06.13-.07.13-.06 1.37-.7.67-.36.67-.38.66-.36.65-.36.64-.37 1.26-.75.6-.36 1.2-.75.58-.38.57-.36.57-.38.55-.37.54-.38.53-.36.52-.37 1-.74.47-.35.46-.37.45-.36.44-.36.84-.7.4-.35.74-.68.67-.67.6-.65.28-.32.27-.3.24-.3.23-.3.2-.3.36-.58.14-.28.14-.3.12-.27.1-.27.08-.27.06-.26.04-.26.02-.26v-.5l-.03-.25-.05-.24-.07-.22-.08-.23-.1-.23-.12-.22-.14-.2-.32-.42-.4-.4-.48-.38-.26-.18-.28-.18-.6-.34-.68-.33-.37-.15-.4-.15-.4-.14-.42-.14-.43-.14-.46-.14-.47-.13-.5-.12-.5-.1-.52-.1-.47-.1-.5-.1-.53-.08-.58-.06-.6-.08-.63-.06-.65-.06-.67-.05-.7-.05-.72-.05-.74-.04-1.52-.06-.8-.03-.8-.02h-.8l-1.67-.02-.83.01h-.85l-2.57.03-.85.03-.86.03-.86.02-.84.05-.85.03-.84.06-.82.05-.83.06-.8.05-1.57.14-.76.07-.75.08-.72.08-1.4.2-.65.1-3.42.52-1.4 7.83-1.46 7.83 6.8 7.94 1.04 1.25 1.03 1.23 1 1.2.98 1.2.95 1.2.93 1.18.9 1.16.88 1.15.87 1.13.84 1.13.82 1.1.8 1.1.78 1.1.75 1.07.73 1.07 1.4 2.1.67 1.03.65 1.02.62 1 .6 1 .58.98.56.98.54.95.52.96.5.95.48.93.45.92.43.9.42.9.4.9.37.88.36.9.33.86.32.86.3.86.28.84.25.83.23.83.15.52.12.5.14.5.1.48.1.46.1.45.1.44.08.44.08.4.06.4.07.4.04.4.04.37.03.37.02.36.02.34v.67l-.03.64-.03.3-.04.3-.05.3-.12.58-.08.27-.1.28-.2.52-.12.26-.12.25-.13.26-.14.25-.3.5-.17.24-.18.24-.2.24-.2.23-.2.24-.3.33-.3.3-.32.3-.34.26-.35.24-.36.23-.38.2-.4.2-.4.17-.42.14-.43.13-.92.2-.5.07-.5.05h-.5-1.08l-.56-.04-.57-.04-.6-.08-.6-.1-.62-.1-.66-.13-.65-.15-.68-.16-1.4-.4-.73-.22-.75-.25-.77-.26-.78-.3-.8-.3-.82-.32-.84-.34-.86-.37-1.8-.8-.92-.43-.93-.45-.33-.15-.34-.17-.37-.2-.4-.2-.42-.22-.43-.25-.45-.25-.46-.26-.48-.28-1.5-.9-.5-.32-.53-.3-1.04-.65-.53-.32-.53-.33-.5-.34-.52-.32-1-.64-.5-.33-.47-.3-.46-.3-.45-.3-.42-.3-.4-.28-.4-.27-.36-.24-.34-.25-.3-.23-.3-.2-.25-.2-.22-.17-.18-.17-.16-.13-.1-.12-.08-.1-.04-.07h0l.01-.04.02-.06.05-.05v-.04l.06-.06.1-.07.2-.16.06-.04.07-.05.06-.04.07-.04.07-.05.08-.05.08-.04.07-.05.16-.1.1-.05.1-.04.08-.06.4-.2.1-.06.1-.05.1-.04.22-.1.2-.1 2.62-1.1 9.13 5.35.92.52.9.5.88.5.87.47.84.44.83.43 1.6.8.78.37.74.34.74.33.72.3.7.28.68.27.66.24.63.22.63.2.6.18.58.16.56.14.54.12.52.1.5.08.48.07.46.03h.43.43l.4-.03.38-.04.35-.06.34-.1.32-.1.3-.13.27-.15.25-.17.23-.18.2-.22.18-.23.16-.26.22-.44.16-.5.1-.53.06-.6.02-.63-.03-.7-.08-.72-.12-.78-.18-.8-.2-.86-.26-.9-.3-.93-.35-.97-.38-1-.43-1.04-.47-1.07-.5-1.1-.55-1.14-.6-1.17-.63-1.18-.66-1.23-.7-1.24-.74-1.27-.77-1.3-1.64-2.65-.87-1.35-.9-1.37-.93-1.4-.97-1.4-2.03-2.84-1.05-1.43-1.1-1.46-1.1-1.45-1.15-1.48-1.16-1.47-1.2-1.48-1.22-1.48-1.23-1.5-4.17-4.9-2.05 7.54-.74 2.67-.76 2.65-.78 2.62-.8 2.57-.8 2.55-.84 2.5-.84 2.46-.87 2.43-.88 2.38-.88 2.35-.9 2.3-.9 2.25-.92 2.2-.94 2.14-.93 2.1-.95 2.05-.96 1.98-.96 1.93-.98 1.88-.96 1.82-.98 1.74-.98 1.7-.98 1.63-.98 1.56-1 1.5-.97 1.42-.98 1.35-.97 1.28-.98 1.2-.97 1.13-.96 1.05-.95.97-.96.88-.94.8-.93.73-.92.64-.92.55-.9.46-.88.37-.88.28-.2.05-.42.08-.22.02-.43.04h-.68l-.23-.02-.24-.02-.23-.03-.23-.04-.47-.1-.23-.06-.24-.06-.23-.08-.23-.07-.47-.18-.7-.3-.44-.22-.23-.12-.65-.4-.2-.14-.6-.45-.57-.5-.18-.17-.34-.38-.18-.2-.2-.25-.18-.26-.17-.28-.2-.3-.17-.32-.18-.33-.18-.36-.34-.76-.34-.82-.16-.43-.32-.9-.32-.94-.14-.5-.15-.5-.28-1.02-.26-1.06-.13-.54-.23-1.1-.22-1.12-.1-.56-.18-1.12-.08-.57-.14-1.12-.05-.56-.1-1.13-.08-1.1-.01-.54-.02-.4-.02-.44v-4.98l.03-1.26.01-.64.02-.64.01-.65.06-1.92.05-1.25.03-.6.02-.6.03-.58.02-.56.04-.54.06-1 .03-.47.03-.43.03-.4.03-.37.04-.34.03-.3.03-.26.04-.22.03-.18.03-.13.03-.08.03-.04.02.01.02-.01.03.02h.03l.03.02.03.01.1.05.03.03.16.1.05.03.12.08.07.04.07.05.3.2.1.06.07.05.1.06.1.07.08.05.2.14.1.06.3.2.3.22.2.14.2.16 2.5 1.85-.24 5.9-.03.64-.01.66v.65l-.02 1.3v1.3l.03 1.93.04 1.28.03.63.02.62.04.6.04.62.12 1.8.1 1.14.06.56.05.55.13 1.06.14 1.02.08.48.07.47.08.46.08.43.1.44.1.4.08.4.1.37.1.36.1.34.2.6.2.55.22.52.2.5.22.45.23.42.24.38.24.36.24.32.26.3.26.26.28.22.27.2.28.15.3.13.3.08.3.06.3.02h.33l.33-.05.34-.08.36-.12.35-.14.38-.18.38-.22.4-.24.4-.3.42-.32.42-.35.44-.4.44-.42.45-.46.47-.5.48-.53.5-.56.5-.6.5-.63.53-.67.55-.7.55-.73.57-.77.6-.87.63-.9.62-.95.63-.97.62-1.02.63-1.05.64-1.1.63-1.13.64-1.15.63-1.2.63-1.23.64-1.26 1.25-2.6.63-1.35.63-1.37.63-1.4.63-1.42.62-1.46.62-1.47.6-1.5.6-1.52.6-1.54.6-1.56 1.2-3.2.6-1.62.57-1.64.58-1.64.57-1.67.56-1.67.55-1.7.54-1.7.53-1.7.52-1.73.52-1.74.5-1.74.5-1.75.96-3.52 2.2-8.17-5.1-5.15-2.6-2.6-.4-.38-.18-.2-.2-.18-.2-.2-.18-.17-.18-.2-.36-.35-.16-.17-.66-.62-.14-.14-.14-.15-.28-.26-.12-.13-.12-.12-.12-.1-.3-.3-.1-.08-2.14-1.95-18.45 5.42-1.48.46-1.46.44-1.43.46-1.4.44-1.38.45-1.36.44-1.34.45-1.32.45-1.3.45-2.52.88-1.23.46-1.2.44-1.2.45-1.18.46-1.15.45-1.14.46-1.13.47-2.2.92-1.08.47-1.06.47-1.05.47-2.06.96-2 1-1.96 1-1.92 1.02-.95.52-.93.5-.93.54-1.97.98-.9.55-.9.56-.86.53-.82.53-.8.53-.76.52-.72.5-.7.5-.68.5-.63.5-.6.48-.58.5-.54.48-.5.46-.48.47-.45.45-.4.45-.4.44-.35.43-.32.43-.3.42-.26.4-.22.4-.2.4-.16.4-.13.38-.1.36-.07.36-.04.35v.35l.03.33.07.33.1.3.13.3.17.3.2.3.23.28.26.26.3.25.33.25.36.24.4.22.3.16.32.15.35.15.36.15.37.13.4.14.42.13.42.12.45.13.47.12.48.1 1 .2.52.1.54.1.56.1.57.08.58.08.6.08.6.07 1.25.13.64.05 1.32.1.67.04.68.03.7.04.7.02.72.02 1.44.02h2.22l.75-.02.76-.01.76-.02.77-.03.78-.04.14-.01.15-.01h.14l.15-.01.28-.02.28-.01h.15.56.13l.14-.01.52-.01.12-.01h.26l.1-.01h.24l.1-.01h.1l.2-.01.1-.01.1.01h.08l.08-.01h.5l.1.03.1.04.1.06.1.07.12.08.12.1.14.1.15.1.14.12.15.14.16.15.63.63.16.17.48.54.16.2.3.37.14.18.28.35.12.18.12.17.22.32.1.16.1.14.13.26.05.12.04.1.03.1.01.1v.07l-.02.06-.03.03-.25.07h-.08l-.2.02-.3.06h-.13l-.28.03-.14.02-.16.01-.16.02h-.17l-.35.03-.37.04-.2.01-.2.03-.62.04-.22.02-.45.04h-.23l-.23.02-.72.04h-.25l-.23.01-.25.02-1.03.05-1 .06-1 .03-.98.04-.97.03-1.9.02H26.3l-.9-.02h-.9l-.87-.04-.87-.03-1.67-.1-.82-.07-.8-.06-.8-.08-1.54-.18-1.48-.2-.7-.1-1.4-.26-.67-.14-.66-.15-.63-.15-.63-.17-1.2-.34-.58-.2-.55-.2-.54-.2-.53-.2-.52-.22-.5-.23-.48-.22-.46-.24-.45-.26-.4-.23-.4-.25-.38-.25-.35-.25-.34-.25-.33-.27-.6-.52-.28-.27-.25-.27-.24-.28-.23-.28-.4-.6-.18-.3-.16-.3-.14-.3-.13-.3-.1-.3-.17-.63-.05-.32-.05-.33-.03-.34-.01-.33.01-.35.02-.35.04-.34.05-.36.07-.36.08-.37.1-.37.12-.37.13-.38.15-.4.17-.4.18-.4.4-.8.22-.4.74-1.17.4-.57.44-.6.47-.58.5-.6.53-.6 1.14-1.18.62-.6.64-.6.68-.6.7-.6.73-.6.76-.6 1.6-1.2.84-.6.9-.6 1.83-1.2.96-.6 1-.6 1.02-.6 1.04-.6 1.08-.6 1.1-.6 1.13-.6 1.15-.6 1.2-.6 1.22-.6 1.23-.6 1.27-.6 1.3-.6 1.32-.6 1.35-.6 1.38-.6 1.4-.6 1.43-.6 1.46-.6.65-.27.7-.28.77-.3 1.67-.62.9-.34 1.9-.7 1-.35 1.03-.37 1.07-.37 1.07-.38 1.1-.37 1.1-.38 1.12-.38 1.14-.38 1.13-.38 2.26-.75 5.45-1.76 1.04-.32 1-.3.96-.3 1.83-.55.85-.25.8-.23.75-.2.7-.2.63-.17.58-.14.5-.13.44-.1.37-.08.3-.05.22-.01 1.55-.03-1.57-1.52-.26-.24-.3-.28-.32-.28-.36-.3-.38-.34-.4-.35-.45-.38-.46-.4-.5-.4-.5-.42-.54-.43-.54-.45-.58-.46-1.2-.94-.6-.48-1.28-1-.65-.5-1.32-1.02-1.34-1.02-.7-.5-.67-.5-.68-.5-1.34-1-.66-.5-.66-.48-.65-.47-.64-.46-.63-.46-.6-.43-.6-.42-.58-.42-.56-.4-.56-.38-.52-.36-.52-.34-1.54-1-.78-.5-.76-.48-1.54-.92-.77-.45-.76-.43-1.52-.84-.75-.4-.74-.4-.74-.38-.72-.36-1.44-.68-.7-.32-1.38-.6-.67-.27-.66-.27-.65-.25-.64-.23-.6-.22-1.2-.4-.58-.17-.55-.15-.54-.14-.53-.12-.5-.1-.48-.08-.48-.07-.44-.05-.43-.03h-.78l-.36.03-.34.04-.3.07-.35.1-.33.14-.3.2-.27.22-.23.25-.2.28-.18.32-.15.35-.13.38-.1.42-.06.44-.04.48-.01.5.02.53.05.56.06.6.1.62.12.63.15.67.18.7.2.73.22.73.55 1.57.3.8.33.83.36.86.4.88.4.9.43.9.47.94.48.94.5.97.53.98.56 1 .58 1.02.6 1.03.64 1.04.65 1.06.67 1.07 2.8 4.43-1.25 2.86-.05.12-.1.22-.05.13-.1.23-.06.1-.05.12-.05.1-.05.12-.04.1-.1.2-.04.1-.1.2-.03.1-.05.1-.1.24-.05.08-.03.07-.13.26-.1.16-.02.04-.03.04-.05.1-.07.07h-.05l-.16-.16-.12-.13-.13-.18-.16-.2-.18-.24-.2-.28-.22-.3-.23-.33-.5-.75-.27-.4-.28-.43-.3-.45L30 56l-.63-1-.66-1.03-1-1.6-.34-.56-.33-.55-.34-.54-.65-1.1-.33-.54-.3-.53-.32-.53-.58-1-.28-.5-.27-.47-.25-.46-.25-.43-.22-.4-.4-.76-.26-.48-.25-.5-.24-.5-.48-1.02-.22-.52-.45-1.05-.6-1.6-.2-.54-.18-.53-.2-.53-.34-1.06-.16-.54-.3-1.04-.28-1.03-.24-1-.1-.5-.2-.96-.08-.47-.14-.9-.06-.43-.04-.42-.04-.4-.02-.4v-.38l-.01-.36.01-.36v-.33l.06-.62.05-.27.1-.5.07-.24.08-.24.08-.25.08-.23.2-.48.2-.46.24-.46.12-.2.27-.44.14-.2.44-.6.16-.2.32-.37.17-.17.17-.18.17-.16.18-.17.37-.3.18-.14.2-.14L22 19l.38-.24.6-.3.4-.16.4-.13.73-.15.77-.1.8-.07.86-.01.9.03.94.1.96.13 1 .2 1.04.22 1.07.27 1.12.33 1.14.36 1.17.42 1.2.44 1.24.5 1.26.54 1.3.6 1.3.63 1.34.66 1.37.7 1.38.74 1.4.78 1.43.83 1.45.86 1.46.9 1.48.94 1.5.98 1.5 1 1.53 1.05 1.54 1.08 1.55 1.12 1.56 1.15 1.58 1.17 1.58 1.22 1.6 1.25 1.6 1.28 1.6 1.3 1.6 1.34 1.6 1.37 1.6 1.4 5.42 4.82L88.7 49l1.12-.2 1.07-.2.52-.1.75-.15.24-.03.46-.1.22-.04.43-.07.4-.07.2-.03.18-.03.35-.05.16-.02.15-.03.15-.02.27-.04.12-.01h.1.56l.08-.02.1-.04.08-.04.1-.06.16-.16.07-.1.08-.1.07-.13.07-.15.06-.16.08-.18.07-.2.06-.22.06-.23.06-.25.06-.27.07-.28.05-.3.06-.32.05-.34.06-.36.05-.4.06-.4.05-.43.05-.44.06-.47.05-.5.04-.5.05-.53.05-.56.05-.58.05-.6.05-.63.04-.65.05-.68.05-.7.05-.73.04-.75.06-1.1.05-1.1.04-1.06.06-2.1v-3l-.02-.97-.02-.96-.08-1.85-.05-.9-.07-.88-.07-.86-.08-.84-.1-.82-.1-.8-.1-.77-.1-.75-.13-.72-.12-.7-.14-.67-.15-.65-.15-.62-.16-.6-.17-.57-.17-.54-.2-.52-.2-.48-.2-.47-.2-.42-.22-.4-.22-.37-.23-.34-.23-.3-.24-.27-.25-.24-.25-.2-.27-.17-.26-.13-.3-.1-.3-.11-.3-.05-.3-.02-.3.01L92 6l-.33.05-.34.1-.34.12-.35.14-.72.4-.37.24-.38.26-.38.3-.4.32-.4.35-.4.38-.4.4-.4.44-.44.46-.43.48-.44.5-.45.55-.46.56-.45.6-.47.62-.48.64-.47.7-.5.7-.5.72-.5.77-.5.78-.5.8-.5.84-.53.86-1.06 1.8-.54.95-4.72 8.25-3.1.4-.1.01-.12.01h-.1-.12-.1-.1-.1-.8-.08-.07l-.1-.01h-.07l-.07-.01-.2-.04h-.1l-.1-.04h-.04l-.1-.06-.03-.02-.01-.03-.02-.02-.01-.04v-.03l.02-.12.03-.15.06-.2.07-.22.1-.24.1-.28.12-.3.15-.32L68 29l.17-.37.18-.4.2-.4.2-.43.2-.44.22-.45.24-.47.47-.98.5-1 .26-.5.26-.52.8-1.52.28-.5.27-.5.26-.5.28-.5.52-.94.26-.45.25-.44.25-.42.25-.4.23-.4.22-.36.22-.34.2-.33.2-.3.44-.65.88-1.27.43-.6.86-1.18.83-1.1.42-.54 1.22-1.53.4-.48.4-.46.4-.45.4-.43.78-.82.4-.4.76-.74.38-.34.74-.66.74-.6.37-.28.36-.27L87 2l.7-.45.36-.2.35-.2.35-.18.34-.16.36-.15.33-.15.34-.12.34-.1.33-.1.42-.1.22-.04.2-.02.22-.02.44-.02h.23l.23.01.22.02zM93.4 54l-1.16.23-1.25.3-1.2.35-1 .34-.76.3-.45.26-.08.2 1.14 1.27 1.7 1.75 1.82 1.78 1.48 1.37.7.54.16-.26.22-.63.26-.95.3-1.2.28-1.37.28-1.57.15-1.23v-.87l-.13-.56-.27-.24-.44-.04-.75.06-1 .15zm-48.7-.1l-4.34 1.68 1.3-2.42c1.68-3.17 5.8-7.83 9.24-10.44.18-.15 1.08-.86 2.72-2.15l2.32 1.64c1.27.9 2.35 1.77 2.4 2 .05.18-.83 1-1.94 1.7-1.16.76-3.28 2.5-4.73 3.86-1.84 1.8-3.86 2.98-6.97 4.14zm24.9 58.64c-10.8-1.44-21.16-8-27.37-17.4-2.63-4.02-5.8-12.95-6-16.85-.12-2.35.07-2.6 2.43-3.7 1.4-.63 2.62-1.1 2.76-1.06.1.1.5 2.38.8 5.16 1.1 8.96 6.72 17.88 14.56 22.95 4.32 2.86 10.6 5 15.18 5.26 1.78.1 3.3.4 3.33.6.07.25-.43 1.54-1.1 2.95l-1.18 2.6-3.43-.5zm4.3-76.72c-1.95-1.94 9.3-.5 15.27 2 3.42 1.4 3.68 1.6 3.44 3.15-.18 1.3-5.97 1.87-9.46.92-2.5-.68-6.43-3.26-9.25-6.06zm24.78 60.43c1.57-1.66 3.27-3.8 3.7-4.6 1.06-2.1 1.5-2.1 2.76-.36.56.88 1.35 1.9 1.74 2.45.5.64.01 1.67-1.63 3.8-3.97 5.2-13.04 12.18-12.28 9.44 1.38-4.5 3.2-8.05 5.72-10.72zm11.5-24.45c-1.94-2.4-2.9-4.28-3.57-6.82-1.68-6.27.9-12.08 3.24-7.47 1.32 2.5 3.28 10.33 3.57 14.07.17 1.83.08 3.4-.1 3.46-.24.06-1.6-1.45-3.13-3.24z",key:1})]),r.createElement("g",{fill:"url(#light-theme-icon-gradient)",key:1},r.createElement("use",{xlinkHref:"#light-theme-icon-logo"}))])}o.defaultProps={viewBox:"-5 -5 160 160"},e.exports=o,o.default=o},1112:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z",fill:"currentColor"}))}o.defaultProps={viewBox:"0 0 16 16"},e.exports=o,o.default=o},8437:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{fill:"currentColor",vectorEffect:"non-scaling-stroke",d:"M39 20c0 10.494-8.506 19-19 19S1 30.494 1 20 9.506 1 20 1s19 8.506 19 19Zm-21.85 9.5a2.85 2.85 0 1 0 5.7 0V18.1a2.85 2.85 0 0 0-5.7 0v11.4ZM20 13.35a2.85 2.85 0 1 1 0-5.7 2.85 2.85 0 0 1 0 5.7Z",fillRule:"evenodd"}))}o.defaultProps={xmlSpace:"preserve",viewBox:"0 0 40 40"},e.exports=o,o.default=o},6786:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,[r.createElement("path",{fill:"#f7df1e",d:"M0 0h630v630H0z",key:0}),r.createElement("path",{fill:"#000000",d:"M423.2 492.2c12.7 20.72 29.2 35.95 58.4 35.95 24.53 0 40.2-12.26 40.2-29.2 0-20.3-16.1-27.5-43.1-39.3l-14.8-6.35c-42.72-18.2-71.1-41-71.1-89.2 0-44.4 33.83-78.2 86.7-78.2 37.64 0 64.7 13.1 84.2 47.4l-46.1 29.6c-10.15-18.2-21.1-25.37-38.1-25.37-17.34 0-28.33 11-28.33 25.37 0 17.76 11 24.95 36.4 35.95l14.8 6.34c50.3 21.57 78.7 43.56 78.7 93 0 53.3-41.87 82.5-98.1 82.5-54.98 0-90.5-26.2-107.88-60.54zm-209.13 5.13c9.3 16.5 17.76 30.45 38.1 30.45 19.45 0 31.72-7.6 31.72-37.2v-201.3h59.2v202.1c0 61.3-35.94 89.2-88.4 89.2-47.4 0-74.85-24.53-88.8-54.075z",key:1})])}o.defaultProps={viewBox:"0 0 630 630"},e.exports=o,o.default=o},1227:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6c3.31 0 6 2.69 6 6s-2.69 6-6 6z",fill:"currentColor"}))}o.defaultProps={viewBox:"0 0 24 24"},e.exports=o,o.default=o},481:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"m592.46 6.69 1.87.18 1.85.27 1.82.33 1.79.4 1.77.48 1.74.53 1.71.61 1.67.67 1.64.73 1.61.79 1.57.86 1.54.91 1.49.96 1.46 1.03 1.41 1.07 1.37 1.13 1.32 1.18 1.28 1.23 1.23 1.28 1.18 1.32 1.13 1.37 1.08 1.42 1.02 1.45.97 1.5.91 1.53.85 1.57.8 1.61.73 1.64.67 1.68.6 1.71.54 1.74.47 1.76.41 1.8.33 1.82.26 1.84.19 1.87.11 1.89.04 1.91v535.86l-.04 1.91-.11 1.88-.19 1.87-.26 1.85-.33 1.82-.41 1.79-.47 1.77-.54 1.74-.6 1.71-.67 1.67-.73 1.64-.8 1.61-.85 1.57-.91 1.54-.97 1.49-1.02 1.46-1.08 1.41-1.13 1.37-1.18 1.32-1.23 1.28-1.28 1.23-1.32 1.18-1.37 1.13-1.41 1.08-1.46 1.02-1.49.97-1.54.91-1.57.85-1.61.8-1.64.73-1.67.67-1.71.6-1.74.54-1.77.47-1.79.41-1.82.33-1.85.26-1.87.19-1.88.11-1.91.04H52.81l-1.91-.04-1.89-.11-1.87-.19-1.84-.26-1.82-.33-1.8-.41-1.76-.47-1.74-.54-1.71-.6-1.68-.67-1.64-.73-1.61-.8-1.57-.85-1.53-.91-1.5-.97-1.45-1.02-1.42-1.08-1.37-1.13-1.32-1.18-1.28-1.23-1.23-1.28-1.18-1.32-1.13-1.37-1.07-1.41-1.03-1.46-.96-1.49-.91-1.54-.86-1.57-.79-1.61-.73-1.64-.67-1.67-.61-1.71-.53-1.74-.48-1.77-.4-1.79-.33-1.82-.27-1.85-.18-1.87-.12-1.88-.04-1.91V52.76l.04-1.91.12-1.89.18-1.87.27-1.84.33-1.82.4-1.8.48-1.76.53-1.74.61-1.71.67-1.68.73-1.64.79-1.61.86-1.57.91-1.53.96-1.5 1.03-1.45 1.07-1.42 1.13-1.37 1.18-1.32 1.23-1.28 1.28-1.23 1.32-1.18 1.37-1.13 1.42-1.07 1.45-1.03 1.5-.96 1.53-.91 1.57-.86 1.61-.79 1.64-.73 1.68-.67 1.71-.61 1.74-.53 1.76-.48 1.8-.4 1.82-.33 1.84-.27 1.87-.18 1.89-.12 1.91-.04h535.86l1.91.04 1.88.12ZM320.74 502l.45-271.52h90.65l-.45 271.97h90.66l.45-362.18-362.18-.45-.89 362.18h181.31Z",fill:"currentColor"}))}o.defaultProps={viewBox:"0 0 640 640"},e.exports=o,o.default=o},7378:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z",fill:"currentColor"}))}o.defaultProps={viewBox:"0 0 24 24"},e.exports=o,o.default=o},9679:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,[r.createElement("defs",{key:0},[r.createElement("path",{d:"M396.22 153.1l.94.02.47.02.46.03.46.02 1.38.12.9.1.45.06.45.07.44.07 1.32.24.43.1.43.1.43.1.43.1 1.26.36.42.13 1.23.42.4.16.4.15.8.34.4.17.4.18.4.2.76.38.38.2.38.2.37.22 1.58.97 1.5 1.07 1.45 1.16 1.4 1.26 1.32 1.35 1.27 1.44 1.2 1.53 1.14 1.62 1.08 1.7 1.02 1.78.96 1.87.9 1.95.84 2.03.77 2.1.72 2.2.65 2.26.6 2.33.53 2.4.47 2.47.4 2.55.35 2.6.3 2.68.23 2.75.16 2.8.1 2.87.05 2.93-.02 3-.07 3.04-.14 3.1-.2 3.15-.25 3.2-.32 3.25-.37 3.3-.44 3.35-.5 3.4-.55 3.44-.62 3.5-.67 3.53-.73 3.57-.8 3.6 3.52 1.1 3.47 1.14 3.4 1.17 3.34 1.2 3.26 1.23 3.2 1.27 3.13 1.3 3.05 1.3 3 1.35 2.9 1.38 2.84 1.4 2.75 1.43 2.68 1.45 2.6 1.47 2.52 1.5 2.44 1.52 2.35 1.54 2.27 1.57 2.18 1.58 2.1 1.6 2 1.62 1.9 1.64 1.82 1.66 1.73 1.68 1.64 1.7 1.54 1.7 1.44 1.72 1.35 1.73 1.24 1.75 1.15 1.77 1.04 1.77.93 1.8.84 1.8.72 1.8.62 1.82.5 1.82.4 1.83.28 1.84.17 1.85.06 1.85-.06 1.84-.17 1.84-.28 1.83-.4 1.83-.5 1.82-.62 1.8-.72 1.8-.83 1.8-.93 1.78-1.04 1.77-1.13 1.76-1.24 1.75-1.34 1.73-1.43 1.72-1.54 1.7-1.62 1.7-1.72 1.67-1.82 1.66-1.9 1.64-2 1.62-2.1 1.6-2.17 1.58-2.25 1.57-2.34 1.54-2.42 1.52-2.5 1.5-2.58 1.48-2.66 1.45-2.74 1.42-2.82 1.4-2.9 1.38-2.97 1.34-3.03 1.32-3.1 1.3-3.18 1.26-3.24 1.23-3.3 1.2-3.38 1.17-3.44 1.13-3.5 1.1.8 3.6.74 3.55.68 3.52.6 3.48.56 3.43.5 3.4.44 3.34.38 3.3.32 3.25.26 3.2.2 3.15.14 3.1.08 3.03.02 2.98-.04 2.92-.1 2.87-.16 2.8-.22 2.73-.28 2.68-.35 2.6-.4 2.54-.47 2.48-.52 2.4-.6 2.33-.65 2.25-.7 2.18-.77 2.1-.83 2.02-.9 1.95-.95 1.87-1 1.78-1.08 1.7-1.14 1.62-1.2 1.52-1.26 1.44-1.32 1.35-1.4 1.26-1.45 1.16-1.5 1.07-1.58.97-.37.2-.38.2-.4.2-.38.2-.78.38-.4.18-.8.34-.8.32-.82.3-.42.14-.4.14-.42.13-.42.12-.43.12-.42.1-.43.1-.43.1-.44.1-.44.1-.43.1-.45.08-.44.08-.45.07-1.35.18-.46.05-.92.08-.46.03-.47.03-1.4.06h-.48l-.48.01-1.58-.03-1.6-.08-1.63-.14-1.64-.2-1.68-.25-1.7-.3-1.7-.35-1.73-.4-1.76-.46-1.77-.5-1.8-.56-1.8-.6-1.82-.67-1.85-.7-1.85-.77-1.88-.8-1.9-.86-1.9-.92-1.92-.96-1.93-1-1.94-1.06-1.96-1.1-1.97-1.16-1.97-1.2-2-1.25-2-1.3-2-1.34-2-1.4-2.03-1.43-2.03-1.48-2.04-1.52-2.04-1.56-2.05-1.6-2.06-1.65-2.06-1.7-2.06-1.74-2.07-1.78-2.07-1.82-2.07-1.87-2.08-1.9-2.07 1.92-2.08 1.88-2.07 1.83-2.06 1.8-2.07 1.75-2.06 1.7-2.05 1.67-2.05 1.62-2.05 1.57-2.04 1.53-2.03 1.5-2.02 1.44-2.02 1.4-2 1.35-2 1.3-2 1.26-1.98 1.2-1.97 1.17-1.95 1.1-1.95 1.07-1.93 1.02-1.9.97-1.9.92-1.9.87-1.87.82-1.86.77-1.84.72-1.83.67-1.8.62-1.8.57-1.77.5-1.75.46-1.73.4-1.72.36-1.7.3-1.67.25-1.65.2-1.63.14-1.6.08-1.58.03h-.48l-.47-.01-.48-.01-.94-.04-.46-.03-.47-.04-.92-.08-.45-.05-.46-.05-.45-.06-.45-.07-.44-.07-.45-.08-.44-.08-.43-.08-.44-.1-.86-.2-.43-.1-.43-.12-.84-.24-.4-.13-.42-.14-.82-.28-.4-.16-.4-.15-.4-.17-.4-.16-.4-.18-.4-.18-.38-.18-.4-.2-.38-.2-.38-.2-.37-.2-.37-.22-1.58-.97-1.52-1.07-1.45-1.16-1.4-1.26-1.33-1.35-1.27-1.44-1.2-1.53-1.14-1.6-1.1-1.7-1.02-1.78-.96-1.87-.9-1.95-.84-2.03-.78-2.1-.7-2.2-.65-2.26-.6-2.33-.53-2.4-.47-2.47-.4-2.55-.35-2.6-.28-2.68-.23-2.75-.17-2.8-.1-2.87-.05-2.93v-3l.08-3.04.13-3.1.2-3.15.25-3.2.32-3.25.37-3.3.43-3.35.5-3.4.55-3.44.6-3.5.68-3.53.73-3.57.8-3.6-3.53-1.1-3.46-1.14-3.4-1.17-3.33-1.2-3.27-1.23-3.2-1.26-3.13-1.3-3.06-1.32-2.98-1.35-2.9-1.37-2.83-1.4-2.76-1.43-2.68-1.45-2.6-1.47-2.5-1.5-2.44-1.52-2.35-1.54-2.27-1.57-2.18-1.58-2.1-1.6-2-1.63-1.92-1.64-1.82-1.66-1.73-1.67-1.63-1.7-1.54-1.7-1.45-1.73-1.34-1.73-1.25-1.75-1.14-1.77-1.04-1.77-.94-1.8-.83-1.8-.73-1.8-.6-1.8-.5-1.83-.4-1.83-.3-1.84-.17-1.84-.06-1.85.06-1.85.17-1.84.3-1.83.4-1.83.5-1.82.6-1.8.73-1.8.82-1.8.94-1.78 1.03-1.77 1.14-1.76 1.24-1.74 1.34-1.73 1.44-1.72 1.53-1.7 1.63-1.7 1.72-1.68 1.82-1.65 1.9-1.64 2-1.62 2.08-1.6 2.18-1.58 2.25-1.56 2.35-1.54 2.42-1.52 2.5-1.5 2.6-1.47 2.67-1.45 2.75-1.43 2.82-1.4 2.9-1.37 2.97-1.35 3.04-1.32 3.12-1.3 3.2-1.27 3.25-1.23 3.32-1.2 3.4-1.17 3.45-1.15 3.52-1.1-.8-3.6-.74-3.56-.68-3.52-.62-3.48-.56-3.43-.5-3.4-.44-3.34-.38-3.3-.32-3.24-.26-3.2-.2-3.15-.14-3.1-.08-3.03-.01-2.98.04-2.92.1-2.86.16-2.8.22-2.74.28-2.68.35-2.6.4-2.54.46-2.47.53-2.4.6-2.33.64-2.25.7-2.18.77-2.1.83-2.02.9-1.95.96-1.87 1-1.78 1.08-1.7 1.14-1.6 1.2-1.53 1.26-1.44 1.32-1.35 1.4-1.25 1.44-1.17 1.5-1.07 1.57-.97.76-.42.38-.2.4-.2.78-.38.4-.18.4-.17.4-.17.4-.16.4-.16.82-.3.4-.14 1.26-.4.42-.12.86-.22.43-.1.44-.1.43-.1.44-.1.44-.08.45-.08.45-.07.44-.06.46-.06.45-.06.46-.05.92-.08.46-.03.47-.03.94-.04.95-.02h.47v-.08l1.58.03 1.6.08 1.62.14 1.65.2 1.67.24 1.7.3 1.7.35 1.73.4 1.76.46 1.77.5 1.8.56 1.8.6 1.82.66 1.84.72 1.86.76 1.88.8 1.9.87 1.9.9 1.92.96 1.93 1 1.94 1.06 1.96 1.1 1.96 1.15 1.98 1.2 2 1.24 2 1.3 2 1.34 2.02 1.38 2.02 1.44 2.04 1.47 2.03 1.52 2.05 1.57 2.05 1.6 2.06 1.65 2.06 1.7 2.06 1.74 2.07 1.78 2.07 1.82 2.07 1.86 2.08 1.9 2.07-1.92 2.07-1.87 2.07-1.84 2.07-1.8 2.07-1.75 2.06-1.7 2.05-1.66 2.05-1.62 2.05-1.58 2.04-1.53 2.03-1.5 2.02-1.44 2.02-1.4 2-1.35 2-1.3 2-1.26 1.98-1.2 1.97-1.16 1.95-1.12 1.94-1.06 1.93-1.02 1.92-.97 1.9-.92 1.88-.88 1.88-.82 1.86-.77 1.84-.72 1.83-.67 1.8-.62 1.8-.56 1.78-.52 1.75-.46 1.73-.4 1.72-.35 1.7-.3 1.67-.25 1.65-.2 1.63-.14 1.6-.1 1.58-.02v.07h.4zM227.96 387.48l-.24 1.14-.12.58-.36 1.7-.1.57-.12.57-.33 1.7-.1.56-.1.57-.1.56-.1.57-.1.56-.1.56-.1.56-.2 1.12-.1.56-.1.55-.1.56-.1.55-.08.56-.1.55-.08.55-.1.55-.08.55-.08.54-.07.55-.08.55-.35 2.7-.06.54-.25 2.16-.2 2.14-.2 2.12-.16 2.08-.13 2.06-.1 2.03-.07 2-.05 1.97-.01 1.94.01 1.9.04 1.88.07 1.83.1 1.8.12 1.77.15 1.72.18 1.7.2 1.65.24 1.6.25 1.57.3 1.52.3 1.5.33 1.43.36 1.4.4 1.35.4 1.3.43 1.25.47 1.2.48 1.16.5 1.1.53 1.05.56 1 .58.94.6.88.63.83.65.78.67.7.7.66.72.6.74.54.77.47.17.1.17.1.54.27.18.08.76.32.2.07.2.07.4.14.2.06.2.06.42.12.42.1.66.15.22.04.23.04.22.04.23.04.23.03.24.03.23.03.48.06.48.04.25.02.25.01.25.02.5.02h.26l1.2-.02 1.22-.07 1.26-.12 1.28-.16 1.3-.2 1.34-.26 1.35-.3 1.38-.35 1.4-.4 1.43-.44 1.45-.48 1.47-.53 1.5-.58 1.5-.62 1.54-.66 1.55-.7 1.57-.75 1.6-.8 1.6-.84 1.62-.88 1.64-.93 1.66-.97 1.68-1 1.68-1.06 1.7-1.1 1.7-1.14 1.74-1.18 1.74-1.22 1.76-1.26 1.76-1.3 1.78-1.35 1.8-1.4 1.8-1.42 1.8-1.47 1.82-1.5 1.83-1.55 1.84-1.6 1.84-1.63 1.85-1.67 1.85-1.7-.8-.84-.8-.85-.8-.85-1.6-1.72-.8-.87-.8-.88-.8-.88-1.6-1.78-.8-.9-.8-.9-.8-.9-1.6-1.84-.8-.93-.8-.93-.8-.94-.8-.94-1.58-1.9-.8-.96-1.58-1.94-1.58-1.96-.78-1-.8-1-.78-1-.8-1-.78-1-.78-1.02-.78-1-.78-1.03-.77-1.03-.78-1.03-.78-1.04-.77-1.04-1.54-2.1-2.56-.28-1.27-.14-1.28-.15-1.26-.16-3.8-.48-3.75-.5-2.48-.36-1.24-.2-2.46-.38-3.66-.6-3.63-.63-3.58-.66-1.2-.23-2.36-.46-3.5-.72-3.47-.75-1.14-.25-1.14-.26-1.14-.27-1.13-.26-2.24-.54-.13.57-.12.58zm181.82-.75l-1.13.27-1.14.26-1.14.27-2.3.52-2.3.5-1.16.25-1.17.24-1.18.24-1.17.23-1.2.24-1.18.23-4.8.88-2.42.42-2.44.4-1.23.2-2.46.38-1.24.2-1.24.18-1.25.18-1.25.17-1.25.18-1.26.16-1.26.17-2.54.32-2.55.3-1.28.15-2.57.28-1.52 2.1-.76 1.04-.77 1.03-.76 1.04-2.3 3.06-1.55 2-1.56 2-.78 1-2.34 2.94-.8.96-.78.97-.8.95-.8.96-.78.94-1.58 1.88-3.17 3.7-1.6 1.8-.8.9-1.6 1.77-1.6 1.76-.8.87-1.6 1.72-.8.85-.8.85-.8.84 1.85 1.7 1.85 1.65 1.85 1.62 1.83 1.58 1.83 1.54 1.82 1.5 1.8 1.46 1.8 1.42 1.8 1.38 1.78 1.34 1.77 1.3 1.75 1.25 1.75 1.22 1.73 1.17 1.72 1.13 1.7 1.1 1.7 1.05 1.67 1 1.66.96 1.65.92 1.62.88 1.6.84 1.6.8 1.57.74 1.56.7 1.53.66 1.5.62 1.5.57 1.47.52 1.45.5 1.43.43 1.4.4 1.38.34 1.35.3 1.33.26 1.3.2 1.28.16 1.25.12 1.22.07 1.2.02h.52l.26-.01h.26l.25-.01.25-.02.25-.01.25-.02.48-.04.24-.03.24-.02.24-.03.23-.04.23-.03.7-.12.22-.04.44-.1.2-.05.22-.06.63-.18.2-.06.4-.14.2-.08.2-.07.2-.08.2-.08.18-.1.2-.08.18-.1.18-.1.18-.1.34-.2.76-.48.74-.55.7-.6.7-.66.66-.72.65-.78.62-.83.6-.9.58-.95.55-1 .53-1.05.5-1.1.48-1.15.46-1.2.43-1.26.4-1.3.38-1.34.36-1.4.33-1.43.3-1.5.28-1.52.25-1.57.23-1.6.2-1.65.17-1.68.14-1.73.12-1.77.1-1.8.06-1.83.04-1.87v-1.9l-.02-1.94-.05-1.97-.08-2-.1-2.03-.13-2.06-.17-2.08-.2-2.12-.22-2.14-.26-2.16-.06-.54-.07-.53-.06-.53-.07-.53-.07-.54-.08-.54-.07-.53-.24-1.62-.08-.55-.18-1.08-.08-.55-.1-.55-.1-.54-.18-1.1-.1-.55-.1-.56-.1-.55-.1-.56-.1-.55-.1-.56-.44-2.24-.12-.56-.1-.56-.24-1.14-.12-.56-.24-1.14-.13-.57-.12-.57-.13-.58-.13-.57-.13-.58-2.24.56zm-70.67 9.66l-1 .04-1 .05-2 .08-5.02.15-2.02.04-1 .01-1 .02-3.05.03H322l-1.02.01h-2.03l-4.02-.04-1-.02-1-.01-1-.02-1-.03-1-.02-3.97-.12-1-.04-1-.03-3.93-.16-.98-.05 1 1.27 1 1.26 1 1.24 2 2.46 1 1.2 1 1.2 1 1.2 1 1.2 1 1.17 3.02 3.44 1 1.13 2.02 2.22 1 1.1 1 1.08 1 1.07 1 1.06 1 1.05 1-1.05 1-1.06 1-1.07 1-1.08 1-1.1 1-1.1 1-1.1 1-1.13 1-1.14 2-2.3 1-1.17 1-1.2 1-1.2 1-1.2 1-1.2 1.98-2.46.98-1.24 1-1.26.98-1.27-1 .06-1 .05zm-20.8-137.92h-.87l-3.46.04-.87.02-.86.01-2.6.06-1.72.06-.87.02-.86.03-.86.04-.86.03-.86.04-.86.03-1.72.08-.85.05-.86.04-1.72.1-2.56.15-5.13.36-4.25.35-.48.68-.47.7-.47.68-1.4 2.07-.46.7-.94 1.4-.46.7-.47.7-.46.7-.46.7-.47.72-.46.7-1.84 2.88-.46.73-.45.72-.46.74-.45.73-.46.73-.45.74-.46.74-.9 1.48-.45.75-.46.75-1.35 2.25-.44.76-1.35 2.28-.44.77-.45.76-.44.77-.86 1.5-2.52 4.5-.4.76-.4.75-.42.76-.4.75-.4.76-.4.75-.4.76-.4.76-.4.76-.4.75-.4.76-.4.76-.4.76-1.17 2.28-.38.77-.4.76-1.14 2.28-.37.77-.38.76-.37.76-.37.77-.37.76-.36.76-.37.77-.36.76-.36.77-.35.76-.36.76.36.77.36.76.37.76.36.77 1.1 2.28.37.77.37.76 1.9 3.8.4.76.38.76.4.75.78 1.52.4.76.4.75.8 1.52.4.75.4.76.82 1.5.4.76.82 1.5.4.76 1.68 3 .43.75.42.75.43.74.86 1.5.45.76.44.76.9 1.52.45.75.45.76.9 1.5.45.74.45.75.46.74.9 1.48.46.74.46.73.45.73 1.38 2.2 1.84 2.88.47.7.46.72.46.7.47.7.46.7.47.7.47.7.46.7.47.7.94 1.38.47.7.47.68.47.7.47.68.48.7.47.68.84.06.85.07.84.07 4.25.3.85.05.85.06 3.4.2.85.04.86.05 4.28.2 5.14.18 4.3.1.86.01h.86l.86.01h.86l.87.01.86.01h3.45l.87-.01.86-.01h.87l.86-.02h.87l.86-.01 3.45-.08.87-.03.86-.02 2.58-.1.86-.04.86-.03 3.44-.16.86-.05.86-.04.85-.05.86-.05.86-.06.85-.05.86-.06.85-.05 1.7-.12.85-.07.85-.06.86-.07.85-.07.85-.06.85-.08.85-.07.94-1.36.47-.7.47-.68.47-.7.47-.7.47-.7.47-.7.46-.7.47-.7.46-.7.47-.7.92-1.42.46-.72.47-.7.46-.72.45-.72.46-.73.46-.72.46-.73.45-.73.46-.73.46-.74.9-1.48.46-.74.45-.74.45-.75.45-.74.45-.75.45-.76.45-.75 1.35-2.28.44-.76.45-.76.44-.77.45-.77.43-.75.42-.74.42-.75.43-.75.42-.75.4-.75.42-.76.4-.75.42-.75.4-.76.4-.75.4-.76.4-.75.4-.76.4-.76.4-.75.8-1.52.4-.76.4-.76 1.56-3.04.38-.76.4-.76.38-.77 1.14-2.28.37-.77.38-.76.37-.76.37-.77.37-.76.36-.76.37-.77.36-.76.36-.77.36-.76-.36-.76-.36-.77-.36-.76-.37-.76-.36-.77-1.1-2.28-.38-.76-.37-.76-.38-.77-.76-1.52-.38-.75-.78-1.52-.38-.76-.4-.76-.4-.76-.4-.75-.4-.76-.4-.76-.4-.75-.4-.76-.4-.75-.4-.76-.82-1.5-.4-.76-.4-.75-.42-.75-.4-.75-.84-1.5-.43-.75-.42-.75-.43-.75-.42-.75-.43-.75-.44-.75-.44-.76-.9-1.52-.44-.76-2.25-3.75-.46-.74-.45-.75-.45-.74-.46-.74-.45-.73-.46-.74-.46-.73-.45-.73-.46-.73-.46-.72-.46-.73-.46-.72-.47-.72-.46-.72-.92-1.42-.47-.7-.46-.7-.47-.7-.46-.7-.47-.7-.47-.7-.94-1.4-.46-.7-.47-.7-.48-.7-.47-.7-1.4-2.04-1.7-.14-1.7-.12-.84-.07-1.7-.12-.85-.05-.85-.06-.85-.05-.85-.06-1.7-.1-.85-.04-1.7-.1-3.42-.16-.86-.03-.86-.04-.85-.03-2.58-.1-.86-.02-.86-.03-2.58-.06-.86-.01-.86-.02-3.44-.04h-.86l-.86-.01h-1.73l-.86.01zm78.07 82.77l-.45.87-.46.87-.45.87-.46.88-.92 1.74-.46.88-.47.87-.47.88-.47.87-.48.87-.48.88-.96 1.74-.5.88-.48.87-.5.87-.5.87-.5.87-.5.88-.5.87-.5.88-1.02 1.74-.52.87-.5.87-1.04 1.72-.53.86-.52.86-.53.86-.52.85-1.6 2.55-.53.84-.53.85-1.06 1.68-.54.84 1.55-.24 1.55-.23 3.07-.5 1.53-.25 1.52-.26 3.03-.54 1.5-.28 1.5-.3 2.98-.58 1.48-.3 1.47-.3 1.47-.32 1.46-.3 1.46-.33 2.88-.66 1.44-.34 1.42-.35-.4-1.4-.86-2.84-.44-1.42-.45-1.43-.46-1.43-.94-2.88-.98-2.88-.5-1.44-.5-1.45-1.04-2.9-1.08-2.9-.55-1.45-.56-1.46-.56-1.45-.57-1.46-.6-1.45-.44.87-.45.87zM241.6 342.7l-.55 1.44-.54 1.45-.54 1.44-.52 1.44-.53 1.44-1.02 2.88-.5 1.43-.5 1.44-.96 2.86-.46 1.42-.46 1.43-.9 2.84-.43 1.4-.84 2.82-.4 1.4 2.86.68 2.88.66 1.45.32 1.46.32 1.46.3 1.47.3 1.47.3 2.97.58 1.5.28 3 .54 1.5.26 1.52.26 3.04.5 1.53.24 1.53.23 1.54.24-2.12-3.32-.53-.84-.52-.83-.53-.84-.52-.84-.53-.85-.52-.84-2.08-3.4-.5-.86-.52-.85-.5-.86-.52-.87-1.02-1.72-1.53-2.6-.5-.87-.5-.87-.5-.87-.5-.87-.48-.86-1.44-2.6-1.4-2.6-.46-.87-.46-.86-.46-.87-.45-.87-.46-.87-.9-1.74-.44-.87-.56 1.45-.56 1.44zm-26.9-69.35l-.55.18-.55.17-.55.18-.54.18-.55.18-.55.2-.54.18-.55.18-.54.18-.54.2-.54.18-.54.2-.53.2-.54.18-1.06.38-.54.2-.53.2-.52.2-.53.2-.52.2-.53.2-.52.2-.52.2-.52.2-.5.2-.52.2-1.53.6-.5.2-.5.2-1 .42-.5.2-.5.2-.98.42-2 .86-1.96.88-1.93.9-1.9.9-1.85.9-1.8.92-1.77.93-1.73.94-1.7.95-1.65.96-1.6.97-1.56.97-1.52.98-1.47 1-1.42 1-1.38 1-1.33 1-1.28 1-1.23 1-1.18 1-1.13 1-1.08 1-1.03 1-.98 1-.92 1-.87 1-.8 1-.76 1-.7 1-.65.98-.6.98-.52.98-.47.96-.4.96-.35.95-.28.95-.23.93-.16.92-.1.9-.03.9.03.9.1.9.16.92.23.93.28.94.35.95.4.96.47.97.52.97.6.98.65.98.7 1 .76 1 .8 1 .87 1 .92 1 .98 1 1.03 1 1.08 1 1.13 1 1.18 1 1.23 1 1.28 1 1.33 1 1.38 1 1.42 1 1.47 1 1.52.98 1.56.97 1.6.97 1.65.96 1.7.95 1.73.94 1.77.94 1.8.92 1.85.92 1.9.9 1.93.9 1.96.88 2 .87 2.5 1.05.5.2.5.2.5.2.5.2.52.2.5.2 1.56.6.53.2.52.2.53.2.53.2.53.2.53.2.53.2.54.2 2.7.95.55.18.55.2.54.18.55.2.56.18.55.2.55.18 3.36 1.08.33-1.12.32-1.1.34-1.12.33-1.12.35-1.12.34-1.13.36-1.12.35-1.13.37-1.13.36-1.13.38-1.14.38-1.13.38-1.14.4-1.14.4-1.15.4-1.14.4-1.15.4-1.15 1.26-3.45.43-1.16.44-1.16.44-1.15.44-1.17.45-1.16.46-1.16.92-2.34.47-1.17.96-2.34.48-1.18.5-1.17.5-1.18.5-1.18 1.02-2.36.52-1.2.52-1.18-.53-1.2-1.04-2.38-.5-1.2-.5-1.18-.5-1.2-.5-1.18-.5-1.18-.48-1.18-.48-1.17-.48-1.18-.94-2.34-.92-2.34-.45-1.17-.44-1.17-.88-2.32-.43-1.16-.42-1.16-.42-1.15-.42-1.16-.4-1.15-1.2-3.45-.38-1.14-.4-1.14-.38-1.14-.74-2.28-.72-2.26-.7-2.26-.35-1.12-.33-1.13-.34-1.12-.32-1.12-.56.18-.55.18zm208.6 1.8l-.34 1.12-.33 1.12-.35 1.12-.34 1.13-.36 1.12-.35 1.13-.37 1.13-.36 1.13-1.14 3.4-.4 1.15-.4 1.14-.4 1.14-.4 1.15-.4 1.15-1.26 3.45-.43 1.16-1.32 3.48-.45 1.16-.46 1.17-.46 1.16-.46 1.17-.47 1.17-.96 2.34-.48 1.18-.5 1.17-.5 1.18-.5 1.18-1.02 2.36-.52 1.2-.52 1.18.53 1.2 1.04 2.38.5 1.2.5 1.18.5 1.2.5 1.18.5 1.18.48 1.18.48 1.17.48 1.18.47 1.17.47 1.18.92 2.34.45 1.16.44 1.17.88 2.32.43 1.16.84 2.32.42 1.15.4 1.15 1.2 3.45.38 1.14.4 1.14.38 1.14.74 2.28.72 2.26 1.05 3.4.33 1.12.34 1.12.32 1.12.56-.18.55-.18.55-.17 1.1-.36.54-.18 1.1-.36.54-.2.55-.18.54-.18.54-.2.54-.18.54-.2.53-.18.54-.2 1.06-.38.54-.2.53-.2.52-.2.53-.2.52-.2.53-.2.52-.2 1.04-.4.5-.2.52-.2 1.02-.4.5-.2.5-.2.5-.2.5-.2.5-.2 1-.42.98-.42 2-.86 1.96-.88 1.93-.88 1.9-.9 1.85-.92 1.8-.92 1.77-.93 1.73-.94 1.7-.95 1.65-.96 1.6-.97 1.56-.97 1.52-.98 1.47-.98 1.42-1 1.38-1 1.33-1 1.28-1 1.24-1 1.18-1 1.13-1 1.1-1 1.03-1 .98-1 .92-1 .87-1 .82-1 .76-1 .7-1 .65-.98.6-.98.53-.98.48-.96.4-.96.35-.95.3-.94.23-.94.16-.92.1-.9.04-.9-.04-.9-.1-.9-.17-.92-.22-.93-.3-.94-.34-.95-.4-.96-.47-.97-.53-.97-.6-.98-.64-.98-.7-1-.76-1-.8-1-.87-1-.92-1-.98-1-1.03-1-1.08-1-1.13-1-1.2-1-1.23-1-1.28-1-1.33-1-1.37-1-1.43-1-1.47-1-1.5-.97-1.56-.98-1.6-.97-1.64-.95-1.7-.96-1.73-.94-1.77-.94-1.8-.92-1.85-.92-1.9-.9-1.93-.9-1.96-.88-2-.87-.5-.2-.5-.2-.5-.2-.5-.2-.5-.2-.5-.2-.52-.2-.5-.2-.52-.2-.52-.2-.5-.2-.53-.2-1.04-.4-1.06-.4-.52-.2-.53-.2-.54-.2-.53-.2-.54-.2-.53-.2-.54-.2-1.08-.38-.55-.2-.54-.18-.55-.2-.54-.2-.55-.18-.55-.2-.56-.18-.55-.2-.55-.18-2.8-.9-.56-.17-.33 1.1-.32 1.1zM260.45 262.9l-1.54.25-3.06.5-1.52.26-1.52.27-1.5.27-3 .56-2.98.58-1.48.3-1.47.3-1.47.3-1.46.3-1.46.32-1.44.32-2.88.66-1.42.33.4 1.42.43 1.4.43 1.42.44 1.43.45 1.43.46 1.43.47 1.43.47 1.44.98 2.88.5 1.45.5 1.44 1.04 2.9 1.08 2.9.55 1.46.56 1.45.56 1.46.57 1.45.6 1.46.44-.87.9-1.74.46-.87.45-.87.46-.87.46-.86.92-1.74 1.4-2.6.96-1.74.48-.86.48-.87.5-.87.48-.87.5-.87.5-.87.5-.87.5-.88.5-.87.5-.88 1.02-1.74.52-.87.5-.86.52-.87.52-.86.53-.86.52-.86.53-.85.52-.86 1.6-2.55.53-.84.53-.85 1.06-1.68.54-.83-3.1.46zm116.97 1.2l1.06 1.66.54.84.53.84.52.83.53.84.53.85.52.84.53.85 1.56 2.55.52.86 2.04 3.44.5.87.5.86 1.02 1.74.5.87.5.87.5.87.5.87.48.87.48.86.96 1.74 1.4 2.6.92 1.74.46.86.45.87.46.87.9 1.74.44.87.56-1.45.56-1.44.55-1.44.54-1.45.54-1.44.52-1.44.53-1.44 1.02-2.88.5-1.43.5-1.44.96-2.86.46-1.42.46-1.43.45-1.42.45-1.4.43-1.42.84-2.82.4-1.4-2.86-.68-2.88-.66-1.45-.32-2.92-.62-2.94-.6-1.48-.3-1.5-.3-1.5-.28-3-.54-1.5-.26-1.52-.26-3.04-.5-1.53-.24-1.53-.23-1.54-.23.53.82.53.83zm-133.75-93.7h-.26l-1.26.05-.25.02-.24.02-.25.02-.48.06-.23.03-.24.03-.23.03-.46.08-.22.04-.22.05-.22.04-.44.1-.84.24-.2.07-.2.06-.2.07-.2.08-.2.07-.38.16-.2.1-.72.36-.18.1-.17.1-.76.5-.73.54-.72.6-.7.66-.67.72-.64.78-.63.84-.6.9-.57.94-.55 1-.53 1.05-.5 1.1-.48 1.15-.45 1.2-.43 1.25-.4 1.3-.38 1.34-.35 1.4-.33 1.44-.3 1.48-.27 1.52-.26 1.57-.22 1.6-.2 1.65-.17 1.7-.15 1.72-.1 1.77-.1 1.8-.06 1.84-.03 1.87-.01 1.9.02 1.94.05 1.97.08 2 .1 2.03.14 2.06.16 2.1.2 2.1.22 2.14.25 2.17.2 1.6.08.54.07.53.16 1.08.08.53.16 1.08.08.55.18 1.08.08.55.1.54.1.55.1.55.1.55.2 1.1.1.55.1.55.1.56.1.55.1.56.1.56.1.55.1.56.12.56.1.56.1.57.24 1.12.12.57.12.56.12.57.13.56.4 1.7 1.12-.28 1.12-.27 1.13-.27 1.14-.27 3.43-.78 3.48-.75 3.52-.72 1.18-.23 2.38-.46 2.4-.44 2.4-.42 1.22-.2 4.9-.8 1.24-.2 4.98-.72 2.5-.34 3.8-.48 3.83-.45 1.3-.14 1.28-.14 1.52-2.1.77-1.04.76-1.04 1.54-2.06.77-1.02 1.54-2.02.78-1 .77-1 2.34-2.97.78-.98.8-.97.78-.97.8-.96.78-.96 1.58-1.9.8-.94 2.37-2.8 1.6-1.83 1.6-1.8.8-.9.8-.9 1.6-1.77 2.4-2.6 1.6-1.7 1.6-1.68-1.86-1.7-1.85-1.66-1.84-1.62-1.84-1.58-1.82-1.54-1.82-1.5-1.82-1.46-1.8-1.4-1.8-1.38-1.78-1.34-1.77-1.3-1.76-1.26-1.74-1.2-1.74-1.18-1.72-1.13-1.7-1.1-1.7-1.05-1.68-1-1.66-.97-1.64-.92-1.63-.87-1.6-.84-1.6-.8-1.57-.75-1.55-.7-1.53-.66-1.52-.62-1.5-.57-1.47-.53-1.45-.48-1.42-.44-1.4-.4-1.38-.35-1.35-.3-1.33-.25-1.3-.2-1.28-.17-1.25-.1-1.22-.08-1.2-.02v.08h-.26zm150.95-.36l-1.23.07-1.25.12-1.28.16-1.3.2-1.33.26-1.36.3-1.38.35-1.4.4-1.42.44-1.45.48-1.47.54-1.5.57-1.5.62-1.53.66-1.55.7-1.57.76-1.6.8-1.6.84-1.63.9-1.64.92-1.66.97-1.67 1-1.7 1.06-1.7 1.1-1.72 1.14-1.73 1.18-1.74 1.22-1.76 1.27-1.77 1.3-1.78 1.35-1.8 1.4-1.8 1.43-1.8 1.47-1.82 1.5-1.82 1.54-1.84 1.6-1.84 1.63-1.85 1.67-1.86 1.7.8.84 2.4 2.56.8.86.8.88.8.87.8.88.8.9 2.4 2.7.8.9.8.92 1.6 1.85.8.93.8.94.8.94.8.95 2.37 2.88.8.97.8.98.78.98 1.58 1.98 2.35 3 .78 1 .78 1.02.77 1.02 1.56 2.06 2.32 3.13.77 1.05 2.56.28 3.8.45 1.27.16 1.26.16 1.25.16 1.26.17 1.25.17 1.25.18 1.24.17 1.24.2 1.24.18 2.46.38 3.66.6 3.62.63 2.4.44 1.2.22 1.18.23 1.2.23 1.17.23 2.35.48 1.16.24 1.16.25 2.3.5 1.15.26 1.14.26 2.26.52 1.13.27 1.12.28.12-.58.13-.58.24-1.14.12-.58.24-1.14.1-.57.12-.57.22-1.14.12-.57.1-.56.22-1.14.1-.56.1-.56.1-.57.3-1.68.1-.56.1-.55.27-1.67.1-.55.1-.56.4-2.74.07-.54.08-.55.2-1.62.06-.54.07-.53.24-2.17.22-2.14.2-2.1.16-2.1.13-2.06.1-2.03.07-2 .04-1.97.02-1.94-.02-1.9-.04-1.87-.07-1.84-.1-1.8-.13-1.76-.15-1.73-.17-1.7-.2-1.65-.23-1.6-.26-1.57-.28-1.52-.3-1.48-.33-1.44-.37-1.4-.38-1.35-.4-1.3-.44-1.25-.46-1.2-.48-1.15-.5-1.1-.54-1.05-.56-1-.58-.94-.6-.88-.63-.83-.65-.78-.68-.7-.7-.66-.72-.6-.75-.53-.76-.48-.18-.1-.54-.27-.2-.1-.18-.08-.57-.24-.2-.07-.2-.08-.2-.07-.2-.06-.2-.07-.2-.06-.2-.06-.42-.12-.2-.05-.22-.05-.2-.05-.22-.05-.22-.04-.23-.04-.22-.04-.23-.04-.7-.1-.24-.03-.24-.02-.24-.03-.24-.01-.25-.02h-.25l-.25-.02-.25-.01h-.26l-.26-.01h-.26v-.07h.08V153.1h-.08v16.88l-1.12.02zm-76.82 49.75l-1 1.07-1 1.08-1 1.1-1 1.1-1 1.1-1 1.13-1 1.14-1 1.15-1 1.16-1 1.17-2 2.37-1 1.2-1 1.2-1.98 2.46-.98 1.25-1 1.25-.98 1.27 1-.06 1-.05 1-.04 1-.05 1-.04 1-.03 1-.04 3-.1 1-.02 1-.03 1-.01 2.02-.04 3.05-.03h2.04l1.02-.01 1 .01h1l3 .03 5 .1 3.97.12 1 .04 1 .03 1 .04 2.94.12.98.05-1-1.27-2-2.5-2-2.46-2-2.4-1-1.2-1-1.18-1-1.17-1-1.16-2-2.3-1-1.13-2.02-2.22-1-1.1-1-1.08-1-1.07-1-1.06-1-1.05-1 1.05-1 1.06z",id:"a",key:0}),r.createElement("path",{d:"M319.96 284.4c-19.18 0-34.74 15.55-34.74 34.74 0 19.18 15.56 34.74 34.74 34.74 19.2 0 34.74-15.56 34.74-34.74 0-19.2-15.55-34.74-34.74-34.74z",id:"b",key:1})]),r.createElement("use",{xlinkHref:"#a",fill:"#61dafb",key:1}),r.createElement("use",{xlinkHref:"#a",fillOpacity:"0",stroke:"#000",strokeOpacity:"0",key:2}),r.createElement("use",{xlinkHref:"#b",fill:"#61dafb",key:3}),r.createElement("use",{xlinkHref:"#b",fillOpacity:"0",stroke:"#000",strokeOpacity:"0",key:4}),r.createElement("use",{xlinkHref:"#C",fill:"#61dafb",key:5}),r.createElement("use",{xlinkHref:"#C",fillOpacity:"0",stroke:"#000",strokeOpacity:"0",key:6})])}o.defaultProps={viewBox:"132.565 152.025 376.947 336.125",width:"373",height:"333"},e.exports=o,o.default=o},4450:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",strokeWidth:"2",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}o.defaultProps={viewBox:"0 0 20 20"},e.exports=o,o.default=o},7091:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,[r.createElement("path",{d:"M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z",fill:"#76b3e1",key:0}),r.createElement("linearGradient",{id:"a",gradientUnits:"userSpaceOnUse",x1:"27.5",y1:"3",x2:"152",y2:"63.5",key:1},[r.createElement("stop",{offset:".1",stopColor:"#76b3e1",key:0}),r.createElement("stop",{offset:".3",stopColor:"#dcf2fd",key:1}),r.createElement("stop",{offset:"1",stopColor:"#76b3e1",key:2})]),r.createElement("path",{d:"M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z",opacity:".3",fill:"url(#a)",key:2}),r.createElement("path",{d:"M52 35l-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z",fill:"#518ac8",key:3}),r.createElement("linearGradient",{id:"b",gradientUnits:"userSpaceOnUse",x1:"95.8",y1:"32.6",x2:"74",y2:"105.2",key:4},[r.createElement("stop",{offset:"0",stopColor:"#76b3e1",key:0}),r.createElement("stop",{offset:".5",stopColor:"#4377bb",key:1}),r.createElement("stop",{offset:"1",stopColor:"#1f3b77",key:2})]),r.createElement("path",{d:"M52 35l-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z",opacity:".3",fill:"url(#b)",key:5}),r.createElement("linearGradient",{id:"c",gradientUnits:"userSpaceOnUse",x1:"18.4",y1:"64.2",x2:"144.3",y2:"149.8",key:6},[r.createElement("stop",{offset:"0",stopColor:"#315aa9",key:0}),r.createElement("stop",{offset:".5",stopColor:"#518ac8",key:1}),r.createElement("stop",{offset:"1",stopColor:"#315aa9",key:2})]),r.createElement("path",{d:"M134 80a45 45 0 00-48-15L24 85 4 120l112 19 20-36c4-7 3-15-2-23z",fill:"url(#c)",key:7}),r.createElement("linearGradient",{id:"d",gradientUnits:"userSpaceOnUse",x1:"75.2",y1:"74.5",x2:"24.4",y2:"260.8",key:8},[r.createElement("stop",{offset:"0",stopColor:"#4377bb",key:0}),r.createElement("stop",{offset:".5",stopColor:"#1a336b",key:1}),r.createElement("stop",{offset:"1",stopColor:"#1a336b",key:2})]),r.createElement("path",{d:"M114 115a45 45 0 00-48-15L4 120s53 40 94 30l3-1c17-5 23-21 13-34z",fill:"url(#d)",key:9})])}o.defaultProps={viewBox:"0 0 166 155.3"},e.exports=o,o.default=o},6477:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{d:"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm0-10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z",fill:"currentColor"}))}o.defaultProps={viewBox:"0 0 24 24"},e.exports=o,o.default=o},7705:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,[r.createElement("style",{key:0},".st0{fill:#007acc}.st1{fill:#fff}"),r.createElement("path",{className:"st0",d:"M0 200V0h400v400H0",key:1}),r.createElement("path",{className:"st1",d:"M87.7 200.7V217h52v148h36.9V217h52v-16c0-9 0-16.3-.4-16.5 0-.3-31.7-.4-70.2-.4l-70 .3v16.4l-.3-.1zM321.4 184c10.2 2.4 18 7 25 14.3 3.7 4 9.2 11 9.6 12.8 0 .6-17.3 12.3-27.8 18.8-.4.3-2-1.4-3.6-4-5.2-7.4-10.5-10.6-18.8-11.2-12-.8-20 5.5-20 16 0 3.2.6 5 1.8 7.6 2.7 5.5 7.7 8.8 23.2 15.6 28.6 12.3 41 20.4 48.5 32 8.5 13 10.4 33.4 4.7 48.7-6.4 16.7-22 28-44.3 31.7-7 1.2-23 1-30.5-.3-16-3-31.3-11-40.7-21.3-3.7-4-10.8-14.7-10.4-15.4l3.8-2.4 15-8.7 11.3-6.6 2.6 3.5c3.3 5.2 10.7 12.2 15 14.6 13 6.7 30.4 5.8 39-2 3.7-3.4 5.3-7 5.3-12 0-4.6-.7-6.7-3-10.2-3.2-4.4-9.6-8-27.6-16-20.7-8.8-29.5-14.4-37.7-23-4.7-5.2-9-13.3-11-20-1.5-5.8-2-20-.6-25.7 4.3-20 19.4-34 41-38 7-1.4 23.5-.8 30.4 1l-.2.2z",key:2})])}o.defaultProps={id:"Layer_1",viewBox:"0 0 400 400",width:"2500",height:"2500"},e.exports=o,o.default=o},8334:function(e,t,n){var r=n(2784);function o(e){return r.createElement("svg",e,r.createElement("path",{fill:"currentColor",d:"M538.5 386.199 356.5 70.8a91.803 91.803 0 0 0-79.501-45.9c-32.8 0-63.1 17.5-79.5 45.9L12.3 391.6a91.793 91.793 0 0 0 0 91.8c16.4 28.4 46.7 45.9 79.5 45.9H462.4c50.7 0 91.8-41.101 91.8-91.8 0-19-5.8-36.7-15.7-51.301zm-222.2 30.7c0 21.7-16.7 38.3-39.2 38.3s-39.2-16.6-39.2-38.3V416c0-21.601 16.7-38.301 39.2-38.301S316.3 394.3 316.3 416v.899zm.9-258.199-19.4 169.4c-1.3 12.2-9.4 19.8-20.7 19.8s-19.4-7.7-20.7-19.8L237 158.6c-1.3-13.1 5.801-23 18-23h44.1c12.2.1 19.4 10 18.1 23.1z"}))}o.defaultProps={viewBox:"0 0 554.2 554.199",xmlSpace:"preserve"},e.exports=o,o.default=o},5712:function(e,t,n){"use strict";n.r(t),n.d(t,{focusable:function(){return E},isFocusable:function(){return w},isTabbable:function(){return S},tabbable:function(){return y}});var r=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],o=r.join(","),a="undefined"==typeof Element,i=a?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,c=!a&&Element.prototype.getRootNode?function(e){return e.getRootNode()}:function(e){return e.ownerDocument},s=function(e,t,n){var r=Array.prototype.slice.apply(e.querySelectorAll(o));return t&&i.call(e,o)&&r.unshift(e),r=r.filter(n)},l=function e(t,n,r){for(var a=[],c=Array.from(t);c.length;){var s=c.shift();if("SLOT"===s.tagName){var l=s.assignedElements(),u=e(l.length?l:s.children,!0,r);r.flatten?a.push.apply(a,u):a.push({scope:s,candidates:u})}else{i.call(s,o)&&r.filter(s)&&(n||!t.includes(s))&&a.push(s);var d=s.shadowRoot||"function"==typeof r.getShadowRoot&&r.getShadowRoot(s),p=!r.shadowRootFilter||r.shadowRootFilter(s);if(d&&p){var f=e(!0===d?s.children:d.children,!0,r);r.flatten?a.push.apply(a,f):a.push({scope:s,candidates:f})}else c.unshift.apply(c,s.children)}}return a},u=function(e,t){return e.tabIndex<0&&(t||/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||e.isContentEditable)&&isNaN(parseInt(e.getAttribute("tabindex"),10))?0:e.tabIndex},d=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},p=function(e){return"INPUT"===e.tagName},f=function(e){return function(e){return p(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t,n=e.form||c(e),r=function(e){return n.querySelectorAll('input[type="radio"][name="'+e+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=r(window.CSS.escape(e.name));else try{t=r(e.name)}catch(a){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",a.message),!1}var o=function(e,t){for(var n=0;nsummary:first-of-type")?e.parentElement:e;if(i.call(o,"details:not([open]) *"))return!0;var a=c(e).host,s=(null==a?void 0:a.ownerDocument.contains(a))||e.ownerDocument.contains(e);if(n&&"full"!==n){if("non-zero-area"===n)return h(e)}else{if("function"==typeof r){for(var l=e;e;){var u=e.parentElement,d=c(e);if(u&&!u.shadowRoot&&!0===r(u))return h(e);e=e.assignedSlot?e.assignedSlot:u||d===e.ownerDocument?u:d.host}e=l}if(s)return!e.getClientRects().length}return!1}(t,e)||function(e){return"DETAILS"===e.tagName&&Array.prototype.slice.apply(e.children).some((function(e){return"SUMMARY"===e.tagName}))}(t)||function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var n=0;n=0)},b=function e(t){var n=[],r=[];return t.forEach((function(t,o){var a=!!t.scope,i=a?t.scope:t,c=u(i,a),s=a?e(t.candidates):i;0===c?a?n.push.apply(n,s):n.push(i):r.push({documentOrder:o,tabIndex:c,item:t,isScope:a,content:s})})),r.sort(d).reduce((function(e,t){return t.isScope?e.push.apply(e,t.content):e.push(t.content),e}),[]).concat(n)},y=function(e,t){var n;return n=(t=t||{}).getShadowRoot?l([e],t.includeContainer,{filter:v.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:g}):s(e,t.includeContainer,v.bind(null,t)),b(n)},E=function(e,t){return(t=t||{}).getShadowRoot?l([e],t.includeContainer,{filter:m.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):s(e,t.includeContainer,m.bind(null,t))},S=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return!1!==i.call(e,o)&&v(t,e)},O=r.concat("iframe").join(","),w=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return!1!==i.call(e,O)&&m(t,e)}},5297:function(e){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.__esModule=!0,e.exports.default=e.exports},6531:function(e,t,n){var r=n(8560);e.exports=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)},e.exports.__esModule=!0,e.exports.default=e.exports},1600:function(e){e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},8560:function(e){function t(n,r){return e.exports=t=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},e.exports.__esModule=!0,e.exports.default=e.exports,t(n,r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},8072:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.SCRIPT_TYPE="text/partytown",t.partytownSnippet=e=>((e,t)=>{const{forward:n=[],...r}=e||{},o=JSON.stringify(r,((e,t)=>("function"==typeof t&&(t=String(t)).startsWith(e+"(")&&(t="function "+t),t)));return["!(function(w,p,f,c){",Object.keys(r).length>0?`c=w[p]=Object.assign(w[p]||{},${o});`:"c=w[p]=w[p]||{};","c[f]=(c[f]||[])",n.length>0?`.concat(${JSON.stringify(n)})`:"","})(window,'partytown','forward');",t].join("")})(e,'/* Partytown 0.7.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,"/"==(a=(o.lib||"/~partytown/")+(o.debug?"debug/":""))[0]&&(s=e.querySelectorAll(\'script[type="text/partytown"]\'),i!=t?i.dispatchEvent(new CustomEvent("pt1",{detail:t})):(d=setTimeout(f,1e4),e.addEventListener("pt0",w),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||"partytown-sw.js"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener("statechange",(function(t){"activated"==t.target.state&&h()}))}),console.error):f())))}function h(t){c=e.createElement(t?"script":"iframe"),t||(c.setAttribute("style","display:block;width:0;height:0;border:0;visibility:hidden"),c.setAttribute("aria-hidden",!0)),c.src=a+"partytown-"+(t?"atomics.js?v=0.7.5":"sandbox-sw.html?"+Date.now()),e.body.appendChild(c)}function f(n,r){for(w(),i==t&&(o.forward||[]).map((function(e){delete t[e.split(".")[0]]})),n=0;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(o[n]=e[n]);return o}const l=e=>{const{search:t,hash:n,href:r,origin:o,protocol:a,host:i,hostname:c,port:s}=e.location;let{pathname:l}=e.location;return!l&&r&&p&&(l=new URL(r).pathname),{pathname:encodeURI(decodeURI(l)),search:t,hash:n,href:r,origin:o,protocol:a,host:i,hostname:c,port:s,state:e.history.state,key:e.history.state&&e.history.state.key||"initial"}},u=(e,t)=>{let n=[],r=l(e),o=!1,a=()=>{};return{get location(){return r},get transitioning(){return o},_onTransitionComplete(){o=!1,a()},listen(t){n.push(t);const o=()=>{r=l(e),t({location:r,action:"POP"})};return e.addEventListener("popstate",o),()=>{e.removeEventListener("popstate",o),n=n.filter((e=>e!==t))}},navigate(t,{state:i,replace:s=!1}={}){if("number"==typeof t)e.history.go(t);else{i=c({},i,{key:Date.now()+""});try{o||s?e.history.replaceState(i,null,t):e.history.pushState(i,null,t)}catch(n){e.location[s?"replace":"assign"](t)}}r=l(e),o=!0;const u=new Promise((e=>a=e));return n.forEach((e=>e({location:r,action:"PUSH"}))),u}}},d=(e="/")=>{const t=e.indexOf("?"),n={pathname:t>-1?e.substr(0,t):e,search:t>-1?e.substr(t):""};let r=0;const o=[n],a=[null];return{get location(){return o[r]},addEventListener(e,t){},removeEventListener(e,t){},history:{get entries(){return o},get index(){return r},get state(){return a[r]},pushState(e,t,n){const[i,c=""]=n.split("?");r++,o.push({pathname:i,search:c.length?`?${c}`:c}),a.push(e)},replaceState(e,t,n){const[i,c=""]=n.split("?");o[r]={pathname:i,search:c},a[r]=e},go(e){const t=r+e;t<0||t>a.length-1||(r=t)}}}},p=!("undefined"==typeof window||!window.document||!window.document.createElement),f=u(p?window:d()),{navigate:h}=f;function m(e,t){return o.createServerContext?((e,t=null)=>(globalThis.__SERVER_CONTEXT||(globalThis.__SERVER_CONTEXT={}),globalThis.__SERVER_CONTEXT[e]||(globalThis.__SERVER_CONTEXT[e]=o.createServerContext(e,t)),globalThis.__SERVER_CONTEXT[e]))(e,t):o.createContext(t)}const v=m("Base",{baseuri:"/",basepath:"/"}),g=m("Location"),b=()=>o.useContext(v),y=()=>o.useContext(g);function E(e){this.uri=e}const S=e=>e instanceof E,O=e=>{throw new E(e)};function w(e){const{to:t,replace:n=!0,state:r,noThrow:a,baseuri:i}=e;o.useEffect((()=>{Promise.resolve().then((()=>{const o=D(t,i);h(I(o,e),{replace:n,state:r})}))}),[]);const c=D(t,i);return a||O(I(c,e)),null}const T=e=>{const t=y(),{baseuri:n}=b();return o.createElement(w,c({},t,{baseuri:n},e))};T.propTypes={from:a.string,to:a.string.isRequired};const C=(e,t)=>e.substr(0,t.length)===t,k=(e,t)=>{let n,r;const[o]=t.split("?"),a=L(o),c=""===a[0],s=j(e);for(let l=0,u=s.length;l dynamic segment "${r[1]}" is a reserved name. Please use a different name in path "${o.path}".`);const t=decodeURIComponent(n);d[r[1]]=t}else if(t!==n){e=!0;break}}if(!e){n={route:o,params:d,uri:"/"+a.slice(0,f).join("/")};break}}return n||r||null},_=(e,t)=>k([{path:e}],t),D=(e,t)=>{if(C(e,"/"))return e;const[n,r]=e.split("?"),[o]=t.split("?"),a=L(n),i=L(o);if(""===a[0])return M(o,r);if(!C(a[0],".")){const e=i.concat(a).join("/");return M(("/"===o?"":"/")+e,r)}const c=i.concat(a),s=[];for(let l=0,u=c.length;l{const[n,r=""]=e.split("?");let o="/"+L(n).map((e=>{const n=N.exec(e);return n?t[n[1]]:e})).join("/");const{location:{search:a=""}={}}=t,i=a.split("?")[1]||"";return o=M(o,r,i),o},x=(e,t)=>{const n=e=>A(e);return L(e).filter(n).sort().join("/")===L(t).filter(n).sort().join("/")},N=/^:(.+)/,A=e=>N.test(e),P=e=>e&&"*"===e[0],R=(e,t)=>({route:e,score:e.default?0:L(e.path).reduce(((e,t)=>(e+=4,(e=>""===e)(t)?e+=1:A(t)?e+=2:P(t)?e-=5:e+=3,e)),0),index:t}),j=e=>e.map(R).sort(((e,t)=>e.scoret.score?-1:e.index-t.index)),L=e=>e.replace(/(^\/+|\/+$)/g,"").split("/"),M=(e,...t)=>e+((t=t.filter((e=>e&&e.length>0)))&&t.length>0?`?${t.join("&")}`:""),H=["uri","path"],B=(e,t)=>{const n=Object.keys(e);return n.length===Object.keys(t).length&&n.every((n=>t.hasOwnProperty(n)&&e[n]===t[n]))},U=e=>e.replace(/(^\/+|\/+$)/g,""),F=e=>t=>{if(!t)return null;if(t.type===o.Fragment&&t.props.children)return o.Children.map(t.props.children,F(e));if(i(t.props.path||t.props.default||t.type===T,`: Children of must have a \`path\` or \`default\` prop, or be a \`\`. None found on element type \`${t.type}\``),i(!!(t.type!==T||t.props.from&&t.props.to),` requires both "from" and "to" props when inside a .`),i(!(t.type===T&&!x(t.props.from,t.props.to)),` has mismatched dynamic segments, ensure both paths have the exact same dynamic segments.`),t.props.default)return{value:t,default:!0};const n=t.type===T?t.props.from:t.props.path,r="/"===n?e:`${U(e)}/${U(n)}`;return{value:t,default:t.props.default,path:t.props.children?`${U(r)}/*`:r}},z=["innerRef"],G=["to","state","replace","getProps"],V=["key"];let{forwardRef:W}=r||(r=n.t(o,2));void 0===W&&(W=e=>e);const $=()=>{},q=W(((e,t)=>{let{innerRef:n}=e,r=s(e,z);const{baseuri:a}=b(),{location:i}=y(),{to:l,state:u,replace:d,getProps:p=$}=r,f=s(r,G),m=D(l,a),v=encodeURI(m),g=i.pathname===v,E=C(i.pathname,v);return o.createElement("a",c({ref:t||n,"aria-current":g?"page":void 0},f,p({isCurrent:g,isPartiallyCurrent:E,href:m,location:i}),{href:m,onClick:e=>{if(f.onClick&&f.onClick(e),(e=>!e.defaultPrevented&&0===e.button&&!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey))(e)){e.preventDefault();let t=d;if("boolean"!=typeof d&&g){const e=s(c({},i.state),V);t=B(c({},u),e)}h(m,{state:u,replace:t})}}}))}));q.displayName="Link",q.propTypes={to:a.string.isRequired};class X extends o.Component{constructor(...e){super(...e),this.displayName="ReactUseErrorBoundary"}componentDidCatch(...e){this.setState({}),this.props.onError(...e)}render(){return this.props.children}}const K=o.createContext({componentDidCatch:{current:void 0},error:void 0,setError:()=>!1});function Y({children:e}){const[t,n]=o.useState(),r=o.useRef(),a=o.useMemo((()=>({componentDidCatch:r,error:t,setError:n})),[t]);return o.createElement(K.Provider,{value:a},o.createElement(X,{error:t,onError:(e,t)=>{n(e),null==r.current||r.current(e,t)}},e))}Y.displayName="ReactUseErrorBoundaryContext";const J=function(e){var t,n;function r(t){return o.createElement(Y,null,o.createElement(e,c({key:"WrappedComponent"},t)))}return r.displayName=`WithErrorBoundary(${null!=(t=null!=(n=e.displayName)?n:e.name)?t:"Component"})`,r}((({history:e=f,children:t})=>{const{location:n}=e,[r,a]=o.useState({location:n}),[i]=function(e){const t=o.useContext(K);t.componentDidCatch.current=void 0;const n=o.useCallback((()=>{t.setError(void 0)}),[]);return[t.error,n]}();if(o.useEffect((()=>{e._onTransitionComplete()}),[r.location]),o.useEffect((()=>{let t=!1;const n=e.listen((({location:e})=>{Promise.resolve().then((()=>{requestAnimationFrame((()=>{t||a({location:e})}))}))}));return()=>{t=!0,n()}}),[]),i){if(!S(i))throw i;h(i.uri,{replace:!0})}return o.createElement(g.Provider,{value:r},"function"==typeof t?t(r):t||null)})),Q=({children:e})=>{const t=y();return t?e(t):o.createElement(J,null,e)},Z=({url:e,children:t})=>{const n=e.indexOf("?");let r,a="";return n>-1?(r=e.substring(0,n),a=e.substring(n)):r=e,o.createElement(g.Provider,{value:{location:{pathname:r,search:a,hash:""}}},t)},ee=({path:e,children:t})=>{const{baseuri:n}=b(),{location:r}=y(),o=D(e,n),a=_(o,r.pathname);return t({location:r,match:a?c({},a.params,{uri:a.uri,path:e}):null})},te=["uri","location","component"],ne=["children","style","component","uri","location"],re=e=>{let{uri:t,location:n,component:r}=e,a=s(e,te);return o.createElement(ae,c({},a,{component:r,uri:t,location:n}))};let oe=0;const ae=e=>{let{children:t,style:n,component:r="div",uri:a,location:i}=e,l=s(e,ne);const u=o.useRef(),d=o.useRef(!0),p=o.useRef(a),f=o.useRef(i.pathname),h=o.useRef(!1);o.useEffect((()=>(oe++,m(),()=>{oe--,0===oe&&(d.current=!0)})),[]),o.useEffect((()=>{let e=!1,t=!1;a!==p.current&&(p.current=a,e=!0),i.pathname!==f.current&&(f.current=i.pathname,t=!0),h.current=e||t&&i.pathname===a,h.current&&m()}),[a,i]);const m=o.useCallback((()=>{var e;d.current?d.current=!1:(e=u.current,h.current&&e&&e.focus())}),[]);return o.createElement(r,c({style:c({outline:"none"},n),tabIndex:"-1",ref:u},l),t)},ie=["location","primary","children","basepath","baseuri","component"],ce=e=>{const t=b(),n=y();return o.createElement(se,c({},t,n,e))};function se(e){const{location:t,primary:n=!0,children:r,basepath:a,component:i="div"}=e,l=s(e,ie),u=o.Children.toArray(r).reduce(((e,t)=>{const n=F(a)(t);return e.concat(n)}),[]),{pathname:d}=t,p=k(u,d);if(p){const{params:e,uri:r,route:s,route:{value:u}}=p,d=s.default?a:s.path.replace(/\*$/,""),f=c({},e,{uri:r,location:t}),h=o.cloneElement(u,f,u.props.children?o.createElement(ce,{location:t,primary:n},u.props.children):void 0),m=n?re:i,g=n?c({uri:r,location:t,component:i},l):l;return o.createElement(v.Provider,{value:{baseuri:r,basepath:d}},o.createElement(m,g,h))}return null}const le=()=>{const e=y();if(!e)throw new Error("useLocation hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router");return e.location},ue=()=>{throw new Error("useNavigate is removed. Use import { navigate } from 'gatsby' instead")},de=()=>{const e=b();if(!e)throw new Error("useParams hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router");const t=le(),n=_(e.basepath,t.pathname);return n?n.params:null},pe=e=>{if(!e)throw new Error("useMatch(path: string) requires an argument of a string to match against");const t=b();if(!t)throw new Error("useMatch hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router");const n=le(),r=D(e,t.baseuri),o=_(r,n.pathname);return o?c({},o.params,{uri:o.uri,path:e}):null}},2467:function(e,t,n){"use strict";n.d(t,{c4:function(){return S},cP:function(){return s},dq:function(){return d},mc:function(){return v},rU:function(){return E}});var r=n(3980),o=n(2784),a=n(5619),i=n(5516);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t{if("string"==typeof e)return!(e=>l.test(e))(e)};function d(e,t=""){var n;if(!u(e))return e;if(e.startsWith("./")||e.startsWith("../"))return e;const r=null!=(n=null!=t?t:"")?n:"/";return`${null!=r&&r.endsWith("/")?r.slice(0,-1):r}${e.startsWith("/")?e:`/${e}`}`}const p=e=>null==e?void 0:e.startsWith("/");function f(e,t){const{pathname:n,search:r,hash:o}=s(e);return`${(0,i.H)(n,t)}${r}${o}`}const h=(e,t)=>"number"==typeof e?e:u(e)?p(e)?function(e){const t=d(e),n="always";return f(t,n)}(e):function(e,t){if(p(e))return e;const n="always",r=(0,a.resolve)(e,t);return f(r,n)}(e,t):e,m=["to","getProps","onClick","onMouseEnter","activeClassName","activeStyle","innerRef","partiallyActive","state","replace","_location"];function v(e){return d(e,"")}const g={activeClassName:r.string,activeStyle:r.object,partiallyActive:r.bool};function b(e){return o.createElement(a.Location,null,(({location:t})=>o.createElement(y,c({},e,{_location:t}))))}class y extends o.Component{constructor(e){super(e),this.defaultGetProps=({isPartiallyCurrent:e,isCurrent:t})=>(this.props.partiallyActive?e:t)?{className:[this.props.className,this.props.activeClassName].filter(Boolean).join(" "),style:c({},this.props.style,this.props.activeStyle)}:null;let t=!1;"undefined"!=typeof window&&window.IntersectionObserver&&(t=!0),this.state={IOSupported:t},this.abortPrefetch=null,this.handleRef=this.handleRef.bind(this)}_prefetch(){let e=window.location.pathname+window.location.search;this.props._location&&this.props._location.pathname&&(e=this.props._location.pathname+this.props._location.search);const t=s(h(this.props.to,e)),n=t.pathname+t.search;if(e!==n)return ___loader.enqueue(n)}componentWillUnmount(){if(!this.io)return;const{instance:e,el:t}=this.io;this.abortPrefetch&&this.abortPrefetch.abort(),e.unobserve(t),e.disconnect()}handleRef(e){this.props.innerRef&&Object.prototype.hasOwnProperty.call(this.props.innerRef,"current")?this.props.innerRef.current=e:this.props.innerRef&&this.props.innerRef(e),this.state.IOSupported&&e&&(this.io=((e,t)=>{const n=new window.IntersectionObserver((n=>{n.forEach((n=>{e===n.target&&t(n.isIntersecting||n.intersectionRatio>0)}))}));return n.observe(e),{instance:n,el:e}})(e,(e=>{e?this.abortPrefetch=this._prefetch():this.abortPrefetch&&this.abortPrefetch.abort()})))}render(){const e=this.props,{to:t,getProps:n=this.defaultGetProps,onClick:r,onMouseEnter:i,state:l,replace:d,_location:p}=e,f=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,m),v=h(t,p.pathname);return u(v)?o.createElement(a.Link,c({to:v,state:l,getProps:n,innerRef:this.handleRef,onMouseEnter:e=>{i&&i(e);const t=s(v);___loader.hovering(t.pathname+t.search)},onClick:e=>{if(r&&r(e),!(0!==e.button||this.props.target||e.defaultPrevented||e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)){e.preventDefault();let t=d;const n=encodeURI(v)===p.pathname;"boolean"!=typeof d&&n&&(t=!0),window.___navigate(v,{state:l,replace:t})}return!0}},f)):o.createElement("a",c({href:v},f))}}y.propTypes=c({},g,{onClick:r.func,to:r.string.isRequired,replace:r.bool,state:r.object});const E=o.forwardRef(((e,t)=>o.createElement(b,c({innerRef:t},e)))),S=(e,t)=>{window.___navigate(h(e,window.location.pathname),t)}},6291:function(e,t,n){"use strict";n.r(t),n.d(t,{Script:function(){return h},ScriptStrategy:function(){return l},collectedScriptsByPage:function(){return c},scriptCache:function(){return p},scriptCallbackCache:function(){return f}});var r=n(2784),o=n(5619);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.get(e)||[],set(e,t){const n=i.get(e)||[];n.push(t),i.set(e,n)},delete(e){i.delete(e)}},s="undefined"!=typeof self&&self.requestIdleCallback&&self.requestIdleCallback.bind(window)||function(e){const t=Date.now();return setTimeout((function(){e({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-t))}})}),1)};var l,u;(u=l||(l={})).postHydrate="post-hydrate",u.idle="idle",u.offMainThread="off-main-thread";const d=new Set(["src","strategy","dangerouslySetInnerHTML","children","onLoad","onError"]),p=new Set,f=new Map;function h(e){return r.createElement(o.Location,null,(()=>r.createElement(m,e)))}function m(e){const{src:t,strategy:n=l.postHydrate}=e||{},{pathname:i}=(0,o.useLocation)();if((0,r.useEffect)((()=>{let t;switch(n){case l.postHydrate:t=v(e);break;case l.idle:s((()=>{t=v(e)}));break;case l.offMainThread:{const t=b(e);c.set(i,t)}}return()=>{const{script:e,loadCallback:n,errorCallback:r}=t||{};n&&(null==e||e.removeEventListener("load",n)),r&&(null==e||e.removeEventListener("error",r)),null==e||e.remove()}}),[]),n===l.offMainThread){const o=g(e),s=b(e);return"undefined"==typeof window&&c.set(i,s),r.createElement("script",o?a({type:"text/partytown","data-strategy":n,crossOrigin:"anonymous"},s,{dangerouslySetInnerHTML:{__html:g(e)}}):a({type:"text/partytown",src:y(t),"data-strategy":n,crossOrigin:"anonymous"},s))}return null}function v(e){const{id:t,src:n,strategy:r=l.postHydrate,onLoad:o,onError:i}=e||{},c=t||n,s=["load","error"],u={load:o,error:i};if(c){for(const e of s)if(null!=u&&u[e]){var d;const t=f.get(c)||{},{callbacks:n=[]}=(null==t?void 0:t[e])||{};var h,m;n.push(null==u?void 0:u[e]),null!=t&&null!=(d=t[e])&&d.event?null==u||null==(h=u[e])||h.call(u,null==t||null==(m=t[e])?void 0:m.event):f.set(c,a({},t,{[e]:{callbacks:n}}))}if(p.has(c))return null}const v=g(e),y=b(e),S=document.createElement("script");t&&(S.id=t),S.dataset.strategy=r;for(const[a,l]of Object.entries(y))S.setAttribute(a,l);v&&(S.textContent=v),n&&(S.src=n);const O={};if(c){for(const e of s){const t=t=>E(t,c,e);S.addEventListener(e,t),O[`${e}Callback`]=t}p.add(c)}return document.body.appendChild(S),{script:S,loadCallback:O.loadCallback,errorCallback:O.errorCallback}}function g(e){const{dangerouslySetInnerHTML:t,children:n=""}=e||{},{__html:r=""}=t||{};return r||n}function b(e){const t={};for(const[n,r]of Object.entries(e))d.has(n)||(t[n]=r);return t}function y(e){if(e)return`/__third-party-proxy?url=${encodeURIComponent(e)}`}function E(e,t,n){const r=f.get(t)||{};for(const a of(null==r||null==(o=r[n])?void 0:o.callbacks)||[]){var o;a(e)}f.set(t,{[n]:{event:e}})}},4147:function(e){"use strict";e.exports=JSON.parse('{"name":"embla-carousel-docs","version":"8.0.0-rc20","author":"David Jerleke","description":"A lightweight carousel library with fluid motion and great swipe precision","repository":{"type":"git","url":"git+https://github.com/davidjerleke/embla-carousel"},"bugs":{"url":"https://github.com/davidjerleke/embla-carousel/issues"},"homepage":"https://www.embla-carousel.com","license":"MIT","type":"commonjs","scripts":{"develop":"gatsby develop","start":"gatsby develop","serve":"gatsby serve","clean":"gatsby clean","test":"echo \\"Info: no tests specified\\" && exit 0","build":"npm-run-all sandboxfiles:build gatsby:build","gatsby:build":"gatsby build","sandboxfiles:build":"npm-run-all sandboxfiles:copy-vanilla sandboxfiles:copy-react sandboxfiles:compile","sandboxfiles:compile":"npx ts-node --project ../../scripts/tsconfig.node.json ../../scripts/create-sandboxes/index.ts","sandboxfiles:copy-vanilla":"shx cp -r src/components/Sandbox/Vanilla/SandboxFilesSrc/. src/components/Sandbox/Vanilla/SandboxFilesDist/","sandboxfiles:copy-react":"shx cp -r src/components/Sandbox/React/SandboxFilesSrc/. src/components/Sandbox/React/SandboxFilesDist/","predeploy:clean":"shx rm -r ../../docs","predeploy:build":"npm-run-all clean build","predeploy:format":"yarn workspace embla-carousel-monorepo run format","predeploy:copy":"shx cp -r ./public ../../docs","predeploy":"npm-run-all predeploy:clean predeploy:build predeploy:format predeploy:copy","eslint:report":"eslint \\"src/**/*.{js,tsx,ts}\\""},"dependencies":{"@docsearch/react":"^3.0.0","@mdx-js/mdx":"^2.2.1","@mdx-js/react":"^2.2.1","babel-plugin-styled-components":"^2.0.2","codesandbox":"^2.2.3","embla-carousel":"8.0.0-rc20","embla-carousel-autoplay":"8.0.0-rc20","embla-carousel-class-names":"8.0.0-rc20","embla-carousel-react":"8.0.0-rc20","focus-trap-react":"^8.10.0","gatsby":"^5.5.0","gatsby-plugin-layout":"^4.4.0","gatsby-plugin-manifest":"^5.4.0","gatsby-plugin-mdx":"^5.4.0","gatsby-plugin-react-svg":"^3.3.0","gatsby-plugin-sitemap":"^6.10.0","gatsby-plugin-styled-components":"^6.4.0","gatsby-remark-autolink-headers":"^6.4.0","gatsby-source-filesystem":"^5.4.0","inter-ui":"^3.19.3","lodash":"^4.17.21","prism-react-renderer":"^1.3.5","prismjs":"^1.26.0","react":"^18.1.0","react-dom":"^18.1.0","react-intersection-observer":"^8.33.1","styled-components":"^5.3.3","ts-node":"^10.9.1"},"devDependencies":{"@types/jest":"^29.5.6","@types/lodash":"^4.14.178","@types/mdx-js__react":"^1.5.5","@types/node":"^17.0.15","@types/prettier":"2.7.3","@types/react":"^18.0.8","@types/react-dom":"^18.0.0","@types/styled-components":"^5.1.22","@typescript-eslint/eslint-plugin":"^6.9.0","@typescript-eslint/parser":"^6.9.0","eslint":"^8.52.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.28.0","jest":"^29.5.0","jest-environment-jsdom":"^29.5.0","npm-run-all":"^4.1.5","prettier":"2.8.8","shx":"^0.3.4","ts-jest":"^29.1.1","type-fest":"^3.2.0","typescript":"^5.2.2"}}')}},function(e){e.O(0,[9774,8370],(function(){return t=5069,e(e.s=t);var t}));e.O()}]); +//# sourceMappingURL=app-889a1d3f77eaa0fb985f.js.map \ No newline at end of file diff --git a/docs/app-eccab51937b68ba7b929.js.LICENSE.txt b/docs/app-889a1d3f77eaa0fb985f.js.LICENSE.txt similarity index 100% rename from docs/app-eccab51937b68ba7b929.js.LICENSE.txt rename to docs/app-889a1d3f77eaa0fb985f.js.LICENSE.txt diff --git a/docs/app-889a1d3f77eaa0fb985f.js.map b/docs/app-889a1d3f77eaa0fb985f.js.map new file mode 100644 index 000000000..7fd3a1cc6 --- /dev/null +++ b/docs/app-889a1d3f77eaa0fb985f.js.map @@ -0,0 +1 @@ +{"version":3,"file":"app-889a1d3f77eaa0fb985f.js","mappings":"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","sources":["webpack://embla-carousel-docs/../../node_modules/focus-trap-react/dist/focus-trap-react.js","webpack://embla-carousel-docs/../../node_modules/focus-trap/dist/focus-trap.esm.js","webpack://embla-carousel-docs/../../node_modules/gatsby-page-utils/dist/apply-trailing-slash-option.js","webpack://embla-carousel-docs/../../node_modules/gatsby-react-router-scroll/index.js","webpack://embla-carousel-docs/../../node_modules/gatsby-react-router-scroll/scroll-handler.js","webpack://embla-carousel-docs/../../node_modules/gatsby-react-router-scroll/session-storage.js","webpack://embla-carousel-docs/../../node_modules/gatsby-react-router-scroll/use-scroll-restoration.js","webpack://embla-carousel-docs/../../node_modules/gatsby/dist/internal-plugins/partytown/gatsby-browser.js","webpack://embla-carousel-docs/../../node_modules/gatsby/dist/internal-plugins/partytown/utils/get-forwards.js","webpack://embla-carousel-docs/../../node_modules/gatsby/dist/internal-plugins/partytown/utils/inject-partytown-snippet.js","webpack://embla-carousel-docs/../../node_modules/gatsby-plugin-layout/gatsby-browser.js","webpack://embla-carousel-docs/../../node_modules/gatsby-plugin-layout/wrap-page.js","webpack://embla-carousel-docs/../../node_modules/gatsby-plugin-manifest/gatsby-browser.js","webpack://embla-carousel-docs/../../node_modules/gatsby-plugin-manifest/get-manifest-pathname.js","webpack://embla-carousel-docs/../../node_modules/gatsby-plugin-styled-components/gatsby-browser.js","webpack://embla-carousel-docs/../../node_modules/gatsby-remark-autolink-headers/gatsby-browser.js","webpack://embla-carousel-docs/./gatsby-browser.ts","webpack://embla-carousel-docs/./src/components/Button/ButtonBare.tsx","webpack://embla-carousel-docs/./src/components/LoadSpinner/LoadSpinner.tsx","webpack://embla-carousel-docs/./src/components/Button/createButtonWithLoading.tsx","webpack://embla-carousel-docs/./src/components/Button/ButtonPrimaryFilled.tsx","webpack://embla-carousel-docs/./src/components/Footer/FooterLinks.tsx","webpack://embla-carousel-docs/./src/components/SiteNavigation/SiteNavigationToggle.tsx","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/ControlKeyIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/SearchIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/DocSearchButton.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/createStore.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/utils/createCancelablePromiseList.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-shared/dist/esm/flatten.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/getAutocompleteSetters.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-shared/dist/esm/getItemsCount.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-shared/dist/esm/generateAutocompleteId.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-shared/dist/esm/noop.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/utils/getNormalizedSources.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/getDefaultProps.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/reshape.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/utils/mapToAlgoliaResponse.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/resolve.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/utils/createCancelablePromise.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/utils/getActiveItem.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/onInput.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/utils/createConcurrentSafePromise.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/onKeyDown.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/utils/isSamsung.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/getPropGetters.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/utils/isOrContainsNode.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-shared/dist/esm/version.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-shared/dist/esm/userAgents.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/metadata.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/getCompletion.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/utils/getNextActiveItemId.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/stateReducer.js","webpack://embla-carousel-docs/../../node_modules/@algolia/autocomplete-core/dist/esm/createAutocomplete.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/AlgoliaLogo.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/Footer.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/Hit.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/ErrorIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/ErrorScreen.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/NoResultsIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/NoResultsScreen.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/SourceIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/SelectIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/Snippet.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/Results.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/utils/removeHighlightTags.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/ResultsScreen.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/RecentIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/StarIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/ResetIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/StartScreen.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/ScreenState.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/icons/LoadingIcon.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/SearchBox.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/constants.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/stored-searches.js","webpack://embla-carousel-docs/../../node_modules/algoliasearch/dist/algoliasearch-lite.esm.browser.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/version.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/utils/noop.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/utils/identity.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/utils/groupBy.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/DocSearchModal.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/useSearchClient.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/useTouchEvents.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/useTrapFocus.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/DocSearch.js","webpack://embla-carousel-docs/../../node_modules/@docsearch/react/dist/esm/useDocSearchKeyboardEvents.js","webpack://embla-carousel-docs/./src/components/Search/Search.tsx","webpack://embla-carousel-docs/./src/utils/createPlaceholderStyles.ts","webpack://embla-carousel-docs/./src/components/Header/HeaderActions.tsx","webpack://embla-carousel-docs/./src/components/Header/HeaderLogo.tsx","webpack://embla-carousel-docs/./src/components/Header/Header.tsx","webpack://embla-carousel-docs/./src/assets/icons/index.ts","webpack://embla-carousel-docs/./src/components/Icon/Icon.tsx","webpack://embla-carousel-docs/./src/components/Icon/IconWithText.tsx","webpack://embla-carousel-docs/./src/components/KeyNavigating/KeyNavigatingContext.tsx","webpack://embla-carousel-docs/./src/components/KeyNavigating/KeyNavigatingSkipToContent.tsx","webpack://embla-carousel-docs/./src/components/Layout/GlobalStyles/base.ts","webpack://embla-carousel-docs/./src/consts/fontFace.ts","webpack://embla-carousel-docs/./src/components/Layout/GlobalStyles/font.ts","webpack://embla-carousel-docs/./src/components/Layout/GlobalStyles/reset.ts","webpack://embla-carousel-docs/./src/components/Layout/GlobalStyles/theme.ts","webpack://embla-carousel-docs/./src/components/Layout/GlobalStyles/GlobalStyles.ts","webpack://embla-carousel-docs/./src/consts/page.ts","webpack://embla-carousel-docs/./src/components/Page/PageGrid.tsx","webpack://embla-carousel-docs/./src/components/Routes/RoutesLoading.tsx","webpack://embla-carousel-docs/./src/components/Footer/Footer.tsx","webpack://embla-carousel-docs/./src/components/Layout/Layout.tsx","webpack://embla-carousel-docs/./src/components/Link/LinkBare.tsx","webpack://embla-carousel-docs/./src/components/Button/ButtonPrimaryOutlined.tsx","webpack://embla-carousel-docs/./src/components/Link/LinkButton.tsx","webpack://embla-carousel-docs/./src/components/Link/LinkContent.tsx","webpack://embla-carousel-docs/./src/components/Link/LinkNavigation.tsx","webpack://embla-carousel-docs/./src/components/Page/PageFrame.tsx","webpack://embla-carousel-docs/./src/utils/createFlatRoutes.ts","webpack://embla-carousel-docs/./src/utils/createHierarchicalRoutes.ts","webpack://embla-carousel-docs/./src/components/Routes/RoutesContext.tsx","webpack://embla-carousel-docs/./src/assets/images/embla-logo-light-theme.svg","webpack://embla-carousel-docs/./src/assets/images/embla-logo-dark-theme.svg","webpack://embla-carousel-docs/./src/assets/images/embla-logo-light-theme-blur.svg","webpack://embla-carousel-docs/./src/assets/images/embla-logo-dark-theme-blur.svg","webpack://embla-carousel-docs/./src/components/SiteLogo/SiteLogo.tsx","webpack://embla-carousel-docs/./src/hooks/useWindowSize.ts","webpack://embla-carousel-docs/./src/hooks/useWindowResize.ts","webpack://embla-carousel-docs/./src/components/SiteNavigation/SiteNavigationSubMenu.tsx","webpack://embla-carousel-docs/./src/components/SiteNavigation/SiteNavigationSubMenus.tsx","webpack://embla-carousel-docs/./src/components/SiteNavigation/SiteNavigationMenuDesktop.tsx","webpack://embla-carousel-docs/./src/components/SiteNavigation/SiteNavigationMenuCompact.tsx","webpack://embla-carousel-docs/./src/components/SiteNavigation/SiteNavigation.tsx","webpack://embla-carousel-docs/./src/hooks/useBreakpoints.ts","webpack://embla-carousel-docs/./src/components/SiteNavigation/SiteNavigationContext.tsx","webpack://embla-carousel-docs/./src/components/TableOfContents/TableOfContentsMenuItem.tsx","webpack://embla-carousel-docs/./src/components/TableOfContents/TableOfContentsMenuItems.tsx","webpack://embla-carousel-docs/./src/components/TableOfContents/TableOfContentsMenu.tsx","webpack://embla-carousel-docs/./src/components/TableOfContents/TableOfContents.tsx","webpack://embla-carousel-docs/./src/components/TableOfContents/TableOfContentsContext.tsx","webpack://embla-carousel-docs/./src/utils/tabs.ts","webpack://embla-carousel-docs/./src/components/Tabs/Tabs.tsx","webpack://embla-carousel-docs/./src/hooks/useTabs.ts","webpack://embla-carousel-docs/./src/components/Tabs/TabsButton.tsx","webpack://embla-carousel-docs/./src/components/Tabs/TabsContext.tsx","webpack://embla-carousel-docs/./src/components/Tabs/TabsItem.tsx","webpack://embla-carousel-docs/./src/components/Tabs/TabsList.tsx","webpack://embla-carousel-docs/./src/components/Tabs/TabsPanel.tsx","webpack://embla-carousel-docs/./src/components/Theme/ThemeContext.tsx","webpack://embla-carousel-docs/./src/components/Theme/ThemeToggle.tsx","webpack://embla-carousel-docs/./src/consts/algoliaSearch.ts","webpack://embla-carousel-docs/./src/consts/border.ts","webpack://embla-carousel-docs/./src/consts/breakpoints.ts","webpack://embla-carousel-docs/./src/consts/fontSizes.ts","webpack://embla-carousel-docs/./src/consts/gradients.ts","webpack://embla-carousel-docs/./src/consts/keyNavigatingStyles.ts","webpack://embla-carousel-docs/./src/consts/layers.ts","webpack://embla-carousel-docs/./src/consts/localStorage.ts","webpack://embla-carousel-docs/./src/consts/scrollBars.ts","webpack://embla-carousel-docs/./src/consts/spacings.ts","webpack://embla-carousel-docs/./src/consts/tabs.ts","webpack://embla-carousel-docs/./src/consts/tapHighlight.ts","webpack://embla-carousel-docs/./src/consts/themes.ts","webpack://embla-carousel-docs/./src/consts/unit.ts","webpack://embla-carousel-docs/./src/consts/urls.ts","webpack://embla-carousel-docs/./src/hooks/useEventListener.ts","webpack://embla-carousel-docs/./src/hooks/useKeyNavigating.ts","webpack://embla-carousel-docs/./src/hooks/useLocalStorage.ts","webpack://embla-carousel-docs/./src/hooks/useNavigation.ts","webpack://embla-carousel-docs/./src/hooks/useRouteActive.ts","webpack://embla-carousel-docs/./src/hooks/useRoutes.ts","webpack://embla-carousel-docs/./src/hooks/useSiteMetadata.ts","webpack://embla-carousel-docs/./src/hooks/useTableOfContents.ts","webpack://embla-carousel-docs/./src/hooks/useTheme.ts","webpack://embla-carousel-docs/./src/utils/addRouteChildren.ts","webpack://embla-carousel-docs/./src/utils/createGapStyles.ts","webpack://embla-carousel-docs/./src/utils/createSquareSizeStyles.ts","webpack://embla-carousel-docs/./src/utils/isBrowser.ts","webpack://embla-carousel-docs/./src/utils/isRouteActive.ts","webpack://embla-carousel-docs/./src/utils/isRoutePartiallyActive.ts","webpack://embla-carousel-docs/./src/utils/snakeCaseToKebabCase.ts","webpack://embla-carousel-docs/./src/utils/visuallyHiddenStyles.ts","webpack://embla-carousel-docs/./.cache/_this_is_virtual_fs_path_/$virtual/async-requires.js","webpack://embla-carousel-docs/./.cache/api-runner-browser-plugins.js","webpack://embla-carousel-docs/./.cache/api-runner-browser.js","webpack://embla-carousel-docs/./.cache/create-content-digest-browser-shim.js","webpack://embla-carousel-docs/./.cache/emitter.js","webpack://embla-carousel-docs/../../node_modules/mitt/dist/mitt.es.js","webpack://embla-carousel-docs/./.cache/normalize-page-path.js","webpack://embla-carousel-docs/./.cache/find-path.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/construct.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js","webpack://embla-carousel-docs/./.cache/slice/server-slice-renderer.js","webpack://embla-carousel-docs/./.cache/slice/server-slice.js","webpack://embla-carousel-docs/./.cache/slice/inline-slice.js","webpack://embla-carousel-docs/./.cache/slice.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack://embla-carousel-docs/./.cache/gatsby-browser-entry.js","webpack://embla-carousel-docs/./.cache/prefetch.js","webpack://embla-carousel-docs/./.cache/loader.js","webpack://embla-carousel-docs/./.cache/head/components/fire-callback-in-effect.js","webpack://embla-carousel-docs/./.cache/head/constants.js","webpack://embla-carousel-docs/./.cache/head/utils.js","webpack://embla-carousel-docs/./.cache/head/head-export-handler-for-browser.js","webpack://embla-carousel-docs/./.cache/page-renderer.js","webpack://embla-carousel-docs/./.cache/route-announcer-props.js","webpack://embla-carousel-docs/./.cache/navigation.js","webpack://embla-carousel-docs/../../node_modules/shallow-compare/es/index.js","webpack://embla-carousel-docs/./.cache/ensure-resources.js","webpack://embla-carousel-docs/./.cache/production-app.js","webpack://embla-carousel-docs/./.cache/public-page-renderer-prod.js","webpack://embla-carousel-docs/./.cache/public-page-renderer.js","webpack://embla-carousel-docs/./.cache/react-dom-utils.js","webpack://embla-carousel-docs/./.cache/redirect-utils.js","webpack://embla-carousel-docs/./.cache/register-service-worker.js","webpack://embla-carousel-docs/./.cache/slice/context.js","webpack://embla-carousel-docs/./.cache/static-query.js","webpack://embla-carousel-docs/./.cache/context-utils.js","webpack://embla-carousel-docs/./.cache/strip-prefix.js","webpack://embla-carousel-docs/../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js","webpack://embla-carousel-docs/../../node_modules/invariant/browser.js","webpack://embla-carousel-docs/../../node_modules/lodash/_Symbol.js","webpack://embla-carousel-docs/../../node_modules/lodash/_arrayMap.js","webpack://embla-carousel-docs/../../node_modules/lodash/_baseGetTag.js","webpack://embla-carousel-docs/../../node_modules/lodash/_baseToString.js","webpack://embla-carousel-docs/../../node_modules/lodash/_baseTrim.js","webpack://embla-carousel-docs/../../node_modules/lodash/_freeGlobal.js","webpack://embla-carousel-docs/../../node_modules/lodash/_getRawTag.js","webpack://embla-carousel-docs/../../node_modules/lodash/_objectToString.js","webpack://embla-carousel-docs/../../node_modules/lodash/_root.js","webpack://embla-carousel-docs/../../node_modules/lodash/_trimmedEndIndex.js","webpack://embla-carousel-docs/../../node_modules/lodash/debounce.js","webpack://embla-carousel-docs/../../node_modules/lodash/isArray.js","webpack://embla-carousel-docs/../../node_modules/lodash/isObject.js","webpack://embla-carousel-docs/../../node_modules/lodash/isObjectLike.js","webpack://embla-carousel-docs/../../node_modules/lodash/isSymbol.js","webpack://embla-carousel-docs/../../node_modules/lodash/now.js","webpack://embla-carousel-docs/../../node_modules/lodash/toNumber.js","webpack://embla-carousel-docs/../../node_modules/lodash/toString.js","webpack://embla-carousel-docs/../../node_modules/lodash/uniqueId.js","webpack://embla-carousel-docs/../../node_modules/react-intersection-observer/react-intersection-observer.m.js","webpack://embla-carousel-docs/../../node_modules/react-is/cjs/react-is.production.min.js","webpack://embla-carousel-docs/../../node_modules/react-is/index.js","webpack://embla-carousel-docs/../../node_modules/react-server-dom-webpack/cjs/react-server-dom-webpack.production.min.js","webpack://embla-carousel-docs/../../node_modules/react-server-dom-webpack/index.js","webpack://embla-carousel-docs/../../node_modules/shallowequal/index.js","webpack://embla-carousel-docs/../../node_modules/@emotion/stylis/dist/stylis.browser.esm.js","webpack://embla-carousel-docs/../../node_modules/@emotion/unitless/dist/unitless.browser.esm.js","webpack://embla-carousel-docs/../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js","webpack://embla-carousel-docs/../../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js","webpack://embla-carousel-docs/../../node_modules/styled-components/dist/styled-components.browser.esm.js","webpack://embla-carousel-docs/./src/assets/icons/arrow-left.svg","webpack://embla-carousel-docs/./src/assets/icons/arrow-right.svg","webpack://embla-carousel-docs/./src/assets/icons/chevron-left.svg","webpack://embla-carousel-docs/./src/assets/icons/chevron-right.svg","webpack://embla-carousel-docs/./src/assets/icons/cross.svg","webpack://embla-carousel-docs/./src/assets/icons/danger.svg","webpack://embla-carousel-docs/./src/assets/icons/embla-logo-dark-theme-blur.svg","webpack://embla-carousel-docs/./src/assets/icons/embla-logo-dark-theme.svg","webpack://embla-carousel-docs/./src/assets/icons/embla-logo-light-theme-blur.svg","webpack://embla-carousel-docs/./src/assets/icons/embla-logo-light-theme.svg","webpack://embla-carousel-docs/./src/assets/icons/github-logo.svg","webpack://embla-carousel-docs/./src/assets/icons/info.svg","webpack://embla-carousel-docs/./src/assets/icons/javascript-logo.svg","webpack://embla-carousel-docs/./src/assets/icons/moon.svg","webpack://embla-carousel-docs/./src/assets/icons/npm-logo.svg","webpack://embla-carousel-docs/./src/assets/icons/pen.svg","webpack://embla-carousel-docs/./src/assets/icons/react-logo.svg","webpack://embla-carousel-docs/./src/assets/icons/search.svg","webpack://embla-carousel-docs/./src/assets/icons/solid-logo.svg","webpack://embla-carousel-docs/./src/assets/icons/sun.svg","webpack://embla-carousel-docs/./src/assets/icons/typescript-logo.svg","webpack://embla-carousel-docs/./src/assets/icons/warning.svg","webpack://embla-carousel-docs/../../node_modules/tabbable/dist/index.esm.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/assertThisInitialized.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/inheritsLoose.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/interopRequireDefault.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/setPrototypeOf.js","webpack://embla-carousel-docs/../../node_modules/@builder.io/partytown/integration/index.cjs","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","webpack://embla-carousel-docs/../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack://embla-carousel-docs/../../node_modules/@gatsbyjs/reach-router/dist/index.modern.mjs","webpack://embla-carousel-docs/../../node_modules/gatsby-link/dist/index.modern.mjs","webpack://embla-carousel-docs/../../node_modules/gatsby-script/dist/index.modern.mjs"],"sourcesContent":["\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar React = require('react');\n\nvar ReactDOM = require('react-dom');\n\nvar PropTypes = require('prop-types');\n\nvar _require = require('focus-trap'),\n createFocusTrap = _require.createFocusTrap;\n\nvar _require2 = require('tabbable'),\n isFocusable = _require2.isFocusable; // TODO: These issues are related to older React features which we'll likely need\n// to fix in order to move the code forward to the next major version of React.\n// @see https://github.com/davidtheclark/focus-trap-react/issues/77\n\n/* eslint-disable react/no-find-dom-node */\n\n\nvar FocusTrap = /*#__PURE__*/function (_React$Component) {\n _inherits(FocusTrap, _React$Component);\n\n var _super = _createSuper(FocusTrap);\n\n function FocusTrap(props) {\n var _this;\n\n _classCallCheck(this, FocusTrap);\n\n _this = _super.call(this, props);\n\n _defineProperty(_assertThisInitialized(_this), \"getNodeForOption\", function (optionName) {\n var _this$internalOptions;\n\n // use internal options first, falling back to original options\n var optionValue = (_this$internalOptions = this.internalOptions[optionName]) !== null && _this$internalOptions !== void 0 ? _this$internalOptions : this.originalOptions[optionName];\n\n if (typeof optionValue === 'function') {\n for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n params[_key - 1] = arguments[_key];\n }\n\n optionValue = optionValue.apply(void 0, params);\n }\n\n if (optionValue === true) {\n optionValue = undefined; // use default value\n }\n\n if (!optionValue) {\n if (optionValue === undefined || optionValue === false) {\n return optionValue;\n } // else, empty string (invalid), null (invalid), 0 (invalid)\n\n\n throw new Error(\"`\".concat(optionName, \"` was specified but was not a node, or did not return a node\"));\n }\n\n var node = optionValue; // could be HTMLElement, SVGElement, or non-empty string at this point\n\n if (typeof optionValue === 'string') {\n var _this$getDocument;\n\n node = (_this$getDocument = this.getDocument()) === null || _this$getDocument === void 0 ? void 0 : _this$getDocument.querySelector(optionValue); // resolve to node, or null if fails\n\n if (!node) {\n throw new Error(\"`\".concat(optionName, \"` as selector refers to no known node\"));\n }\n }\n\n return node;\n });\n\n _this.handleDeactivate = _this.handleDeactivate.bind(_assertThisInitialized(_this));\n _this.handlePostDeactivate = _this.handlePostDeactivate.bind(_assertThisInitialized(_this));\n _this.handleClickOutsideDeactivates = _this.handleClickOutsideDeactivates.bind(_assertThisInitialized(_this)); // focus-trap options used internally when creating the trap\n\n _this.internalOptions = {\n // We need to hijack the returnFocusOnDeactivate option,\n // because React can move focus into the element before we arrived at\n // this lifecycle hook (e.g. with autoFocus inputs). So the component\n // captures the previouslyFocusedElement in componentWillMount,\n // then (optionally) returns focus to it in componentWillUnmount.\n returnFocusOnDeactivate: false,\n // the rest of these are also related to deactivation of the trap, and we\n // need to use them and control them as well\n checkCanReturnFocus: null,\n onDeactivate: _this.handleDeactivate,\n onPostDeactivate: _this.handlePostDeactivate,\n // we need to special-case this setting as well so that we can know if we should\n // NOT return focus if the trap gets auto-deactivated as the result of an\n // outside click (otherwise, we'll always think we should return focus because\n // of how we manage that flag internally here)\n clickOutsideDeactivates: _this.handleClickOutsideDeactivates\n }; // original options provided by the consumer\n\n _this.originalOptions = {\n // because of the above `internalOptions`, we maintain our own flag for\n // this option, and default it to `true` because that's focus-trap's default\n returnFocusOnDeactivate: true,\n // because of the above `internalOptions`, we keep these separate since\n // they're part of the deactivation process which we configure (internally) to\n // be shared between focus-trap and focus-trap-react\n onDeactivate: null,\n onPostDeactivate: null,\n checkCanReturnFocus: null,\n // the user's setting, defaulted to false since focus-trap defaults this to false\n clickOutsideDeactivates: false\n };\n var focusTrapOptions = props.focusTrapOptions;\n\n for (var optionName in focusTrapOptions) {\n if (!Object.prototype.hasOwnProperty.call(focusTrapOptions, optionName)) {\n continue;\n }\n\n if (optionName === 'returnFocusOnDeactivate' || optionName === 'onDeactivate' || optionName === 'onPostDeactivate' || optionName === 'checkCanReturnFocus' || optionName === 'clickOutsideDeactivates') {\n _this.originalOptions[optionName] = focusTrapOptions[optionName];\n continue; // exclude from internalOptions\n }\n\n _this.internalOptions[optionName] = focusTrapOptions[optionName];\n } // if set, `{ target: Node, allowDeactivation: boolean }` where `target` is the outside\n // node that was clicked, and `allowDeactivation` is the result of the consumer's\n // option (stored in `this.originalOptions.clickOutsideDeactivates`, which may be a\n // function) whether to allow or deny auto-deactivation on click on this outside node\n\n\n _this.outsideClick = null; // elements from which to create the focus trap on mount; if a child is used\n // instead of the `containerElements` prop, we'll get the child's related\n // element when the trap renders and then is declared 'mounted'\n\n _this.focusTrapElements = props.containerElements || []; // now we remember what the currently focused element is, not relying on focus-trap\n\n _this.updatePreviousElement();\n\n return _this;\n }\n /**\n * Gets the configured document.\n * @returns {Document|undefined} Configured document, falling back to the main\n * document, if it exists. During SSR, `undefined` is returned since the\n * document doesn't exist.\n */\n\n\n _createClass(FocusTrap, [{\n key: \"getDocument\",\n value: function getDocument() {\n // SSR: careful to check if `document` exists before accessing it as a variable\n return this.props.focusTrapOptions.document || (typeof document !== 'undefined' ? document : undefined);\n }\n /**\n * Gets the node for the given option, which is expected to be an option that\n * can be either a DOM node, a string that is a selector to get a node, `false`\n * (if a node is explicitly NOT given), or a function that returns any of these\n * values.\n * @param {string} optionName\n * @returns {undefined | false | HTMLElement | SVGElement} Returns\n * `undefined` if the option is not specified; `false` if the option\n * resolved to `false` (node explicitly not given); otherwise, the resolved\n * DOM node.\n * @throws {Error} If the option is set, not `false`, and is not, or does not\n * resolve to a node.\n */\n\n }, {\n key: \"getReturnFocusNode\",\n value: function getReturnFocusNode() {\n var node = this.getNodeForOption('setReturnFocus', this.previouslyFocusedElement);\n return node ? node : node === false ? false : this.previouslyFocusedElement;\n }\n /** Update the previously focused element with the currently focused element. */\n\n }, {\n key: \"updatePreviousElement\",\n value: function updatePreviousElement() {\n var currentDocument = this.getDocument();\n\n if (currentDocument) {\n this.previouslyFocusedElement = currentDocument.activeElement;\n }\n }\n }, {\n key: \"deactivateTrap\",\n value: function deactivateTrap() {\n // NOTE: it's possible the focus trap has already been deactivated without our knowing it,\n // especially if the user set the `clickOutsideDeactivates: true` option on the trap,\n // and the mouse was clicked on some element outside the trap; at that point, focus-trap\n // will initiate its auto-deactivation process, which will call our own\n // handleDeactivate(), which will call into this method\n if (!this.focusTrap || !this.focusTrap.active) {\n return;\n }\n\n this.focusTrap.deactivate({\n // NOTE: we never let the trap return the focus since we do that ourselves\n returnFocus: false,\n // we'll call this in our own post deactivate handler so make sure the trap doesn't\n // do it prematurely\n checkCanReturnFocus: null,\n // let it call the user's original deactivate handler, if any, instead of\n // our own which calls back into this function\n onDeactivate: this.originalOptions.onDeactivate // NOTE: for post deactivate, don't specify anything so that it calls the\n // onPostDeactivate handler specified on `this.internalOptions`\n // which will always be our own `handlePostDeactivate()` handler, which\n // will finish things off by calling the user's provided onPostDeactivate\n // handler, if any, at the right time\n // onPostDeactivate: NOTHING\n\n });\n }\n }, {\n key: \"handleClickOutsideDeactivates\",\n value: function handleClickOutsideDeactivates(event) {\n // use consumer's option (or call their handler) as the permission or denial\n var allowDeactivation = typeof this.originalOptions.clickOutsideDeactivates === 'function' ? this.originalOptions.clickOutsideDeactivates.call(null, event) // call out of context\n : this.originalOptions.clickOutsideDeactivates; // boolean\n\n if (allowDeactivation) {\n // capture the outside target that was clicked so we can use it in the deactivation\n // process since the consumer allowed it to cause auto-deactivation\n this.outsideClick = {\n target: event.target,\n allowDeactivation: allowDeactivation\n };\n }\n\n return allowDeactivation;\n }\n }, {\n key: \"handleDeactivate\",\n value: function handleDeactivate() {\n if (this.originalOptions.onDeactivate) {\n this.originalOptions.onDeactivate.call(null); // call user's handler out of context\n }\n\n this.deactivateTrap();\n }\n }, {\n key: \"handlePostDeactivate\",\n value: function handlePostDeactivate() {\n var _this2 = this;\n\n var finishDeactivation = function finishDeactivation() {\n var returnFocusNode = _this2.getReturnFocusNode();\n\n var canReturnFocus = !!( // did the consumer allow it?\n _this2.originalOptions.returnFocusOnDeactivate && // can we actually focus the node?\n returnFocusNode !== null && returnFocusNode !== void 0 && returnFocusNode.focus && ( // was there an outside click that allowed deactivation?\n !_this2.outsideClick || // did the consumer allow deactivation when the outside node was clicked?\n _this2.outsideClick.allowDeactivation && // is the outside node NOT focusable (implying that it did NOT receive focus\n // as a result of the click-through) -- in which case do NOT restore focus\n // to `returnFocusNode` because focus should remain on the outside node\n !isFocusable(_this2.outsideClick.target, _this2.internalOptions.tabbableOptions)) // if no, the restore focus to `returnFocusNode` at this point\n );\n var _this2$internalOption = _this2.internalOptions.preventScroll,\n preventScroll = _this2$internalOption === void 0 ? false : _this2$internalOption;\n\n if (canReturnFocus) {\n // return focus to the element that had focus when the trap was activated\n returnFocusNode.focus({\n preventScroll: preventScroll\n });\n }\n\n if (_this2.originalOptions.onPostDeactivate) {\n _this2.originalOptions.onPostDeactivate.call(null); // don't call it in context of \"this\"\n\n }\n\n _this2.outsideClick = null; // reset: no longer needed\n };\n\n if (this.originalOptions.checkCanReturnFocus) {\n this.originalOptions.checkCanReturnFocus.call(null, this.getReturnFocusNode()) // call out of context\n .then(finishDeactivation, finishDeactivation);\n } else {\n finishDeactivation();\n }\n }\n }, {\n key: \"setupFocusTrap\",\n value: function setupFocusTrap() {\n if (!this.focusTrap) {\n var focusTrapElementDOMNodes = this.focusTrapElements.map( // NOTE: `findDOMNode()` does not support CSS selectors; it'll just return\n // a new text node with the text wrapped in it instead of treating the\n // string as a selector and resolving it to a node in the DOM\n ReactDOM.findDOMNode);\n var nodesExist = focusTrapElementDOMNodes.some(Boolean);\n\n if (nodesExist) {\n // eslint-disable-next-line react/prop-types -- _createFocusTrap is an internal prop\n this.focusTrap = this.props._createFocusTrap(focusTrapElementDOMNodes, this.internalOptions);\n\n if (this.props.active) {\n this.focusTrap.activate();\n }\n\n if (this.props.paused) {\n this.focusTrap.pause();\n }\n }\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.props.active) {\n this.setupFocusTrap();\n } // else, wait for later activation in case the `focusTrapOptions` will be updated\n // again before the trap is activated (e.g. if waiting to know what the document\n // object will be, so the Trap must be rendered, but the consumer is waiting to\n // activate until they have obtained the document from a ref)\n // @see https://github.com/focus-trap/focus-trap-react/issues/539\n\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (this.focusTrap) {\n if (prevProps.containerElements !== this.props.containerElements) {\n this.focusTrap.updateContainerElements(this.props.containerElements);\n }\n\n var hasActivated = !prevProps.active && this.props.active;\n var hasDeactivated = prevProps.active && !this.props.active;\n var hasPaused = !prevProps.paused && this.props.paused;\n var hasUnpaused = prevProps.paused && !this.props.paused;\n\n if (hasActivated) {\n this.updatePreviousElement();\n this.focusTrap.activate();\n }\n\n if (hasDeactivated) {\n this.deactivateTrap();\n return; // un/pause does nothing on an inactive trap\n }\n\n if (hasPaused) {\n this.focusTrap.pause();\n }\n\n if (hasUnpaused) {\n this.focusTrap.unpause();\n }\n } else {\n // NOTE: if we're in `componentDidUpdate` and we don't have a trap yet,\n // it either means it shouldn't be active, or it should be but none of\n // of given `containerElements` were present in the DOM the last time\n // we tried to create the trap\n if (prevProps.containerElements !== this.props.containerElements) {\n this.focusTrapElements = this.props.containerElements;\n } // don't create the trap unless it should be active in case the consumer\n // is still updating `focusTrapOptions`\n // @see https://github.com/focus-trap/focus-trap-react/issues/539\n\n\n if (this.props.active) {\n this.updatePreviousElement();\n this.setupFocusTrap();\n }\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.deactivateTrap();\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n\n var child = this.props.children ? React.Children.only(this.props.children) : undefined;\n\n if (child) {\n if (child.type && child.type === React.Fragment) {\n throw new Error('A focus-trap cannot use a Fragment as its child container. Try replacing it with a
element.');\n }\n\n var composedRefCallback = function composedRefCallback(element) {\n var containerElements = _this3.props.containerElements;\n\n if (child) {\n if (typeof child.ref === 'function') {\n child.ref(element);\n } else if (child.ref) {\n child.ref.current = element;\n }\n }\n\n _this3.focusTrapElements = containerElements ? containerElements : [element];\n };\n\n var childWithRef = React.cloneElement(child, {\n ref: composedRefCallback\n });\n return childWithRef;\n }\n\n return null;\n }\n }]);\n\n return FocusTrap;\n}(React.Component); // support server-side rendering where `Element` will not be defined\n\n\nvar ElementType = typeof Element === 'undefined' ? Function : Element;\nFocusTrap.propTypes = {\n active: PropTypes.bool,\n paused: PropTypes.bool,\n focusTrapOptions: PropTypes.shape({\n document: PropTypes.object,\n onActivate: PropTypes.func,\n onPostActivate: PropTypes.func,\n checkCanFocusTrap: PropTypes.func,\n onDeactivate: PropTypes.func,\n onPostDeactivate: PropTypes.func,\n checkCanReturnFocus: PropTypes.func,\n initialFocus: PropTypes.oneOfType([PropTypes.instanceOf(ElementType), PropTypes.string, PropTypes.bool, PropTypes.func]),\n fallbackFocus: PropTypes.oneOfType([PropTypes.instanceOf(ElementType), PropTypes.string, // NOTE: does not support `false` as value (or return value from function)\n PropTypes.func]),\n escapeDeactivates: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n clickOutsideDeactivates: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n returnFocusOnDeactivate: PropTypes.bool,\n setReturnFocus: PropTypes.oneOfType([PropTypes.instanceOf(ElementType), PropTypes.string, PropTypes.bool, PropTypes.func]),\n allowOutsideClick: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n preventScroll: PropTypes.bool,\n tabbableOptions: PropTypes.shape({\n displayCheck: PropTypes.oneOf(['full', 'non-zero-area', 'none']),\n getShadowRoot: PropTypes.oneOfType([PropTypes.bool, PropTypes.func])\n })\n }),\n containerElements: PropTypes.arrayOf(PropTypes.instanceOf(ElementType)),\n children: PropTypes.oneOfType([PropTypes.element, // React element\n PropTypes.instanceOf(ElementType) // DOM element\n ]) // NOTE: _createFocusTrap is internal, for testing purposes only, so we don't\n // specify it here. It's expected to be set to the function returned from\n // require('focus-trap'), or one with a compatible interface.\n\n};\nFocusTrap.defaultProps = {\n active: true,\n paused: false,\n focusTrapOptions: {},\n _createFocusTrap: createFocusTrap\n};\nmodule.exports = FocusTrap;","/*!\n* focus-trap 6.9.4\n* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE\n*/\nimport { tabbable, focusable, isTabbable, isFocusable } from 'tabbable';\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n enumerableOnly && (symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n })), keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = null != arguments[i] ? arguments[i] : {};\n i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar activeFocusTraps = function () {\n var trapQueue = [];\n return {\n activateTrap: function activateTrap(trap) {\n if (trapQueue.length > 0) {\n var activeTrap = trapQueue[trapQueue.length - 1];\n\n if (activeTrap !== trap) {\n activeTrap.pause();\n }\n }\n\n var trapIndex = trapQueue.indexOf(trap);\n\n if (trapIndex === -1) {\n trapQueue.push(trap);\n } else {\n // move this existing trap to the front of the queue\n trapQueue.splice(trapIndex, 1);\n trapQueue.push(trap);\n }\n },\n deactivateTrap: function deactivateTrap(trap) {\n var trapIndex = trapQueue.indexOf(trap);\n\n if (trapIndex !== -1) {\n trapQueue.splice(trapIndex, 1);\n }\n\n if (trapQueue.length > 0) {\n trapQueue[trapQueue.length - 1].unpause();\n }\n }\n };\n}();\n\nvar isSelectableInput = function isSelectableInput(node) {\n return node.tagName && node.tagName.toLowerCase() === 'input' && typeof node.select === 'function';\n};\n\nvar isEscapeEvent = function isEscapeEvent(e) {\n return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;\n};\n\nvar isTabEvent = function isTabEvent(e) {\n return e.key === 'Tab' || e.keyCode === 9;\n};\n\nvar delay = function delay(fn) {\n return setTimeout(fn, 0);\n}; // Array.find/findIndex() are not supported on IE; this replicates enough\n// of Array.findIndex() for our needs\n\n\nvar findIndex = function findIndex(arr, fn) {\n var idx = -1;\n arr.every(function (value, i) {\n if (fn(value)) {\n idx = i;\n return false; // break\n }\n\n return true; // next\n });\n return idx;\n};\n/**\n * Get an option's value when it could be a plain value, or a handler that provides\n * the value.\n * @param {*} value Option's value to check.\n * @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.\n * @returns {*} The `value`, or the handler's returned value.\n */\n\n\nvar valueOrHandler = function valueOrHandler(value) {\n for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n params[_key - 1] = arguments[_key];\n }\n\n return typeof value === 'function' ? value.apply(void 0, params) : value;\n};\n\nvar getActualTarget = function getActualTarget(event) {\n // NOTE: If the trap is _inside_ a shadow DOM, event.target will always be the\n // shadow host. However, event.target.composedPath() will be an array of\n // nodes \"clicked\" from inner-most (the actual element inside the shadow) to\n // outer-most (the host HTML document). If we have access to composedPath(),\n // then use its first element; otherwise, fall back to event.target (and\n // this only works for an _open_ shadow DOM; otherwise,\n // composedPath()[0] === event.target always).\n return event.target.shadowRoot && typeof event.composedPath === 'function' ? event.composedPath()[0] : event.target;\n};\n\nvar createFocusTrap = function createFocusTrap(elements, userOptions) {\n // SSR: a live trap shouldn't be created in this type of environment so this\n // should be safe code to execute if the `document` option isn't specified\n var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;\n\n var config = _objectSpread2({\n returnFocusOnDeactivate: true,\n escapeDeactivates: true,\n delayInitialFocus: true\n }, userOptions);\n\n var state = {\n // containers given to createFocusTrap()\n // @type {Array}\n containers: [],\n // list of objects identifying tabbable nodes in `containers` in the trap\n // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap\n // is active, but the trap should never get to a state where there isn't at least one group\n // with at least one tabbable node in it (that would lead to an error condition that would\n // result in an error being thrown)\n // @type {Array<{\n // container: HTMLElement,\n // tabbableNodes: Array, // empty if none\n // focusableNodes: Array, // empty if none\n // firstTabbableNode: HTMLElement|null,\n // lastTabbableNode: HTMLElement|null,\n // nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined\n // }>}\n containerGroups: [],\n // same order/length as `containers` list\n // references to objects in `containerGroups`, but only those that actually have\n // tabbable nodes in them\n // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__\n // the same length\n tabbableGroups: [],\n nodeFocusedBeforeActivation: null,\n mostRecentlyFocusedNode: null,\n active: false,\n paused: false,\n // timer ID for when delayInitialFocus is true and initial focus in this trap\n // has been delayed during activation\n delayInitialFocusTimer: undefined\n };\n var trap; // eslint-disable-line prefer-const -- some private functions reference it, and its methods reference private functions, so we must declare here and define later\n\n /**\n * Gets a configuration option value.\n * @param {Object|undefined} configOverrideOptions If true, and option is defined in this set,\n * value will be taken from this object. Otherwise, value will be taken from base configuration.\n * @param {string} optionName Name of the option whose value is sought.\n * @param {string|undefined} [configOptionName] Name of option to use __instead of__ `optionName`\n * IIF `configOverrideOptions` is not defined. Otherwise, `optionName` is used.\n */\n\n var getOption = function getOption(configOverrideOptions, optionName, configOptionName) {\n return configOverrideOptions && configOverrideOptions[optionName] !== undefined ? configOverrideOptions[optionName] : config[configOptionName || optionName];\n };\n /**\n * Finds the index of the container that contains the element.\n * @param {HTMLElement} element\n * @returns {number} Index of the container in either `state.containers` or\n * `state.containerGroups` (the order/length of these lists are the same); -1\n * if the element isn't found.\n */\n\n\n var findContainerIndex = function findContainerIndex(element) {\n // NOTE: search `containerGroups` because it's possible a group contains no tabbable\n // nodes, but still contains focusable nodes (e.g. if they all have `tabindex=-1`)\n // and we still need to find the element in there\n return state.containerGroups.findIndex(function (_ref) {\n var container = _ref.container,\n tabbableNodes = _ref.tabbableNodes;\n return container.contains(element) || // fall back to explicit tabbable search which will take into consideration any\n // web components if the `tabbableOptions.getShadowRoot` option was used for\n // the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't\n // look inside web components even if open)\n tabbableNodes.find(function (node) {\n return node === element;\n });\n });\n };\n /**\n * Gets the node for the given option, which is expected to be an option that\n * can be either a DOM node, a string that is a selector to get a node, `false`\n * (if a node is explicitly NOT given), or a function that returns any of these\n * values.\n * @param {string} optionName\n * @returns {undefined | false | HTMLElement | SVGElement} Returns\n * `undefined` if the option is not specified; `false` if the option\n * resolved to `false` (node explicitly not given); otherwise, the resolved\n * DOM node.\n * @throws {Error} If the option is set, not `false`, and is not, or does not\n * resolve to a node.\n */\n\n\n var getNodeForOption = function getNodeForOption(optionName) {\n var optionValue = config[optionName];\n\n if (typeof optionValue === 'function') {\n for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n params[_key2 - 1] = arguments[_key2];\n }\n\n optionValue = optionValue.apply(void 0, params);\n }\n\n if (optionValue === true) {\n optionValue = undefined; // use default value\n }\n\n if (!optionValue) {\n if (optionValue === undefined || optionValue === false) {\n return optionValue;\n } // else, empty string (invalid), null (invalid), 0 (invalid)\n\n\n throw new Error(\"`\".concat(optionName, \"` was specified but was not a node, or did not return a node\"));\n }\n\n var node = optionValue; // could be HTMLElement, SVGElement, or non-empty string at this point\n\n if (typeof optionValue === 'string') {\n node = doc.querySelector(optionValue); // resolve to node, or null if fails\n\n if (!node) {\n throw new Error(\"`\".concat(optionName, \"` as selector refers to no known node\"));\n }\n }\n\n return node;\n };\n\n var getInitialFocusNode = function getInitialFocusNode() {\n var node = getNodeForOption('initialFocus'); // false explicitly indicates we want no initialFocus at all\n\n if (node === false) {\n return false;\n }\n\n if (node === undefined) {\n // option not specified: use fallback options\n if (findContainerIndex(doc.activeElement) >= 0) {\n node = doc.activeElement;\n } else {\n var firstTabbableGroup = state.tabbableGroups[0];\n var firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode; // NOTE: `fallbackFocus` option function cannot return `false` (not supported)\n\n node = firstTabbableNode || getNodeForOption('fallbackFocus');\n }\n }\n\n if (!node) {\n throw new Error('Your focus-trap needs to have at least one focusable element');\n }\n\n return node;\n };\n\n var updateTabbableNodes = function updateTabbableNodes() {\n state.containerGroups = state.containers.map(function (container) {\n var tabbableNodes = tabbable(container, config.tabbableOptions); // NOTE: if we have tabbable nodes, we must have focusable nodes; focusable nodes\n // are a superset of tabbable nodes\n\n var focusableNodes = focusable(container, config.tabbableOptions);\n return {\n container: container,\n tabbableNodes: tabbableNodes,\n focusableNodes: focusableNodes,\n firstTabbableNode: tabbableNodes.length > 0 ? tabbableNodes[0] : null,\n lastTabbableNode: tabbableNodes.length > 0 ? tabbableNodes[tabbableNodes.length - 1] : null,\n\n /**\n * Finds the __tabbable__ node that follows the given node in the specified direction,\n * in this container, if any.\n * @param {HTMLElement} node\n * @param {boolean} [forward] True if going in forward tab order; false if going\n * in reverse.\n * @returns {HTMLElement|undefined} The next tabbable node, if any.\n */\n nextTabbableNode: function nextTabbableNode(node) {\n var forward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n // NOTE: If tabindex is positive (in order to manipulate the tab order separate\n // from the DOM order), this __will not work__ because the list of focusableNodes,\n // while it contains tabbable nodes, does not sort its nodes in any order other\n // than DOM order, because it can't: Where would you place focusable (but not\n // tabbable) nodes in that order? They have no order, because they aren't tabbale...\n // Support for positive tabindex is already broken and hard to manage (possibly\n // not supportable, TBD), so this isn't going to make things worse than they\n // already are, and at least makes things better for the majority of cases where\n // tabindex is either 0/unset or negative.\n // FYI, positive tabindex issue: https://github.com/focus-trap/focus-trap/issues/375\n var nodeIdx = focusableNodes.findIndex(function (n) {\n return n === node;\n });\n\n if (nodeIdx < 0) {\n return undefined;\n }\n\n if (forward) {\n return focusableNodes.slice(nodeIdx + 1).find(function (n) {\n return isTabbable(n, config.tabbableOptions);\n });\n }\n\n return focusableNodes.slice(0, nodeIdx).reverse().find(function (n) {\n return isTabbable(n, config.tabbableOptions);\n });\n }\n };\n });\n state.tabbableGroups = state.containerGroups.filter(function (group) {\n return group.tabbableNodes.length > 0;\n }); // throw if no groups have tabbable nodes and we don't have a fallback focus node either\n\n if (state.tabbableGroups.length <= 0 && !getNodeForOption('fallbackFocus') // returning false not supported for this option\n ) {\n throw new Error('Your focus-trap must have at least one container with at least one tabbable node in it at all times');\n }\n };\n\n var tryFocus = function tryFocus(node) {\n if (node === false) {\n return;\n }\n\n if (node === doc.activeElement) {\n return;\n }\n\n if (!node || !node.focus) {\n tryFocus(getInitialFocusNode());\n return;\n }\n\n node.focus({\n preventScroll: !!config.preventScroll\n });\n state.mostRecentlyFocusedNode = node;\n\n if (isSelectableInput(node)) {\n node.select();\n }\n };\n\n var getReturnFocusNode = function getReturnFocusNode(previousActiveElement) {\n var node = getNodeForOption('setReturnFocus', previousActiveElement);\n return node ? node : node === false ? false : previousActiveElement;\n }; // This needs to be done on mousedown and touchstart instead of click\n // so that it precedes the focus event.\n\n\n var checkPointerDown = function checkPointerDown(e) {\n var target = getActualTarget(e);\n\n if (findContainerIndex(target) >= 0) {\n // allow the click since it ocurred inside the trap\n return;\n }\n\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n // immediately deactivate the trap\n trap.deactivate({\n // if, on deactivation, we should return focus to the node originally-focused\n // when the trap was activated (or the configured `setReturnFocus` node),\n // then assume it's also OK to return focus to the outside node that was\n // just clicked, causing deactivation, as long as that node is focusable;\n // if it isn't focusable, then return focus to the original node focused\n // on activation (or the configured `setReturnFocus` node)\n // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,\n // which will result in the outside click setting focus to the node\n // that was clicked, whether it's focusable or not; by setting\n // `returnFocus: true`, we'll attempt to re-focus the node originally-focused\n // on activation (or the configured `setReturnFocus` node)\n returnFocus: config.returnFocusOnDeactivate && !isFocusable(target, config.tabbableOptions)\n });\n return;\n } // This is needed for mobile devices.\n // (If we'll only let `click` events through,\n // then on mobile they will be blocked anyways if `touchstart` is blocked.)\n\n\n if (valueOrHandler(config.allowOutsideClick, e)) {\n // allow the click outside the trap to take place\n return;\n } // otherwise, prevent the click\n\n\n e.preventDefault();\n }; // In case focus escapes the trap for some strange reason, pull it back in.\n\n\n var checkFocusIn = function checkFocusIn(e) {\n var target = getActualTarget(e);\n var targetContained = findContainerIndex(target) >= 0; // In Firefox when you Tab out of an iframe the Document is briefly focused.\n\n if (targetContained || target instanceof Document) {\n if (targetContained) {\n state.mostRecentlyFocusedNode = target;\n }\n } else {\n // escaped! pull it back in to where it just left\n e.stopImmediatePropagation();\n tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());\n }\n }; // Hijack Tab events on the first and last focusable nodes of the trap,\n // in order to prevent focus from escaping. If it escapes for even a\n // moment it can end up scrolling the page and causing confusion so we\n // kind of need to capture the action at the keydown phase.\n\n\n var checkTab = function checkTab(e) {\n var target = getActualTarget(e);\n updateTabbableNodes();\n var destinationNode = null;\n\n if (state.tabbableGroups.length > 0) {\n // make sure the target is actually contained in a group\n // NOTE: the target may also be the container itself if it's focusable\n // with tabIndex='-1' and was given initial focus\n var containerIndex = findContainerIndex(target);\n var containerGroup = containerIndex >= 0 ? state.containerGroups[containerIndex] : undefined;\n\n if (containerIndex < 0) {\n // target not found in any group: quite possible focus has escaped the trap,\n // so bring it back in to...\n if (e.shiftKey) {\n // ...the last node in the last group\n destinationNode = state.tabbableGroups[state.tabbableGroups.length - 1].lastTabbableNode;\n } else {\n // ...the first node in the first group\n destinationNode = state.tabbableGroups[0].firstTabbableNode;\n }\n } else if (e.shiftKey) {\n // REVERSE\n // is the target the first tabbable node in a group?\n var startOfGroupIndex = findIndex(state.tabbableGroups, function (_ref2) {\n var firstTabbableNode = _ref2.firstTabbableNode;\n return target === firstTabbableNode;\n });\n\n if (startOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target, false))) {\n // an exception case where the target is either the container itself, or\n // a non-tabbable node that was given focus (i.e. tabindex is negative\n // and user clicked on it or node was programmatically given focus)\n // and is not followed by any other tabbable node, in which\n // case, we should handle shift+tab as if focus were on the container's\n // first tabbable node, and go to the last tabbable node of the LAST group\n startOfGroupIndex = containerIndex;\n }\n\n if (startOfGroupIndex >= 0) {\n // YES: then shift+tab should go to the last tabbable node in the\n // previous group (and wrap around to the last tabbable node of\n // the LAST group if it's the first tabbable node of the FIRST group)\n var destinationGroupIndex = startOfGroupIndex === 0 ? state.tabbableGroups.length - 1 : startOfGroupIndex - 1;\n var destinationGroup = state.tabbableGroups[destinationGroupIndex];\n destinationNode = destinationGroup.lastTabbableNode;\n }\n } else {\n // FORWARD\n // is the target the last tabbable node in a group?\n var lastOfGroupIndex = findIndex(state.tabbableGroups, function (_ref3) {\n var lastTabbableNode = _ref3.lastTabbableNode;\n return target === lastTabbableNode;\n });\n\n if (lastOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target))) {\n // an exception case where the target is the container itself, or\n // a non-tabbable node that was given focus (i.e. tabindex is negative\n // and user clicked on it or node was programmatically given focus)\n // and is not followed by any other tabbable node, in which\n // case, we should handle tab as if focus were on the container's\n // last tabbable node, and go to the first tabbable node of the FIRST group\n lastOfGroupIndex = containerIndex;\n }\n\n if (lastOfGroupIndex >= 0) {\n // YES: then tab should go to the first tabbable node in the next\n // group (and wrap around to the first tabbable node of the FIRST\n // group if it's the last tabbable node of the LAST group)\n var _destinationGroupIndex = lastOfGroupIndex === state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1;\n\n var _destinationGroup = state.tabbableGroups[_destinationGroupIndex];\n destinationNode = _destinationGroup.firstTabbableNode;\n }\n }\n } else {\n // NOTE: the fallbackFocus option does not support returning false to opt-out\n destinationNode = getNodeForOption('fallbackFocus');\n }\n\n if (destinationNode) {\n e.preventDefault();\n tryFocus(destinationNode);\n } // else, let the browser take care of [shift+]tab and move the focus\n\n };\n\n var checkKey = function checkKey(e) {\n if (isEscapeEvent(e) && valueOrHandler(config.escapeDeactivates, e) !== false) {\n e.preventDefault();\n trap.deactivate();\n return;\n }\n\n if (isTabEvent(e)) {\n checkTab(e);\n return;\n }\n };\n\n var checkClick = function checkClick(e) {\n var target = getActualTarget(e);\n\n if (findContainerIndex(target) >= 0) {\n return;\n }\n\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n return;\n }\n\n if (valueOrHandler(config.allowOutsideClick, e)) {\n return;\n }\n\n e.preventDefault();\n e.stopImmediatePropagation();\n }; //\n // EVENT LISTENERS\n //\n\n\n var addListeners = function addListeners() {\n if (!state.active) {\n return;\n } // There can be only one listening focus trap at a time\n\n\n activeFocusTraps.activateTrap(trap); // Delay ensures that the focused element doesn't capture the event\n // that caused the focus trap activation.\n\n state.delayInitialFocusTimer = config.delayInitialFocus ? delay(function () {\n tryFocus(getInitialFocusNode());\n }) : tryFocus(getInitialFocusNode());\n doc.addEventListener('focusin', checkFocusIn, true);\n doc.addEventListener('mousedown', checkPointerDown, {\n capture: true,\n passive: false\n });\n doc.addEventListener('touchstart', checkPointerDown, {\n capture: true,\n passive: false\n });\n doc.addEventListener('click', checkClick, {\n capture: true,\n passive: false\n });\n doc.addEventListener('keydown', checkKey, {\n capture: true,\n passive: false\n });\n return trap;\n };\n\n var removeListeners = function removeListeners() {\n if (!state.active) {\n return;\n }\n\n doc.removeEventListener('focusin', checkFocusIn, true);\n doc.removeEventListener('mousedown', checkPointerDown, true);\n doc.removeEventListener('touchstart', checkPointerDown, true);\n doc.removeEventListener('click', checkClick, true);\n doc.removeEventListener('keydown', checkKey, true);\n return trap;\n }; //\n // TRAP DEFINITION\n //\n\n\n trap = {\n get active() {\n return state.active;\n },\n\n get paused() {\n return state.paused;\n },\n\n activate: function activate(activateOptions) {\n if (state.active) {\n return this;\n }\n\n var onActivate = getOption(activateOptions, 'onActivate');\n var onPostActivate = getOption(activateOptions, 'onPostActivate');\n var checkCanFocusTrap = getOption(activateOptions, 'checkCanFocusTrap');\n\n if (!checkCanFocusTrap) {\n updateTabbableNodes();\n }\n\n state.active = true;\n state.paused = false;\n state.nodeFocusedBeforeActivation = doc.activeElement;\n\n if (onActivate) {\n onActivate();\n }\n\n var finishActivation = function finishActivation() {\n if (checkCanFocusTrap) {\n updateTabbableNodes();\n }\n\n addListeners();\n\n if (onPostActivate) {\n onPostActivate();\n }\n };\n\n if (checkCanFocusTrap) {\n checkCanFocusTrap(state.containers.concat()).then(finishActivation, finishActivation);\n return this;\n }\n\n finishActivation();\n return this;\n },\n deactivate: function deactivate(deactivateOptions) {\n if (!state.active) {\n return this;\n }\n\n var options = _objectSpread2({\n onDeactivate: config.onDeactivate,\n onPostDeactivate: config.onPostDeactivate,\n checkCanReturnFocus: config.checkCanReturnFocus\n }, deactivateOptions);\n\n clearTimeout(state.delayInitialFocusTimer); // noop if undefined\n\n state.delayInitialFocusTimer = undefined;\n removeListeners();\n state.active = false;\n state.paused = false;\n activeFocusTraps.deactivateTrap(trap);\n var onDeactivate = getOption(options, 'onDeactivate');\n var onPostDeactivate = getOption(options, 'onPostDeactivate');\n var checkCanReturnFocus = getOption(options, 'checkCanReturnFocus');\n var returnFocus = getOption(options, 'returnFocus', 'returnFocusOnDeactivate');\n\n if (onDeactivate) {\n onDeactivate();\n }\n\n var finishDeactivation = function finishDeactivation() {\n delay(function () {\n if (returnFocus) {\n tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n }\n\n if (onPostDeactivate) {\n onPostDeactivate();\n }\n });\n };\n\n if (returnFocus && checkCanReturnFocus) {\n checkCanReturnFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)).then(finishDeactivation, finishDeactivation);\n return this;\n }\n\n finishDeactivation();\n return this;\n },\n pause: function pause() {\n if (state.paused || !state.active) {\n return this;\n }\n\n state.paused = true;\n removeListeners();\n return this;\n },\n unpause: function unpause() {\n if (!state.paused || !state.active) {\n return this;\n }\n\n state.paused = false;\n updateTabbableNodes();\n addListeners();\n return this;\n },\n updateContainerElements: function updateContainerElements(containerElements) {\n var elementsAsArray = [].concat(containerElements).filter(Boolean);\n state.containers = elementsAsArray.map(function (element) {\n return typeof element === 'string' ? doc.querySelector(element) : element;\n });\n\n if (state.active) {\n updateTabbableNodes();\n }\n\n return this;\n }\n }; // initialize container elements\n\n trap.updateContainerElements(elements);\n return trap;\n};\n\nexport { createFocusTrap };\n//# sourceMappingURL=focus-trap.esm.js.map\n","\"use strict\";\n\nexports.__esModule = true;\nexports.applyTrailingSlashOption = void 0;\nconst applyTrailingSlashOption = (input, option = `always`) => {\n const hasHtmlSuffix = input.endsWith(`.html`);\n const hasXmlSuffix = input.endsWith(`.xml`);\n const hasPdfSuffix = input.endsWith(`.pdf`);\n if (input === `/`) return input;\n if (hasHtmlSuffix || hasXmlSuffix || hasPdfSuffix) {\n option = `never`;\n }\n if (option === `always`) {\n return input.endsWith(`/`) ? input : `${input}/`;\n }\n if (option === `never`) {\n return input.endsWith(`/`) ? input.slice(0, -1) : input;\n }\n return input;\n};\nexports.applyTrailingSlashOption = applyTrailingSlashOption;","\"use strict\";\n\nexports.__esModule = true;\nexports.useScrollRestoration = exports.ScrollContext = void 0;\nvar _scrollHandler = require(\"./scroll-handler\");\nexports.ScrollContext = _scrollHandler.ScrollHandler;\nvar _useScrollRestoration = require(\"./use-scroll-restoration\");\nexports.useScrollRestoration = _useScrollRestoration.useScrollRestoration;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nexports.__esModule = true;\nexports.ScrollHandler = exports.ScrollContext = void 0;\nvar _assertThisInitialized2 = _interopRequireDefault(require(\"@babel/runtime/helpers/assertThisInitialized\"));\nvar _inheritsLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inheritsLoose\"));\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\nvar _sessionStorage = require(\"./session-storage\");\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\nvar ScrollContext = /*#__PURE__*/React.createContext(new _sessionStorage.SessionStorage());\nexports.ScrollContext = ScrollContext;\nScrollContext.displayName = \"GatsbyScrollContext\";\nvar ScrollHandler = /*#__PURE__*/function (_React$Component) {\n (0, _inheritsLoose2.default)(ScrollHandler, _React$Component);\n function ScrollHandler() {\n var _this;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n _this._stateStorage = new _sessionStorage.SessionStorage();\n _this._isTicking = false;\n _this._latestKnownScrollY = 0;\n _this.scrollListener = function () {\n _this._latestKnownScrollY = window.scrollY;\n if (!_this._isTicking) {\n _this._isTicking = true;\n requestAnimationFrame(_this._saveScroll.bind((0, _assertThisInitialized2.default)(_this)));\n }\n };\n _this.windowScroll = function (position, prevProps) {\n if (_this.shouldUpdateScroll(prevProps, _this.props)) {\n window.scrollTo(0, position);\n }\n };\n _this.scrollToHash = function (hash, prevProps) {\n var node = document.getElementById(hash.substring(1));\n if (node && _this.shouldUpdateScroll(prevProps, _this.props)) {\n node.scrollIntoView();\n }\n };\n _this.shouldUpdateScroll = function (prevRouterProps, routerProps) {\n var shouldUpdateScroll = _this.props.shouldUpdateScroll;\n if (!shouldUpdateScroll) {\n return true;\n }\n\n // Hack to allow accessing this._stateStorage.\n return shouldUpdateScroll.call((0, _assertThisInitialized2.default)(_this), prevRouterProps, routerProps);\n };\n return _this;\n }\n var _proto = ScrollHandler.prototype;\n _proto._saveScroll = function _saveScroll() {\n var key = this.props.location.key || null;\n if (key) {\n this._stateStorage.save(this.props.location, key, this._latestKnownScrollY);\n }\n this._isTicking = false;\n };\n _proto.componentDidMount = function componentDidMount() {\n window.addEventListener(\"scroll\", this.scrollListener);\n var scrollPosition;\n var _this$props$location = this.props.location,\n key = _this$props$location.key,\n hash = _this$props$location.hash;\n if (key) {\n scrollPosition = this._stateStorage.read(this.props.location, key);\n }\n\n /** If a hash is present in the browser url as the component mounts (i.e. the user is navigating\n * from an external website) then scroll to the hash instead of any previously stored scroll\n * position. */\n if (hash) {\n this.scrollToHash(decodeURI(hash), undefined);\n } else if (scrollPosition) {\n this.windowScroll(scrollPosition, undefined);\n }\n };\n _proto.componentWillUnmount = function componentWillUnmount() {\n window.removeEventListener(\"scroll\", this.scrollListener);\n };\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var _this$props$location2 = this.props.location,\n hash = _this$props$location2.hash,\n key = _this$props$location2.key;\n var scrollPosition;\n if (key) {\n scrollPosition = this._stateStorage.read(this.props.location, key);\n }\n\n /** There are two pieces of state: the browser url and\n * history state which keeps track of scroll position\n * Native behaviour prescribes that we ought to restore scroll position\n * when a user navigates back in their browser (this is the `POP` action)\n * Currently, reach router has a bug that prevents this at https://github.com/reach/router/issues/228\n * So we _always_ stick to the url as a source of truth — if the url\n * contains a hash, we scroll to it\n */\n\n if (hash) {\n this.scrollToHash(decodeURI(hash), prevProps);\n } else {\n this.windowScroll(scrollPosition, prevProps);\n }\n };\n _proto.render = function render() {\n return /*#__PURE__*/React.createElement(ScrollContext.Provider, {\n value: this._stateStorage\n }, this.props.children);\n };\n return ScrollHandler;\n}(React.Component);\nexports.ScrollHandler = ScrollHandler;\nScrollHandler.propTypes = {\n shouldUpdateScroll: _propTypes.default.func,\n children: _propTypes.default.element.isRequired,\n location: _propTypes.default.object.isRequired\n};","\"use strict\";\n\nexports.__esModule = true;\nexports.SessionStorage = void 0;\nvar STATE_KEY_PREFIX = \"@@scroll|\";\nvar GATSBY_ROUTER_SCROLL_STATE = \"___GATSBY_REACT_ROUTER_SCROLL\";\nvar SessionStorage = /*#__PURE__*/function () {\n function SessionStorage() {}\n var _proto = SessionStorage.prototype;\n _proto.read = function read(location, key) {\n var stateKey = this.getStateKey(location, key);\n try {\n var value = window.sessionStorage.getItem(stateKey);\n return value ? JSON.parse(value) : 0;\n } catch (e) {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(\"[gatsby-react-router-scroll] Unable to access sessionStorage; sessionStorage is not available.\");\n }\n if (window && window[GATSBY_ROUTER_SCROLL_STATE] && window[GATSBY_ROUTER_SCROLL_STATE][stateKey]) {\n return window[GATSBY_ROUTER_SCROLL_STATE][stateKey];\n }\n return 0;\n }\n };\n _proto.save = function save(location, key, value) {\n var stateKey = this.getStateKey(location, key);\n var storedValue = JSON.stringify(value);\n try {\n window.sessionStorage.setItem(stateKey, storedValue);\n } catch (e) {\n if (window && window[GATSBY_ROUTER_SCROLL_STATE]) {\n window[GATSBY_ROUTER_SCROLL_STATE][stateKey] = JSON.parse(storedValue);\n } else {\n window[GATSBY_ROUTER_SCROLL_STATE] = {};\n window[GATSBY_ROUTER_SCROLL_STATE][stateKey] = JSON.parse(storedValue);\n }\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(\"[gatsby-react-router-scroll] Unable to save state in sessionStorage; sessionStorage is not available.\");\n }\n }\n };\n _proto.getStateKey = function getStateKey(location, key) {\n var stateKeyBase = \"\" + STATE_KEY_PREFIX + location.pathname;\n return key === null || typeof key === \"undefined\" ? stateKeyBase : stateKeyBase + \"|\" + key;\n };\n return SessionStorage;\n}();\nexports.SessionStorage = SessionStorage;","\"use strict\";\n\nexports.__esModule = true;\nexports.useScrollRestoration = useScrollRestoration;\nvar _scrollHandler = require(\"./scroll-handler\");\nvar _react = require(\"react\");\nvar _reachRouter = require(\"@gatsbyjs/reach-router\");\nfunction useScrollRestoration(identifier) {\n var location = (0, _reachRouter.useLocation)();\n var state = (0, _react.useContext)(_scrollHandler.ScrollContext);\n var ref = (0, _react.useRef)(null);\n (0, _react.useLayoutEffect)(function () {\n if (ref.current) {\n var position = state.read(location, identifier);\n ref.current.scrollTo(0, position || 0);\n }\n }, [location.key]);\n return {\n ref: ref,\n onScroll: function onScroll() {\n if (ref.current) {\n state.save(location, identifier, ref.current.scrollTop);\n }\n }\n };\n}","\"use strict\";\n\nexports.__esModule = true;\nexports.onInitialClientRender = void 0;\nvar _gatsbyScript = require(\"gatsby-script\");\nvar _injectPartytownSnippet = require(\"./utils/inject-partytown-snippet\");\n// Makes sure off-main-thread scripts are loaded in `gatsby develop`\nconst onInitialClientRender = () => {\n if (process.env.NODE_ENV !== `development`) {\n return;\n }\n (0, _injectPartytownSnippet.injectPartytownSnippet)(_gatsbyScript.collectedScriptsByPage.get(window.location.pathname));\n\n // Clear scripts after we've used them to avoid leaky behavior\n _gatsbyScript.collectedScriptsByPage.delete(window.location.pathname);\n};\n\n// Client-side navigation (CSR, e.g. Gatsby Link navigations) are broken upstream in Partytown.\n// We need an official API from Partytown for handling re-configuration and on-demand script loading.\n// Until then, `off-main-thread` scripts load only on server-side navigation (SSR).\n// See https://github.com/BuilderIO/partytown/issues/74 for more details.\nexports.onInitialClientRender = onInitialClientRender;\n//# sourceMappingURL=gatsby-browser.js.map","\"use strict\";\n\nexports.__esModule = true;\nexports.getForwards = getForwards;\nfunction getForwards(collectedScripts) {\n return collectedScripts === null || collectedScripts === void 0 ? void 0 : collectedScripts.flatMap(script => (script === null || script === void 0 ? void 0 : script.forward) || []);\n}\n//# sourceMappingURL=get-forwards.js.map","\"use strict\";\n\nexports.__esModule = true;\nexports.injectPartytownSnippet = injectPartytownSnippet;\nvar _integration = require(\"@builder.io/partytown/integration\");\nvar _getForwards = require(\"./get-forwards\");\n// Adapted from https://github.com/BuilderIO/partytown/blob/main/src/react/snippet.tsx to only include CSR logic\nfunction injectPartytownSnippet(collectedScripts) {\n if (!collectedScripts.length) {\n return;\n }\n const existingSnippet = document.querySelector(`script[data-partytown]`);\n const existingSandbox = document.querySelector(`iframe[src*=\"~partytown/partytown-sandbox-sw\"]`);\n if (existingSnippet) {\n existingSnippet.remove();\n }\n if (existingSandbox) {\n existingSandbox.remove();\n }\n const forwards = (0, _getForwards.getForwards)(collectedScripts);\n const snippet = document.createElement(`script`);\n snippet.dataset.partytown = ``;\n snippet.innerHTML = (0, _integration.partytownSnippet)({\n forward: forwards\n });\n document.head.appendChild(snippet);\n}\n//# sourceMappingURL=inject-partytown-snippet.js.map","\"use strict\";\n\nexports.wrapPageElement = require(\"./wrap-page\");","\"use strict\";\n\nvar React = require(\"react\");\nvar preferDefault = function preferDefault(m) {\n return m && m.default || m;\n};\nvar Layout;\ntry {\n Layout = preferDefault(require(GATSBY_LAYOUT_COMPONENT_PATH));\n} catch (e) {\n if (e.toString().indexOf(\"Error: Cannot find module\") !== -1) {\n throw new Error(\"Couldn't find layout component at \\\"\" + GATSBY_LAYOUT_COMPONENT_PATH + \".\\n\\n\" + \"Please create layout component in that location or specify path to layout component in gatsby-config.js\");\n } else {\n // Logging the error for debugging older browsers as there is no way\n // to wrap the thrown error in a try/catch.\n console.error(e);\n throw e;\n }\n}\n\n// eslint-disable-next-line react/prop-types,react/display-name\nmodule.exports = function (_ref) {\n var element = _ref.element,\n props = _ref.props;\n return /*#__PURE__*/React.createElement(Layout, props, element);\n};","/* global __MANIFEST_PLUGIN_HAS_LOCALISATION__ */\nimport { withPrefix } from \"gatsby\";\nimport getManifestForPathname from \"./get-manifest-pathname\";\n\n// when we don't have localisation in our manifest, we tree shake everything away\nexport const onRouteUpdate = function onRouteUpdate({\n location\n}, pluginOptions) {\n if (__MANIFEST_PLUGIN_HAS_LOCALISATION__) {\n const {\n localize\n } = pluginOptions;\n const manifestFilename = getManifestForPathname(location.pathname, localize, true);\n const manifestEl = document.head.querySelector(`link[rel=\"manifest\"]`);\n if (manifestEl) {\n manifestEl.setAttribute(`href`, withPrefix(manifestFilename));\n }\n }\n};","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\nvar _gatsby = require(\"gatsby\");\n/**\n * Get a manifest filename depending on localized pathname\n *\n * @param {string} pathname\n * @param {Array<{start_url: string, lang: string}>} localizedManifests\n * @param {boolean} shouldPrependPathPrefix\n * @return string\n */\nvar _default = (pathname, localizedManifests, shouldPrependPathPrefix = false) => {\n const defaultFilename = `manifest.webmanifest`;\n if (!Array.isArray(localizedManifests)) {\n return defaultFilename;\n }\n const localizedManifest = localizedManifests.find(app => {\n let startUrl = app.start_url;\n if (shouldPrependPathPrefix) {\n startUrl = (0, _gatsby.withPrefix)(startUrl);\n }\n return pathname.startsWith(startUrl);\n });\n if (!localizedManifest) {\n return defaultFilename;\n }\n return `manifest_${localizedManifest.lang}.webmanifest`;\n};\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _styledComponents = require(\"styled-components\");\n// eslint-disable-next-line react/prop-types,react/display-name\nexports.wrapRootElement = function (_ref, pluginOptions) {\n var element = _ref.element;\n return /*#__PURE__*/_react.default.createElement(_styledComponents.StyleSheetManager, {\n disableVendorPrefixes: (pluginOptions === null || pluginOptions === void 0 ? void 0 : pluginOptions.disableVendorPrefixes) === true\n }, element);\n};","\"use strict\";\n\nvar offsetY = 0;\nvar getTargetOffset = function getTargetOffset(hash) {\n var id = window.decodeURI(hash.replace(\"#\", \"\"));\n if (id !== \"\") {\n var element = document.getElementById(id);\n if (element) {\n var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n var clientTop = document.documentElement.clientTop || document.body.clientTop || 0;\n var computedStyles = window.getComputedStyle(element);\n var scrollMarginTop = computedStyles.getPropertyValue(\"scroll-margin-top\") || computedStyles.getPropertyValue(\"scroll-snap-margin-top\") || \"0px\";\n return element.getBoundingClientRect().top + scrollTop - parseInt(scrollMarginTop, 10) - clientTop - offsetY;\n }\n }\n return null;\n};\nexports.onInitialClientRender = function (_, pluginOptions) {\n if (pluginOptions.offsetY) {\n offsetY = pluginOptions.offsetY;\n }\n requestAnimationFrame(function () {\n var offset = getTargetOffset(window.location.hash);\n if (offset !== null) {\n window.scrollTo(0, offset);\n }\n });\n};\nexports.shouldUpdateScroll = function (_ref) {\n var location = _ref.routerProps.location;\n var offset = getTargetOffset(location.hash);\n return offset !== null ? [0, offset] : true;\n};","import { GatsbyBrowser } from 'gatsby'\n\nexport const onRouteUpdate: GatsbyBrowser['onRouteUpdate'] = ({ location }) => {\n const { hash } = location\n if (!hash) return\n\n const id = hash.substring(1, hash.length)\n const element = document.getElementById(id)\n\n if (element) element.scrollIntoView()\n}\n","import React, { PropsWithRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport { COLORS } from 'consts/themes'\nimport { BORDER_SIZES } from 'consts/border'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { TAP_HIGHLIGHT_STYLES } from 'consts/tapHighlight'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\n\nexport const buttonBareStyles = css<{\n $isKeyNavigating: boolean\n $isButton?: boolean\n}>`\n ${KEY_NAVIGATING_STYLES};\n ${TAP_HIGHLIGHT_STYLES};\n color: ${COLORS.TEXT_BODY};\n outline-offset: -${BORDER_SIZES.OUTLINE};\n -webkit-appearance: none;\n appearance: none;\n background-color: transparent;\n touch-action: manipulation;\n display: inline-flex;\n text-decoration: none;\n cursor: pointer;\n border: 0;\n padding: 0;\n margin: 0;\n\n ${({ $isButton }) =>\n $isButton &&\n css`\n &:disabled {\n cursor: not-allowed;\n }\n `}\n`\n\nconst ButtonBareWrapper = styled.button`\n ${buttonBareStyles};\n position: relative;\n`\n\nexport const ButtonBareText = styled.span``\n\nexport type PropType = PropsWithRef<\n React.DetailedHTMLProps<\n React.ButtonHTMLAttributes,\n HTMLButtonElement\n >\n>\n\nexport const ButtonBare = React.forwardRef(function ButtonBare(\n props: PropType,\n ref: React.ForwardedRef\n) {\n const { children, ...restProps } = props\n const { isKeyNavigating } = useKeyNavigating()\n\n return (\n \n {children}\n \n )\n})\n","import React from 'react'\nimport styled, { css } from 'styled-components'\nimport { BORDER_RADIUSES } from 'consts/border'\nimport { COLORS } from 'consts/themes'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\n\nconst DEFAULT_SIZE = '3rem'\nconst DEFAULT_THICKNESS = '0.2rem'\n\nconst LoadSpinnerWrapper = styled.span<{\n $size: string\n $thickness: string\n $color: string\n}>`\n ${({ $size }) => createSquareSizeStyles($size)}\n display: inline-flex;\n position: relative;\n\n > span {\n ${({ $size, $thickness, $color }) => css`\n ${createSquareSizeStyles($size)}\n border: ${$thickness} solid ${$color};\n border-color: ${$color} transparent transparent transparent;\n `}\n display: block;\n position: absolute;\n border-radius: ${BORDER_RADIUSES.CIRCLE};\n animation: rotate 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n }\n\n > span:nth-child(1) {\n animation-delay: -0.45s;\n }\n > span:nth-child(2) {\n animation-delay: -0.3s;\n }\n > span:nth-child(3) {\n animation-delay: -0.15s;\n }\n\n @keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n`\n\nexport type PropType = {\n size?: string\n thickness?: string\n color?: string\n}\n\nexport const LoadSpinner = (props: PropType) => {\n const {\n size = DEFAULT_SIZE,\n thickness = DEFAULT_THICKNESS,\n color = COLORS.DETAIL_HIGH_CONTRAST,\n ...restProps\n } = props\n\n return (\n \n \n \n \n \n \n )\n}\n","import React from 'react'\nimport styled, { css } from 'styled-components'\nimport { ButtonBare, PropType as ButtonBarePropType } from './ButtonBare'\nimport {\n LoadSpinner,\n PropType as LoadSpinnerPropType\n} from 'components/LoadSpinner/LoadSpinner'\n\nconst ButtonLoadSpinner = styled(LoadSpinner)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n`\n\nconst ButtonLoadSpinnerText = styled.span``\n\nconst buttonWithLoadingStyles = css<{ $isLoading: boolean }>`\n position: relative;\n width: 100%;\n text-align: center;\n justify-content: center;\n\n ${({ $isLoading }) =>\n $isLoading &&\n css`\n ${ButtonLoadSpinnerText} {\n opacity: 0;\n }\n `}\n`\n\ntype PropType = ButtonBarePropType & {\n isLoading: boolean\n}\n\nexport const createButtonWithLoading = (\n ButtonComponent: typeof ButtonBare,\n size?: LoadSpinnerPropType['size'],\n color?: LoadSpinnerPropType['color']\n): ((props: PropType) => JSX.Element) => {\n const displayName = `${ButtonComponent.displayName}WithLoading`\n\n const Button = styled(ButtonComponent)`\n ${buttonWithLoadingStyles};\n `\n\n const ButtonWithLoading = (props: PropType) => {\n const { children, isLoading, ...restProps } = props\n\n return (\n \n )\n }\n\n ButtonWithLoading.displayName = displayName\n return ButtonWithLoading\n}\n","import styled, { css } from 'styled-components'\nimport { ButtonBare } from './ButtonBare'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { createButtonWithLoading } from './createButtonWithLoading'\n\nexport const buttonPrimaryFilledStyles = css`\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n color: ${COLORS.BACKGROUND_SITE};\n padding: ${SPACINGS.CUSTOM(() => 1.4)} ${SPACINGS.CUSTOM(() => 2.6)};\n line-height: 1.15;\n border-radius: 3rem;\n font-weight: ${FONT_WEIGHTS.BOLD};\n display: inline-flex;\n`\n\nexport const ButtonPrimaryFilled = styled(ButtonBare)`\n ${buttonPrimaryFilledStyles};\n\n &:disabled {\n background-image: none;\n background-color: ${COLORS.DETAIL_HIGH_CONTRAST};\n }\n`\n\nexport const ButtonPrimaryFilledWithLoading = createButtonWithLoading(\n ButtonPrimaryFilled,\n SPACINGS.FOUR,\n COLORS.TEXT_BODY\n)\n","import React, { PropsWithChildren } from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\nimport { BORDER_SIZES } from 'consts/border'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst LINK_SPACING = SPACINGS.FIVE\nconst ICON_SPACING = SPACINGS.CUSTOM(({ TWO }) => TWO - 0.2)\n\nconst FooterLinksWrapper = styled.ul`\n ${createGapStyles(LINK_SPACING, '', 'li')};\n display: flex;\n`\n\nconst Link = styled(LinkBare)`\n margin-right: -${BORDER_SIZES.OUTLINE};\n padding: ${SPACINGS.ONE} ${BORDER_SIZES.OUTLINE};\n outline-offset: -${BORDER_SIZES.OUTLINE};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n display: inline-flex;\n align-items: center;\n`\n\ntype PropType = PropsWithChildren<{}>\n\nexport const FooterLinks = (props: PropType) => {\n const { ...restProps } = props\n\n return (\n \n
  • \n \n \n Npm\n \n \n
    • \n
  • \n \n \n GitHub\n \n \n
    • \n     \n )\n}\n","import React from 'react'\nimport styled, { css } from 'styled-components'\nimport { NAVIGATION_ID } from './SiteNavigation'\nimport { COLORS } from 'consts/themes'\nimport { MEDIA } from 'consts/breakpoints'\nimport { BORDER_RADIUSES } from 'consts/border'\nimport { useNavigation } from 'hooks/useNavigation'\nimport { ButtonBare } from 'components/Button/ButtonBare'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\n\nconst BUTTON_SIZE = '4rem'\nconst BURGER_SIZE = '2.35rem'\n\nconst SiteNavigationToggleWrapper = styled(ButtonBare)`\n ${createSquareSizeStyles(BUTTON_SIZE)};\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n padding: 0;\n margin-left: calc((${BUTTON_SIZE} - ${BURGER_SIZE}) / 2 * -1);\n margin-right: calc((${BUTTON_SIZE} - ${BURGER_SIZE}) / 2 * -1);\n\n ${MEDIA.DESKTOP} {\n display: none;\n }\n`\n\nconst Burger = styled.div<{ $isOpen: boolean }>`\n position: relative;\n > span {\n background-color: ${COLORS.TEXT_HIGH_CONTRAST};\n display: block;\n height: 0.2rem;\n border-radius: ${BORDER_RADIUSES.LINE};\n position: relative;\n width: ${BURGER_SIZE};\n &:before,\n &:after {\n background-color: ${COLORS.TEXT_HIGH_CONTRAST};\n position: absolute;\n content: \"\";\n border-radius: ${BORDER_RADIUSES.LINE};\n display: block;\n height: 100%;\n width: 100%;\n }\n &:before {\n transform: translateY(0.8rem);\n }\n &:after {\n transform: translateY(-0.8rem);\n }\n\n ${({ $isOpen }) => css`\n background-color: ${$isOpen && 'transparent'};\n &:before {\n transform: ${$isOpen && 'rotate(-45deg) translateY(0)'};\n }\n &:after {\n transform: ${$isOpen && 'rotate(45deg) translateY(0)'};\n }\n `}};\n }\n`\n\nexport const SiteNavigationToggle = () => {\n const { isOpen, toggleNavigation } = useNavigation()\n const toggleAction = isOpen ? 'Hide' : 'Show'\n\n return (\n \n \n \n \n \n )\n}\n","import React from 'react';\nexport function ControlKeyIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"15\",\n height: \"15\",\n className: \"DocSearch-Control-Key-Icon\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953\",\n strokeWidth: \"1.2\",\n stroke: \"currentColor\",\n fill: \"none\",\n strokeLinecap: \"square\"\n }));\n}","import React from 'react';\nexport function SearchIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"20\",\n height: \"20\",\n className: \"DocSearch-Search-Icon\",\n viewBox: \"0 0 20 20\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z\",\n stroke: \"currentColor\",\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }));\n}","var _excluded = [\"translations\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React, { useEffect, useState } from 'react';\nimport { ControlKeyIcon } from './icons/ControlKeyIcon';\nimport { SearchIcon } from './icons/SearchIcon';\nvar ACTION_KEY_DEFAULT = 'Ctrl';\nvar ACTION_KEY_APPLE = '⌘';\n\nfunction isAppleDevice() {\n return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);\n}\n\nexport var DocSearchButton = React.forwardRef(function (_ref, ref) {\n var _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? {} : _ref$translations,\n props = _objectWithoutProperties(_ref, _excluded);\n\n var _translations$buttonT = translations.buttonText,\n buttonText = _translations$buttonT === void 0 ? 'Search' : _translations$buttonT,\n _translations$buttonA = translations.buttonAriaLabel,\n buttonAriaLabel = _translations$buttonA === void 0 ? 'Search' : _translations$buttonA;\n\n var _useState = useState(null),\n _useState2 = _slicedToArray(_useState, 2),\n key = _useState2[0],\n setKey = _useState2[1];\n\n useEffect(function () {\n if (typeof navigator !== 'undefined') {\n isAppleDevice() ? setKey(ACTION_KEY_APPLE) : setKey(ACTION_KEY_DEFAULT);\n }\n }, []);\n return /*#__PURE__*/React.createElement(\"button\", _extends({\n type: \"button\",\n className: \"DocSearch DocSearch-Button\",\n \"aria-label\": buttonAriaLabel\n }, props, {\n ref: ref\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: \"DocSearch-Button-Container\"\n }, /*#__PURE__*/React.createElement(SearchIcon, null), /*#__PURE__*/React.createElement(\"span\", {\n className: \"DocSearch-Button-Placeholder\"\n }, buttonText)), /*#__PURE__*/React.createElement(\"span\", {\n className: \"DocSearch-Button-Keys\"\n }, key !== null && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"kbd\", {\n className: \"DocSearch-Button-Key\"\n }, key === ACTION_KEY_DEFAULT ? /*#__PURE__*/React.createElement(ControlKeyIcon, null) : key), /*#__PURE__*/React.createElement(\"kbd\", {\n className: \"DocSearch-Button-Key\"\n }, \"K\"))));\n});","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { createCancelablePromiseList } from './utils';\nexport function createStore(reducer, props, onStoreStateChange) {\n var state = props.initialState;\n return {\n getState: function getState() {\n return state;\n },\n dispatch: function dispatch(action, payload) {\n var prevState = _objectSpread({}, state);\n\n state = reducer(state, {\n type: action,\n props: props,\n payload: payload\n });\n onStoreStateChange({\n state: state,\n prevState: prevState\n });\n },\n pendingRequests: createCancelablePromiseList()\n };\n}","export function createCancelablePromiseList() {\n var list = [];\n return {\n add: function add(cancelablePromise) {\n list.push(cancelablePromise);\n return cancelablePromise.finally(function () {\n list = list.filter(function (item) {\n return item !== cancelablePromise;\n });\n });\n },\n cancelAll: function cancelAll() {\n list.forEach(function (promise) {\n return promise.cancel();\n });\n },\n isEmpty: function isEmpty() {\n return list.length === 0;\n }\n };\n}","export function flatten(values) {\n return values.reduce(function (a, b) {\n return a.concat(b);\n }, []);\n}","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { flatten } from '@algolia/autocomplete-shared';\nexport function getAutocompleteSetters(_ref) {\n var store = _ref.store;\n\n var setActiveItemId = function setActiveItemId(value) {\n store.dispatch('setActiveItemId', value);\n };\n\n var setQuery = function setQuery(value) {\n store.dispatch('setQuery', value);\n };\n\n var setCollections = function setCollections(rawValue) {\n var baseItemId = 0;\n var value = rawValue.map(function (collection) {\n return _objectSpread(_objectSpread({}, collection), {}, {\n // We flatten the stored items to support calling `getAlgoliaResults`\n // from the source itself.\n items: flatten(collection.items).map(function (item) {\n return _objectSpread(_objectSpread({}, item), {}, {\n __autocomplete_id: baseItemId++\n });\n })\n });\n });\n store.dispatch('setCollections', value);\n };\n\n var setIsOpen = function setIsOpen(value) {\n store.dispatch('setIsOpen', value);\n };\n\n var setStatus = function setStatus(value) {\n store.dispatch('setStatus', value);\n };\n\n var setContext = function setContext(value) {\n store.dispatch('setContext', value);\n };\n\n return {\n setActiveItemId: setActiveItemId,\n setQuery: setQuery,\n setCollections: setCollections,\n setIsOpen: setIsOpen,\n setStatus: setStatus,\n setContext: setContext\n };\n}","export function getItemsCount(state) {\n if (state.collections.length === 0) {\n return 0;\n }\n\n return state.collections.reduce(function (sum, collection) {\n return sum + collection.items.length;\n }, 0);\n}","var autocompleteId = 0;\nexport function generateAutocompleteId() {\n return \"autocomplete-\".concat(autocompleteId++);\n}","export var noop = function noop() {};","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nimport { invariant, decycle, noop } from '@algolia/autocomplete-shared';\nexport function getNormalizedSources(getSources, params) {\n var seenSourceIds = [];\n return Promise.resolve(getSources(params)).then(function (sources) {\n invariant(Array.isArray(sources), function () {\n return \"The `getSources` function must return an array of sources but returned type \".concat(JSON.stringify(_typeof(sources)), \":\\n\\n\").concat(JSON.stringify(decycle(sources), null, 2));\n });\n return Promise.all(sources // We allow `undefined` and `false` sources to allow users to use\n // `Boolean(query) && source` (=> `false`).\n // We need to remove these values at this point.\n .filter(function (maybeSource) {\n return Boolean(maybeSource);\n }).map(function (source) {\n invariant(typeof source.sourceId === 'string', 'A source must provide a `sourceId` string.');\n\n if (seenSourceIds.includes(source.sourceId)) {\n throw new Error(\"[Autocomplete] The `sourceId` \".concat(JSON.stringify(source.sourceId), \" is not unique.\"));\n }\n\n seenSourceIds.push(source.sourceId);\n\n var normalizedSource = _objectSpread({\n getItemInputValue: function getItemInputValue(_ref) {\n var state = _ref.state;\n return state.query;\n },\n getItemUrl: function getItemUrl() {\n return undefined;\n },\n onSelect: function onSelect(_ref2) {\n var setIsOpen = _ref2.setIsOpen;\n setIsOpen(false);\n },\n onActive: noop\n }, source);\n\n return Promise.resolve(normalizedSource);\n }));\n });\n}","function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { getItemsCount, generateAutocompleteId, flatten } from '@algolia/autocomplete-shared';\nimport { getNormalizedSources } from './utils';\nexport function getDefaultProps(props, pluginSubscribers) {\n var _props$id;\n\n /* eslint-disable no-restricted-globals */\n var environment = typeof window !== 'undefined' ? window : {};\n /* eslint-enable no-restricted-globals */\n\n var plugins = props.plugins || [];\n return _objectSpread(_objectSpread({\n debug: false,\n openOnFocus: false,\n placeholder: '',\n autoFocus: false,\n defaultActiveItemId: null,\n stallThreshold: 300,\n environment: environment,\n shouldPanelOpen: function shouldPanelOpen(_ref) {\n var state = _ref.state;\n return getItemsCount(state) > 0;\n },\n reshape: function reshape(_ref2) {\n var sources = _ref2.sources;\n return sources;\n }\n }, props), {}, {\n // Since `generateAutocompleteId` triggers a side effect (it increments\n // an internal counter), we don't want to execute it if unnecessary.\n id: (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : generateAutocompleteId(),\n plugins: plugins,\n // The following props need to be deeply defaulted.\n initialState: _objectSpread({\n activeItemId: null,\n query: '',\n completion: null,\n collections: [],\n isOpen: false,\n status: 'idle',\n context: {}\n }, props.initialState),\n onStateChange: function onStateChange(params) {\n var _props$onStateChange;\n\n (_props$onStateChange = props.onStateChange) === null || _props$onStateChange === void 0 ? void 0 : _props$onStateChange.call(props, params);\n plugins.forEach(function (x) {\n var _x$onStateChange;\n\n return (_x$onStateChange = x.onStateChange) === null || _x$onStateChange === void 0 ? void 0 : _x$onStateChange.call(x, params);\n });\n },\n onSubmit: function onSubmit(params) {\n var _props$onSubmit;\n\n (_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 ? void 0 : _props$onSubmit.call(props, params);\n plugins.forEach(function (x) {\n var _x$onSubmit;\n\n return (_x$onSubmit = x.onSubmit) === null || _x$onSubmit === void 0 ? void 0 : _x$onSubmit.call(x, params);\n });\n },\n onReset: function onReset(params) {\n var _props$onReset;\n\n (_props$onReset = props.onReset) === null || _props$onReset === void 0 ? void 0 : _props$onReset.call(props, params);\n plugins.forEach(function (x) {\n var _x$onReset;\n\n return (_x$onReset = x.onReset) === null || _x$onReset === void 0 ? void 0 : _x$onReset.call(x, params);\n });\n },\n getSources: function getSources(params) {\n return Promise.all([].concat(_toConsumableArray(plugins.map(function (plugin) {\n return plugin.getSources;\n })), [props.getSources]).filter(Boolean).map(function (getSources) {\n return getNormalizedSources(getSources, params);\n })).then(function (nested) {\n return flatten(nested);\n }).then(function (sources) {\n return sources.map(function (source) {\n return _objectSpread(_objectSpread({}, source), {}, {\n onSelect: function onSelect(params) {\n source.onSelect(params);\n pluginSubscribers.forEach(function (x) {\n var _x$onSelect;\n\n return (_x$onSelect = x.onSelect) === null || _x$onSelect === void 0 ? void 0 : _x$onSelect.call(x, params);\n });\n },\n onActive: function onActive(params) {\n source.onActive(params);\n pluginSubscribers.forEach(function (x) {\n var _x$onActive;\n\n return (_x$onActive = x.onActive) === null || _x$onActive === void 0 ? void 0 : _x$onActive.call(x, params);\n });\n }\n });\n });\n });\n },\n navigator: _objectSpread({\n navigate: function navigate(_ref3) {\n var itemUrl = _ref3.itemUrl;\n environment.location.assign(itemUrl);\n },\n navigateNewTab: function navigateNewTab(_ref4) {\n var itemUrl = _ref4.itemUrl;\n var windowReference = environment.open(itemUrl, '_blank', 'noopener');\n windowReference === null || windowReference === void 0 ? void 0 : windowReference.focus();\n },\n navigateNewWindow: function navigateNewWindow(_ref5) {\n var itemUrl = _ref5.itemUrl;\n environment.open(itemUrl, '_blank', 'noopener');\n }\n }, props.navigator)\n });\n}","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { flatten } from '@algolia/autocomplete-shared';\nexport function reshape(_ref) {\n var collections = _ref.collections,\n props = _ref.props,\n state = _ref.state;\n // Sources are grouped by `sourceId` to conveniently pick them via destructuring.\n // Example: `const { recentSearchesPlugin } = sourcesBySourceId`\n var sourcesBySourceId = collections.reduce(function (acc, collection) {\n return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, collection.source.sourceId, _objectSpread(_objectSpread({}, collection.source), {}, {\n getItems: function getItems() {\n // We provide the resolved items from the collection to the `reshape` prop.\n return flatten(collection.items);\n }\n })));\n }, {});\n var reshapeSources = props.reshape({\n sources: Object.values(sourcesBySourceId),\n sourcesBySourceId: sourcesBySourceId,\n state: state\n }); // We reconstruct the collections with the items modified by the `reshape` prop.\n\n return flatten(reshapeSources).filter(Boolean).map(function (source) {\n return {\n source: source,\n items: source.getItems()\n };\n });\n}","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nexport function mapToAlgoliaResponse(rawResults) {\n var results = rawResults.map(function (result) {\n var _hits;\n\n return _objectSpread(_objectSpread({}, result), {}, {\n hits: (_hits = result.hits) === null || _hits === void 0 ? void 0 : _hits.map(function (hit) {\n // Bring support for the Insights plugin.\n return _objectSpread(_objectSpread({}, hit), {}, {\n __autocomplete_indexName: result.index,\n __autocomplete_queryID: result.queryID\n });\n })\n });\n });\n return {\n results: results,\n hits: results.map(function (result) {\n return result.hits;\n }).filter(Boolean),\n facetHits: results.map(function (result) {\n var _facetHits;\n\n return (_facetHits = result.facetHits) === null || _facetHits === void 0 ? void 0 : _facetHits.map(function (facetHit) {\n // Bring support for the highlighting components.\n return {\n label: facetHit.value,\n count: facetHit.count,\n _highlightResult: {\n label: {\n value: facetHit.highlighted\n }\n }\n };\n });\n }).filter(Boolean)\n };\n}","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { decycle, flatten, invariant } from '@algolia/autocomplete-shared';\nimport { mapToAlgoliaResponse } from './utils';\n\nfunction isDescription(item) {\n return Boolean(item.execute);\n}\n\nfunction isRequesterDescription(description) {\n return Boolean(description === null || description === void 0 ? void 0 : description.execute);\n}\n\nexport function preResolve(itemsOrDescription, sourceId) {\n if (isRequesterDescription(itemsOrDescription)) {\n return _objectSpread(_objectSpread({}, itemsOrDescription), {}, {\n requests: itemsOrDescription.queries.map(function (query) {\n return {\n query: query,\n sourceId: sourceId,\n transformResponse: itemsOrDescription.transformResponse\n };\n })\n });\n }\n\n return {\n items: itemsOrDescription,\n sourceId: sourceId\n };\n}\nexport function resolve(items) {\n var packed = items.reduce(function (acc, current) {\n if (!isDescription(current)) {\n acc.push(current);\n return acc;\n }\n\n var searchClient = current.searchClient,\n execute = current.execute,\n requesterId = current.requesterId,\n requests = current.requests;\n var container = acc.find(function (item) {\n return isDescription(current) && isDescription(item) && item.searchClient === searchClient && Boolean(requesterId) && item.requesterId === requesterId;\n });\n\n if (container) {\n var _container$items;\n\n (_container$items = container.items).push.apply(_container$items, _toConsumableArray(requests));\n } else {\n var request = {\n execute: execute,\n requesterId: requesterId,\n items: requests,\n searchClient: searchClient\n };\n acc.push(request);\n }\n\n return acc;\n }, []);\n var values = packed.map(function (maybeDescription) {\n if (!isDescription(maybeDescription)) {\n return Promise.resolve(maybeDescription);\n }\n\n var _ref = maybeDescription,\n execute = _ref.execute,\n items = _ref.items,\n searchClient = _ref.searchClient;\n return execute({\n searchClient: searchClient,\n requests: items\n });\n });\n return Promise.all(values).then(function (responses) {\n return flatten(responses);\n });\n}\nexport function postResolve(responses, sources) {\n return sources.map(function (source) {\n var matches = responses.filter(function (response) {\n return response.sourceId === source.sourceId;\n });\n var results = matches.map(function (_ref2) {\n var items = _ref2.items;\n return items;\n });\n var transform = matches[0].transformResponse;\n var items = transform ? transform(mapToAlgoliaResponse(results)) : results;\n invariant(Array.isArray(items), function () {\n return \"The `getItems` function from source \\\"\".concat(source.sourceId, \"\\\" must return an array of items but returned type \").concat(JSON.stringify(_typeof(items)), \":\\n\\n\").concat(JSON.stringify(decycle(items), null, 2), \".\\n\\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems\");\n });\n invariant(items.every(Boolean), \"The `getItems` function from source \\\"\".concat(source.sourceId, \"\\\" must return an array of items but returned \").concat(JSON.stringify(undefined), \".\\n\\nDid you forget to return items?\\n\\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems\"));\n return {\n source: source,\n items: items\n };\n });\n}","function createInternalCancelablePromise(promise, initialState) {\n var state = initialState;\n return {\n then: function then(onfulfilled, onrejected) {\n return createInternalCancelablePromise(promise.then(createCallback(onfulfilled, state, promise), createCallback(onrejected, state, promise)), state);\n },\n catch: function _catch(onrejected) {\n return createInternalCancelablePromise(promise.catch(createCallback(onrejected, state, promise)), state);\n },\n finally: function _finally(onfinally) {\n if (onfinally) {\n state.onCancelList.push(onfinally);\n }\n\n return createInternalCancelablePromise(promise.finally(createCallback(onfinally && function () {\n state.onCancelList = [];\n return onfinally();\n }, state, promise)), state);\n },\n cancel: function cancel() {\n state.isCanceled = true;\n var callbacks = state.onCancelList;\n state.onCancelList = [];\n callbacks.forEach(function (callback) {\n callback();\n });\n },\n isCanceled: function isCanceled() {\n return state.isCanceled === true;\n }\n };\n}\n\nexport function createCancelablePromise(executor) {\n return createInternalCancelablePromise(new Promise(function (resolve, reject) {\n return executor(resolve, reject);\n }), {\n isCanceled: false,\n onCancelList: []\n });\n}\n\ncreateCancelablePromise.resolve = function (value) {\n return cancelable(Promise.resolve(value));\n};\n\ncreateCancelablePromise.reject = function (reason) {\n return cancelable(Promise.reject(reason));\n};\n\nexport function cancelable(promise) {\n return createInternalCancelablePromise(promise, {\n isCanceled: false,\n onCancelList: []\n });\n}\n\nfunction createCallback(onResult, state, fallback) {\n if (!onResult) {\n return fallback;\n }\n\n return function callback(arg) {\n if (state.isCanceled) {\n return arg;\n }\n\n return onResult(arg);\n };\n}","// We don't have access to the autocomplete source when we call `onKeyDown`\n// or `onClick` because those are native browser events.\n// However, we can get the source from the suggestion index.\nfunction getCollectionFromActiveItemId(state) {\n // Given 3 sources with respectively 1, 2 and 3 suggestions: [1, 2, 3]\n // We want to get the accumulated counts:\n // [1, 1 + 2, 1 + 2 + 3] = [1, 3, 3 + 3] = [1, 3, 6]\n var accumulatedCollectionsCount = state.collections.map(function (collections) {\n return collections.items.length;\n }).reduce(function (acc, collectionsCount, index) {\n var previousValue = acc[index - 1] || 0;\n var nextValue = previousValue + collectionsCount;\n acc.push(nextValue);\n return acc;\n }, []); // Based on the accumulated counts, we can infer the index of the suggestion.\n\n var collectionIndex = accumulatedCollectionsCount.reduce(function (acc, current) {\n if (current <= state.activeItemId) {\n return acc + 1;\n }\n\n return acc;\n }, 0);\n return state.collections[collectionIndex];\n}\n/**\n * Gets the highlighted index relative to a suggestion object (not the absolute\n * highlighted index).\n *\n * Example:\n * [['a', 'b'], ['c', 'd', 'e'], ['f']]\n * ↑\n * (absolute: 3, relative: 1)\n */\n\n\nfunction getRelativeActiveItemId(_ref) {\n var state = _ref.state,\n collection = _ref.collection;\n var isOffsetFound = false;\n var counter = 0;\n var previousItemsOffset = 0;\n\n while (isOffsetFound === false) {\n var currentCollection = state.collections[counter];\n\n if (currentCollection === collection) {\n isOffsetFound = true;\n break;\n }\n\n previousItemsOffset += currentCollection.items.length;\n counter++;\n }\n\n return state.activeItemId - previousItemsOffset;\n}\n\nexport function getActiveItem(state) {\n var collection = getCollectionFromActiveItemId(state);\n\n if (!collection) {\n return null;\n }\n\n var item = collection.items[getRelativeActiveItemId({\n state: state,\n collection: collection\n })];\n var source = collection.source;\n var itemInputValue = source.getItemInputValue({\n item: item,\n state: state\n });\n var itemUrl = source.getItemUrl({\n item: item,\n state: state\n });\n return {\n item: item,\n itemInputValue: itemInputValue,\n itemUrl: itemUrl,\n source: source\n };\n}","var _excluded = [\"event\", \"nextState\", \"props\", \"query\", \"refresh\", \"store\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport { reshape } from './reshape';\nimport { preResolve, resolve, postResolve } from './resolve';\nimport { cancelable, createConcurrentSafePromise, getActiveItem } from './utils';\nvar lastStalledId = null;\nvar runConcurrentSafePromise = createConcurrentSafePromise();\nexport function onInput(_ref) {\n var event = _ref.event,\n _ref$nextState = _ref.nextState,\n nextState = _ref$nextState === void 0 ? {} : _ref$nextState,\n props = _ref.props,\n query = _ref.query,\n refresh = _ref.refresh,\n store = _ref.store,\n setters = _objectWithoutProperties(_ref, _excluded);\n\n if (lastStalledId) {\n props.environment.clearTimeout(lastStalledId);\n }\n\n var setCollections = setters.setCollections,\n setIsOpen = setters.setIsOpen,\n setQuery = setters.setQuery,\n setActiveItemId = setters.setActiveItemId,\n setStatus = setters.setStatus;\n setQuery(query);\n setActiveItemId(props.defaultActiveItemId);\n\n if (!query && props.openOnFocus === false) {\n var _nextState$isOpen;\n\n var collections = store.getState().collections.map(function (collection) {\n return _objectSpread(_objectSpread({}, collection), {}, {\n items: []\n });\n });\n setStatus('idle');\n setCollections(collections);\n setIsOpen((_nextState$isOpen = nextState.isOpen) !== null && _nextState$isOpen !== void 0 ? _nextState$isOpen : props.shouldPanelOpen({\n state: store.getState()\n })); // We make sure to update the latest resolved value of the tracked\n // promises to keep late resolving promises from \"cancelling\" the state\n // updates performed in this code path.\n // We chain with a void promise to respect `onInput`'s expected return type.\n\n var _request = cancelable(runConcurrentSafePromise(collections).then(function () {\n return Promise.resolve();\n }));\n\n return store.pendingRequests.add(_request);\n }\n\n setStatus('loading');\n lastStalledId = props.environment.setTimeout(function () {\n setStatus('stalled');\n }, props.stallThreshold); // We track the entire promise chain triggered by `onInput` before mutating\n // the Autocomplete state to make sure that any state manipulation is based on\n // fresh data regardless of when promises individually resolve.\n // We don't track nested promises and only rely on the full chain resolution,\n // meaning we should only ever manipulate the state once this concurrent-safe\n // promise is resolved.\n\n var request = cancelable(runConcurrentSafePromise(props.getSources(_objectSpread({\n query: query,\n refresh: refresh,\n state: store.getState()\n }, setters)).then(function (sources) {\n return Promise.all(sources.map(function (source) {\n return Promise.resolve(source.getItems(_objectSpread({\n query: query,\n refresh: refresh,\n state: store.getState()\n }, setters))).then(function (itemsOrDescription) {\n return preResolve(itemsOrDescription, source.sourceId);\n });\n })).then(resolve).then(function (responses) {\n return postResolve(responses, sources);\n }).then(function (collections) {\n return reshape({\n collections: collections,\n props: props,\n state: store.getState()\n });\n });\n }))).then(function (collections) {\n var _nextState$isOpen2;\n\n // Parameters passed to `onInput` could be stale when the following code\n // executes, because `onInput` calls may not resolve in order.\n // If it becomes a problem we'll need to save the last passed parameters.\n // See: https://codesandbox.io/s/agitated-cookies-y290z\n setStatus('idle');\n setCollections(collections);\n var isPanelOpen = props.shouldPanelOpen({\n state: store.getState()\n });\n setIsOpen((_nextState$isOpen2 = nextState.isOpen) !== null && _nextState$isOpen2 !== void 0 ? _nextState$isOpen2 : props.openOnFocus && !query && isPanelOpen || isPanelOpen);\n var highlightedItem = getActiveItem(store.getState());\n\n if (store.getState().activeItemId !== null && highlightedItem) {\n var item = highlightedItem.item,\n itemInputValue = highlightedItem.itemInputValue,\n itemUrl = highlightedItem.itemUrl,\n source = highlightedItem.source;\n source.onActive(_objectSpread({\n event: event,\n item: item,\n itemInputValue: itemInputValue,\n itemUrl: itemUrl,\n refresh: refresh,\n source: source,\n state: store.getState()\n }, setters));\n }\n }).finally(function () {\n setStatus('idle');\n\n if (lastStalledId) {\n props.environment.clearTimeout(lastStalledId);\n }\n });\n return store.pendingRequests.add(request);\n}","/**\n * Creates a runner that executes promises in a concurrent-safe way.\n *\n * This is useful to prevent older promises to resolve after a newer promise,\n * otherwise resulting in stale resolved values.\n */\nexport function createConcurrentSafePromise() {\n var basePromiseId = -1;\n var latestResolvedId = -1;\n var latestResolvedValue = undefined;\n return function runConcurrentSafePromise(promise) {\n basePromiseId++;\n var currentPromiseId = basePromiseId;\n return Promise.resolve(promise).then(function (x) {\n // The promise might take too long to resolve and get outdated. This would\n // result in resolving stale values.\n // When this happens, we ignore the promise value and return the one\n // coming from the latest resolved value.\n //\n // +----------------------------------+\n // | 100ms |\n // | run(1) +---> R1 |\n // | 300ms |\n // | run(2) +-------------> R2 (SKIP) |\n // | 200ms |\n // | run(3) +--------> R3 |\n // +----------------------------------+\n if (latestResolvedValue && currentPromiseId < latestResolvedId) {\n return latestResolvedValue;\n }\n\n latestResolvedId = currentPromiseId;\n latestResolvedValue = x;\n return x;\n });\n };\n}","var _excluded = [\"event\", \"props\", \"refresh\", \"store\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport { onInput } from './onInput';\nimport { getActiveItem } from './utils';\nexport function onKeyDown(_ref) {\n var event = _ref.event,\n props = _ref.props,\n refresh = _ref.refresh,\n store = _ref.store,\n setters = _objectWithoutProperties(_ref, _excluded);\n\n if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n // eslint-disable-next-line no-inner-declarations\n var triggerScrollIntoView = function triggerScrollIntoView() {\n var nodeItem = props.environment.document.getElementById(\"\".concat(props.id, \"-item-\").concat(store.getState().activeItemId));\n\n if (nodeItem) {\n if (nodeItem.scrollIntoViewIfNeeded) {\n nodeItem.scrollIntoViewIfNeeded(false);\n } else {\n nodeItem.scrollIntoView(false);\n }\n }\n }; // eslint-disable-next-line no-inner-declarations\n\n\n var triggerOnActive = function triggerOnActive() {\n var highlightedItem = getActiveItem(store.getState());\n\n if (store.getState().activeItemId !== null && highlightedItem) {\n var item = highlightedItem.item,\n itemInputValue = highlightedItem.itemInputValue,\n itemUrl = highlightedItem.itemUrl,\n source = highlightedItem.source;\n source.onActive(_objectSpread({\n event: event,\n item: item,\n itemInputValue: itemInputValue,\n itemUrl: itemUrl,\n refresh: refresh,\n source: source,\n state: store.getState()\n }, setters));\n }\n }; // Default browser behavior changes the caret placement on ArrowUp and\n // ArrowDown.\n\n\n event.preventDefault(); // When re-opening the panel, we need to split the logic to keep the actions\n // synchronized as `onInput` returns a promise.\n\n if (store.getState().isOpen === false && (props.openOnFocus || Boolean(store.getState().query))) {\n onInput(_objectSpread({\n event: event,\n props: props,\n query: store.getState().query,\n refresh: refresh,\n store: store\n }, setters)).then(function () {\n store.dispatch(event.key, {\n nextActiveItemId: props.defaultActiveItemId\n });\n triggerOnActive(); // Since we rely on the DOM, we need to wait for all the micro tasks to\n // finish (which include re-opening the panel) to make sure all the\n // elements are available.\n\n setTimeout(triggerScrollIntoView, 0);\n });\n } else {\n store.dispatch(event.key, {});\n triggerOnActive();\n triggerScrollIntoView();\n }\n } else if (event.key === 'Escape') {\n // This prevents the default browser behavior on `input[type=\"search\"]`\n // from removing the query right away because we first want to close the\n // panel.\n event.preventDefault();\n store.dispatch(event.key, null); // Hitting the `Escape` key signals the end of a user interaction with the\n // autocomplete. At this point, we should ignore any requests that are still\n // pending and could reopen the panel once they resolve, because that would\n // result in an unsolicited UI behavior.\n\n store.pendingRequests.cancelAll();\n } else if (event.key === 'Tab') {\n store.dispatch('blur', null); // Hitting the `Escape` key signals the end of a user interaction with the\n // autocomplete. At this point, we should ignore any requests that are still\n // pending and could reopen the panel once they resolve, because that would\n // result in an unsolicited UI behavior.\n\n store.pendingRequests.cancelAll();\n } else if (event.key === 'Enter') {\n // No active item, so we let the browser handle the native `onSubmit` form\n // event.\n if (store.getState().activeItemId === null || store.getState().collections.every(function (collection) {\n return collection.items.length === 0;\n })) {\n // If requests are still pending when the panel closes, they could reopen\n // the panel once they resolve.\n // We want to prevent any subsequent query from reopening the panel\n // because it would result in an unsolicited UI behavior.\n if (!props.debug) {\n store.pendingRequests.cancelAll();\n }\n\n return;\n } // This prevents the `onSubmit` event to be sent because an item is\n // highlighted.\n\n\n event.preventDefault();\n\n var _ref2 = getActiveItem(store.getState()),\n item = _ref2.item,\n itemInputValue = _ref2.itemInputValue,\n itemUrl = _ref2.itemUrl,\n source = _ref2.source;\n\n if (event.metaKey || event.ctrlKey) {\n if (itemUrl !== undefined) {\n source.onSelect(_objectSpread({\n event: event,\n item: item,\n itemInputValue: itemInputValue,\n itemUrl: itemUrl,\n refresh: refresh,\n source: source,\n state: store.getState()\n }, setters));\n props.navigator.navigateNewTab({\n itemUrl: itemUrl,\n item: item,\n state: store.getState()\n });\n }\n } else if (event.shiftKey) {\n if (itemUrl !== undefined) {\n source.onSelect(_objectSpread({\n event: event,\n item: item,\n itemInputValue: itemInputValue,\n itemUrl: itemUrl,\n refresh: refresh,\n source: source,\n state: store.getState()\n }, setters));\n props.navigator.navigateNewWindow({\n itemUrl: itemUrl,\n item: item,\n state: store.getState()\n });\n }\n } else if (event.altKey) {// Keep native browser behavior\n } else {\n if (itemUrl !== undefined) {\n source.onSelect(_objectSpread({\n event: event,\n item: item,\n itemInputValue: itemInputValue,\n itemUrl: itemUrl,\n refresh: refresh,\n source: source,\n state: store.getState()\n }, setters));\n props.navigator.navigate({\n itemUrl: itemUrl,\n item: item,\n state: store.getState()\n });\n return;\n }\n\n onInput(_objectSpread({\n event: event,\n nextState: {\n isOpen: false\n },\n props: props,\n query: itemInputValue,\n refresh: refresh,\n store: store\n }, setters)).then(function () {\n source.onSelect(_objectSpread({\n event: event,\n item: item,\n itemInputValue: itemInputValue,\n itemUrl: itemUrl,\n refresh: refresh,\n source: source,\n state: store.getState()\n }, setters));\n });\n }\n }\n}","var regex = /((gt|sm)-|galaxy nexus)|samsung[- ]/i;\nexport function isSamsung(userAgent) {\n return Boolean(userAgent && userAgent.match(regex));\n}","var _excluded = [\"props\", \"refresh\", \"store\"],\n _excluded2 = [\"inputElement\", \"formElement\", \"panelElement\"],\n _excluded3 = [\"inputElement\"],\n _excluded4 = [\"inputElement\", \"maxLength\"],\n _excluded5 = [\"item\", \"source\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport { noop } from '@algolia/autocomplete-shared';\nimport { onInput } from './onInput';\nimport { onKeyDown as _onKeyDown } from './onKeyDown';\nimport { getActiveItem, isOrContainsNode, isSamsung } from './utils';\nexport function getPropGetters(_ref) {\n var props = _ref.props,\n refresh = _ref.refresh,\n store = _ref.store,\n setters = _objectWithoutProperties(_ref, _excluded);\n\n var getEnvironmentProps = function getEnvironmentProps(providedProps) {\n var inputElement = providedProps.inputElement,\n formElement = providedProps.formElement,\n panelElement = providedProps.panelElement,\n rest = _objectWithoutProperties(providedProps, _excluded2);\n\n function onMouseDownOrTouchStart(event) {\n // The `onTouchStart`/`onMouseDown` events shouldn't trigger the `blur`\n // handler when it's not an interaction with Autocomplete.\n // We detect it with the following heuristics:\n // - the panel is closed AND there are no pending requests\n // (no interaction with the autocomplete, no future state updates)\n // - OR the touched target is the input element (should open the panel)\n var isAutocompleteInteraction = store.getState().isOpen || !store.pendingRequests.isEmpty();\n\n if (!isAutocompleteInteraction || event.target === inputElement) {\n return;\n } // @TODO: support cases where there are multiple Autocomplete instances.\n // Right now, a second instance makes this computation return false.\n\n\n var isTargetWithinAutocomplete = [formElement, panelElement].some(function (contextNode) {\n return isOrContainsNode(contextNode, event.target);\n });\n\n if (isTargetWithinAutocomplete === false) {\n store.dispatch('blur', null); // If requests are still pending when the user closes the panel, they\n // could reopen the panel once they resolve.\n // We want to prevent any subsequent query from reopening the panel\n // because it would result in an unsolicited UI behavior.\n\n if (!props.debug) {\n store.pendingRequests.cancelAll();\n }\n }\n }\n\n return _objectSpread({\n // We do not rely on the native `blur` event of the input to close the\n // panel, but rather on a custom `touchstart`/`mousedown` event outside\n // of the autocomplete elements.\n // This ensures we don't mistakenly interpret interactions within the\n // autocomplete (but outside of the input) as a signal to close the panel.\n // For example, clicking reset button causes an input blur, but if\n // `openOnFocus=true`, it shouldn't close the panel.\n // On touch devices, scrolling results (`touchmove`) causes an input blur\n // but shouldn't close the panel.\n onTouchStart: onMouseDownOrTouchStart,\n onMouseDown: onMouseDownOrTouchStart,\n // When scrolling on touch devices (mobiles, tablets, etc.), we want to\n // mimic the native platform behavior where the input is blurred to\n // hide the virtual keyboard. This gives more vertical space to\n // discover all the suggestions showing up in the panel.\n onTouchMove: function onTouchMove(event) {\n if (store.getState().isOpen === false || inputElement !== props.environment.document.activeElement || event.target === inputElement) {\n return;\n }\n\n inputElement.blur();\n }\n }, rest);\n };\n\n var getRootProps = function getRootProps(rest) {\n return _objectSpread({\n role: 'combobox',\n 'aria-expanded': store.getState().isOpen,\n 'aria-haspopup': 'listbox',\n 'aria-owns': store.getState().isOpen ? \"\".concat(props.id, \"-list\") : undefined,\n 'aria-labelledby': \"\".concat(props.id, \"-label\")\n }, rest);\n };\n\n var getFormProps = function getFormProps(providedProps) {\n var inputElement = providedProps.inputElement,\n rest = _objectWithoutProperties(providedProps, _excluded3);\n\n return _objectSpread({\n action: '',\n noValidate: true,\n role: 'search',\n onSubmit: function onSubmit(event) {\n var _providedProps$inputE;\n\n event.preventDefault();\n props.onSubmit(_objectSpread({\n event: event,\n refresh: refresh,\n state: store.getState()\n }, setters));\n store.dispatch('submit', null);\n (_providedProps$inputE = providedProps.inputElement) === null || _providedProps$inputE === void 0 ? void 0 : _providedProps$inputE.blur();\n },\n onReset: function onReset(event) {\n var _providedProps$inputE2;\n\n event.preventDefault();\n props.onReset(_objectSpread({\n event: event,\n refresh: refresh,\n state: store.getState()\n }, setters));\n store.dispatch('reset', null);\n (_providedProps$inputE2 = providedProps.inputElement) === null || _providedProps$inputE2 === void 0 ? void 0 : _providedProps$inputE2.focus();\n }\n }, rest);\n };\n\n var getInputProps = function getInputProps(providedProps) {\n var _props$environment$na;\n\n function onFocus(event) {\n // We want to trigger a query when `openOnFocus` is true\n // because the panel should open with the current query.\n if (props.openOnFocus || Boolean(store.getState().query)) {\n onInput(_objectSpread({\n event: event,\n props: props,\n query: store.getState().completion || store.getState().query,\n refresh: refresh,\n store: store\n }, setters));\n }\n\n store.dispatch('focus', null);\n }\n\n var _ref2 = providedProps || {},\n inputElement = _ref2.inputElement,\n _ref2$maxLength = _ref2.maxLength,\n maxLength = _ref2$maxLength === void 0 ? 512 : _ref2$maxLength,\n rest = _objectWithoutProperties(_ref2, _excluded4);\n\n var activeItem = getActiveItem(store.getState());\n var userAgent = ((_props$environment$na = props.environment.navigator) === null || _props$environment$na === void 0 ? void 0 : _props$environment$na.userAgent) || '';\n var shouldFallbackKeyHint = isSamsung(userAgent);\n var enterKeyHint = activeItem !== null && activeItem !== void 0 && activeItem.itemUrl && !shouldFallbackKeyHint ? 'go' : 'search';\n return _objectSpread({\n 'aria-autocomplete': 'both',\n 'aria-activedescendant': store.getState().isOpen && store.getState().activeItemId !== null ? \"\".concat(props.id, \"-item-\").concat(store.getState().activeItemId) : undefined,\n 'aria-controls': store.getState().isOpen ? \"\".concat(props.id, \"-list\") : undefined,\n 'aria-labelledby': \"\".concat(props.id, \"-label\"),\n value: store.getState().completion || store.getState().query,\n id: \"\".concat(props.id, \"-input\"),\n autoComplete: 'off',\n autoCorrect: 'off',\n autoCapitalize: 'off',\n enterKeyHint: enterKeyHint,\n spellCheck: 'false',\n autoFocus: props.autoFocus,\n placeholder: props.placeholder,\n maxLength: maxLength,\n type: 'search',\n onChange: function onChange(event) {\n onInput(_objectSpread({\n event: event,\n props: props,\n query: event.currentTarget.value.slice(0, maxLength),\n refresh: refresh,\n store: store\n }, setters));\n },\n onKeyDown: function onKeyDown(event) {\n _onKeyDown(_objectSpread({\n event: event,\n props: props,\n refresh: refresh,\n store: store\n }, setters));\n },\n onFocus: onFocus,\n // We don't rely on the `blur` event.\n // See explanation in `onTouchStart`/`onMouseDown`.\n // @MAJOR See if we need to keep this handler.\n onBlur: noop,\n onClick: function onClick(event) {\n // When the panel is closed and you click on the input while\n // the input is focused, the `onFocus` event is not triggered\n // (default browser behavior).\n // In an autocomplete context, it makes sense to open the panel in this\n // case.\n // We mimic this event by catching the `onClick` event which\n // triggers the `onFocus` for the panel to open.\n if (providedProps.inputElement === props.environment.document.activeElement && !store.getState().isOpen) {\n onFocus(event);\n }\n }\n }, rest);\n };\n\n var getLabelProps = function getLabelProps(rest) {\n return _objectSpread({\n htmlFor: \"\".concat(props.id, \"-input\"),\n id: \"\".concat(props.id, \"-label\")\n }, rest);\n };\n\n var getListProps = function getListProps(rest) {\n return _objectSpread({\n role: 'listbox',\n 'aria-labelledby': \"\".concat(props.id, \"-label\"),\n id: \"\".concat(props.id, \"-list\")\n }, rest);\n };\n\n var getPanelProps = function getPanelProps(rest) {\n return _objectSpread({\n onMouseDown: function onMouseDown(event) {\n // Prevents the `activeElement` from being changed to the panel so\n // that the blur event is not triggered, otherwise it closes the\n // panel.\n event.preventDefault();\n },\n onMouseLeave: function onMouseLeave() {\n store.dispatch('mouseleave', null);\n }\n }, rest);\n };\n\n var getItemProps = function getItemProps(providedProps) {\n var item = providedProps.item,\n source = providedProps.source,\n rest = _objectWithoutProperties(providedProps, _excluded5);\n\n return _objectSpread({\n id: \"\".concat(props.id, \"-item-\").concat(item.__autocomplete_id),\n role: 'option',\n 'aria-selected': store.getState().activeItemId === item.__autocomplete_id,\n onMouseMove: function onMouseMove(event) {\n if (item.__autocomplete_id === store.getState().activeItemId) {\n return;\n }\n\n store.dispatch('mousemove', item.__autocomplete_id);\n var activeItem = getActiveItem(store.getState());\n\n if (store.getState().activeItemId !== null && activeItem) {\n var _item = activeItem.item,\n itemInputValue = activeItem.itemInputValue,\n itemUrl = activeItem.itemUrl,\n _source = activeItem.source;\n\n _source.onActive(_objectSpread({\n event: event,\n item: _item,\n itemInputValue: itemInputValue,\n itemUrl: itemUrl,\n refresh: refresh,\n source: _source,\n state: store.getState()\n }, setters));\n }\n },\n onMouseDown: function onMouseDown(event) {\n // Prevents the `activeElement` from being changed to the item so it\n // can remain with the current `activeElement`.\n event.preventDefault();\n },\n onClick: function onClick(event) {\n var itemInputValue = source.getItemInputValue({\n item: item,\n state: store.getState()\n });\n var itemUrl = source.getItemUrl({\n item: item,\n state: store.getState()\n }); // If `getItemUrl` is provided, it means that the suggestion\n // is a link, not plain text that aims at updating the query.\n // We can therefore skip the state change because it will update\n // the `activeItemId`, resulting in a UI flash, especially\n // noticeable on mobile.\n\n var runPreCommand = itemUrl ? Promise.resolve() : onInput(_objectSpread({\n event: event,\n nextState: {\n isOpen: false\n },\n props: props,\n query: itemInputValue,\n refresh: refresh,\n store: store\n }, setters));\n runPreCommand.then(function () {\n source.onSelect(_objectSpread({\n event: event,\n item: item,\n itemInputValue: itemInputValue,\n itemUrl: itemUrl,\n refresh: refresh,\n source: source,\n state: store.getState()\n }, setters));\n });\n }\n }, rest);\n };\n\n return {\n getEnvironmentProps: getEnvironmentProps,\n getRootProps: getRootProps,\n getFormProps: getFormProps,\n getLabelProps: getLabelProps,\n getInputProps: getInputProps,\n getPanelProps: getPanelProps,\n getListProps: getListProps,\n getItemProps: getItemProps\n };\n}","export function isOrContainsNode(parent, child) {\n return parent === child || parent.contains(child);\n}","export var version = '1.7.4';","import { version } from './version';\nexport var userAgents = [{\n segment: 'autocomplete-core',\n version: version\n}];","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { userAgents } from '@algolia/autocomplete-shared';\nexport function getMetadata(_ref) {\n var _, _options$__autocomple, _options$__autocomple2, _options$__autocomple3;\n\n var plugins = _ref.plugins,\n options = _ref.options;\n var optionsKey = (_ = (((_options$__autocomple = options.__autocomplete_metadata) === null || _options$__autocomple === void 0 ? void 0 : _options$__autocomple.userAgents) || [])[0]) === null || _ === void 0 ? void 0 : _.segment;\n var extraOptions = optionsKey ? _defineProperty({}, optionsKey, Object.keys(((_options$__autocomple2 = options.__autocomplete_metadata) === null || _options$__autocomple2 === void 0 ? void 0 : _options$__autocomple2.options) || {})) : {};\n return {\n plugins: plugins.map(function (plugin) {\n return {\n name: plugin.name,\n options: Object.keys(plugin.__autocomplete_pluginOptions || [])\n };\n }),\n options: _objectSpread({\n 'autocomplete-core': Object.keys(options)\n }, extraOptions),\n ua: userAgents.concat(((_options$__autocomple3 = options.__autocomplete_metadata) === null || _options$__autocomple3 === void 0 ? void 0 : _options$__autocomple3.userAgents) || [])\n };\n}\nexport function injectMetadata(_ref3) {\n var _environment$navigato, _environment$navigato2;\n\n var metadata = _ref3.metadata,\n environment = _ref3.environment;\n var isMetadataEnabled = (_environment$navigato = environment.navigator) === null || _environment$navigato === void 0 ? void 0 : (_environment$navigato2 = _environment$navigato.userAgent) === null || _environment$navigato2 === void 0 ? void 0 : _environment$navigato2.includes('Algolia Crawler');\n\n if (isMetadataEnabled) {\n var metadataContainer = environment.document.createElement('meta');\n var headRef = environment.document.querySelector('head');\n metadataContainer.name = 'algolia:metadata';\n setTimeout(function () {\n metadataContainer.content = JSON.stringify(metadata);\n headRef.appendChild(metadataContainer);\n }, 0);\n }\n}","import { getActiveItem } from './utils';\nexport function getCompletion(_ref) {\n var _getActiveItem;\n\n var state = _ref.state;\n\n if (state.isOpen === false || state.activeItemId === null) {\n return null;\n }\n\n return ((_getActiveItem = getActiveItem(state)) === null || _getActiveItem === void 0 ? void 0 : _getActiveItem.itemInputValue) || null;\n}","/**\n * Returns the next active item ID from the current state.\n *\n * We allow circular keyboard navigation from the base index.\n * The base index can either be `null` (nothing is highlighted) or `0`\n * (the first item is highlighted).\n * The base index is allowed to get assigned `null` only if\n * `props.defaultActiveItemId` is `null`. This pattern allows to \"stop\"\n * by the actual query before navigating to other suggestions as seen on\n * Google or Amazon.\n *\n * @param moveAmount The offset to increment (or decrement) the last index\n * @param baseIndex The current index to compute the next index from\n * @param itemCount The number of items\n * @param defaultActiveItemId The default active index to fallback to\n */\nexport function getNextActiveItemId(moveAmount, baseIndex, itemCount, defaultActiveItemId) {\n if (!itemCount) {\n return null;\n }\n\n if (moveAmount < 0 && (baseIndex === null || defaultActiveItemId !== null && baseIndex === 0)) {\n return itemCount + moveAmount;\n }\n\n var numericIndex = (baseIndex === null ? -1 : baseIndex) + moveAmount;\n\n if (numericIndex <= -1 || numericIndex >= itemCount) {\n return defaultActiveItemId === null ? null : 0;\n }\n\n return numericIndex;\n}","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { getItemsCount, invariant } from '@algolia/autocomplete-shared';\nimport { getCompletion } from './getCompletion';\nimport { getNextActiveItemId } from './utils';\nexport var stateReducer = function stateReducer(state, action) {\n switch (action.type) {\n case 'setActiveItemId':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: action.payload\n });\n }\n\n case 'setQuery':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n query: action.payload,\n completion: null\n });\n }\n\n case 'setCollections':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n collections: action.payload\n });\n }\n\n case 'setIsOpen':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n isOpen: action.payload\n });\n }\n\n case 'setStatus':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n status: action.payload\n });\n }\n\n case 'setContext':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n context: _objectSpread(_objectSpread({}, state.context), action.payload)\n });\n }\n\n case 'ArrowDown':\n {\n var nextState = _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: action.payload.hasOwnProperty('nextActiveItemId') ? action.payload.nextActiveItemId : getNextActiveItemId(1, state.activeItemId, getItemsCount(state), action.props.defaultActiveItemId)\n });\n\n return _objectSpread(_objectSpread({}, nextState), {}, {\n completion: getCompletion({\n state: nextState\n })\n });\n }\n\n case 'ArrowUp':\n {\n var _nextState = _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: getNextActiveItemId(-1, state.activeItemId, getItemsCount(state), action.props.defaultActiveItemId)\n });\n\n return _objectSpread(_objectSpread({}, _nextState), {}, {\n completion: getCompletion({\n state: _nextState\n })\n });\n }\n\n case 'Escape':\n {\n if (state.isOpen) {\n return _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: null,\n isOpen: false,\n completion: null\n });\n }\n\n return _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: null,\n query: '',\n status: 'idle',\n collections: []\n });\n }\n\n case 'submit':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: null,\n isOpen: false,\n status: 'idle'\n });\n }\n\n case 'reset':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: // Since we open the panel on reset when openOnFocus=true\n // we need to restore the highlighted index to the defaultActiveItemId. (DocSearch use-case)\n // Since we close the panel when openOnFocus=false\n // we lose track of the highlighted index. (Query-suggestions use-case)\n action.props.openOnFocus === true ? action.props.defaultActiveItemId : null,\n status: 'idle',\n query: ''\n });\n }\n\n case 'focus':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: action.props.defaultActiveItemId,\n isOpen: (action.props.openOnFocus || Boolean(state.query)) && action.props.shouldPanelOpen({\n state: state\n })\n });\n }\n\n case 'blur':\n {\n if (action.props.debug) {\n return state;\n }\n\n return _objectSpread(_objectSpread({}, state), {}, {\n isOpen: false,\n activeItemId: null\n });\n }\n\n case 'mousemove':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: action.payload\n });\n }\n\n case 'mouseleave':\n {\n return _objectSpread(_objectSpread({}, state), {}, {\n activeItemId: action.props.defaultActiveItemId\n });\n }\n\n default:\n invariant(false, \"The reducer action \".concat(JSON.stringify(action.type), \" is not supported.\"));\n return state;\n }\n};","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { checkOptions } from './checkOptions';\nimport { createStore } from './createStore';\nimport { getAutocompleteSetters } from './getAutocompleteSetters';\nimport { getDefaultProps } from './getDefaultProps';\nimport { getPropGetters } from './getPropGetters';\nimport { getMetadata, injectMetadata } from './metadata';\nimport { onInput } from './onInput';\nimport { stateReducer } from './stateReducer';\nexport function createAutocomplete(options) {\n checkOptions(options);\n var subscribers = [];\n var props = getDefaultProps(options, subscribers);\n var store = createStore(stateReducer, props, onStoreStateChange);\n var setters = getAutocompleteSetters({\n store: store\n });\n var propGetters = getPropGetters(_objectSpread({\n props: props,\n refresh: refresh,\n store: store\n }, setters));\n\n function onStoreStateChange(_ref) {\n var prevState = _ref.prevState,\n state = _ref.state;\n props.onStateChange(_objectSpread({\n prevState: prevState,\n state: state,\n refresh: refresh\n }, setters));\n }\n\n function refresh() {\n return onInput(_objectSpread({\n event: new Event('input'),\n nextState: {\n isOpen: store.getState().isOpen\n },\n props: props,\n query: store.getState().query,\n refresh: refresh,\n store: store\n }, setters));\n }\n\n props.plugins.forEach(function (plugin) {\n var _plugin$subscribe;\n\n return (_plugin$subscribe = plugin.subscribe) === null || _plugin$subscribe === void 0 ? void 0 : _plugin$subscribe.call(plugin, _objectSpread(_objectSpread({}, setters), {}, {\n refresh: refresh,\n onSelect: function onSelect(fn) {\n subscribers.push({\n onSelect: fn\n });\n },\n onActive: function onActive(fn) {\n subscribers.push({\n onActive: fn\n });\n }\n }));\n });\n injectMetadata({\n metadata: getMetadata({\n plugins: props.plugins,\n options: options\n }),\n environment: props.environment\n });\n return _objectSpread(_objectSpread({\n refresh: refresh\n }, propGetters), setters);\n}","import React from 'react';\nexport function AlgoliaLogo(_ref) {\n var _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? {} : _ref$translations;\n var _translations$searchB = translations.searchByText,\n searchByText = _translations$searchB === void 0 ? 'Search by' : _translations$searchB;\n return /*#__PURE__*/React.createElement(\"a\", {\n href: \"https://www.algolia.com/ref/docsearch/?utm_source=\".concat(window.location.hostname, \"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch\"),\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"DocSearch-Label\"\n }, searchByText), /*#__PURE__*/React.createElement(\"svg\", {\n width: \"77\",\n height: \"19\",\n \"aria-label\": \"Algolia\",\n role: \"img\",\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 2196.2 500\"\n }, /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}\")), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-2\",\n d: \"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n className: \"cls-1\",\n x: \"1845.88\",\n y: \"104.73\",\n width: \"62.58\",\n height: \"277.9\",\n rx: \"5.9\",\n ry: \"5.9\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-2\",\n d: \"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-2\",\n d: \"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-2\",\n d: \"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-2\",\n d: \"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-2\",\n d: \"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-2\",\n d: \"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z\"\n })));\n}","import React from 'react';\nimport { AlgoliaLogo } from './AlgoliaLogo';\n\nfunction CommandIcon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"15\",\n height: \"15\",\n \"aria-label\": props.ariaLabel,\n role: \"img\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"1.2\"\n }, props.children));\n}\n\nexport function Footer(_ref) {\n var _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? {} : _ref$translations;\n var _translations$selectT = translations.selectText,\n selectText = _translations$selectT === void 0 ? 'to select' : _translations$selectT,\n _translations$selectK = translations.selectKeyAriaLabel,\n selectKeyAriaLabel = _translations$selectK === void 0 ? 'Enter key' : _translations$selectK,\n _translations$navigat = translations.navigateText,\n navigateText = _translations$navigat === void 0 ? 'to navigate' : _translations$navigat,\n _translations$navigat2 = translations.navigateUpKeyAriaLabel,\n navigateUpKeyAriaLabel = _translations$navigat2 === void 0 ? 'Arrow up' : _translations$navigat2,\n _translations$navigat3 = translations.navigateDownKeyAriaLabel,\n navigateDownKeyAriaLabel = _translations$navigat3 === void 0 ? 'Arrow down' : _translations$navigat3,\n _translations$closeTe = translations.closeText,\n closeText = _translations$closeTe === void 0 ? 'to close' : _translations$closeTe,\n _translations$closeKe = translations.closeKeyAriaLabel,\n closeKeyAriaLabel = _translations$closeKe === void 0 ? 'Escape key' : _translations$closeKe,\n _translations$searchB = translations.searchByText,\n searchByText = _translations$searchB === void 0 ? 'Search by' : _translations$searchB;\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Logo\"\n }, /*#__PURE__*/React.createElement(AlgoliaLogo, {\n translations: {\n searchByText: searchByText\n }\n })), /*#__PURE__*/React.createElement(\"ul\", {\n className: \"DocSearch-Commands\"\n }, /*#__PURE__*/React.createElement(\"li\", null, /*#__PURE__*/React.createElement(\"kbd\", {\n className: \"DocSearch-Commands-Key\"\n }, /*#__PURE__*/React.createElement(CommandIcon, {\n ariaLabel: selectKeyAriaLabel\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3\"\n }))), /*#__PURE__*/React.createElement(\"span\", {\n className: \"DocSearch-Label\"\n }, selectText)), /*#__PURE__*/React.createElement(\"li\", null, /*#__PURE__*/React.createElement(\"kbd\", {\n className: \"DocSearch-Commands-Key\"\n }, /*#__PURE__*/React.createElement(CommandIcon, {\n ariaLabel: navigateDownKeyAriaLabel\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.5 3.5v8M10.5 8.5l-3 3-3-3\"\n }))), /*#__PURE__*/React.createElement(\"kbd\", {\n className: \"DocSearch-Commands-Key\"\n }, /*#__PURE__*/React.createElement(CommandIcon, {\n ariaLabel: navigateUpKeyAriaLabel\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.5 11.5v-8M10.5 6.5l-3-3-3 3\"\n }))), /*#__PURE__*/React.createElement(\"span\", {\n className: \"DocSearch-Label\"\n }, navigateText)), /*#__PURE__*/React.createElement(\"li\", null, /*#__PURE__*/React.createElement(\"kbd\", {\n className: \"DocSearch-Commands-Key\"\n }, /*#__PURE__*/React.createElement(CommandIcon, {\n ariaLabel: closeKeyAriaLabel\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956\"\n }))), /*#__PURE__*/React.createElement(\"span\", {\n className: \"DocSearch-Label\"\n }, closeText))));\n}","import React from 'react';\nexport function Hit(_ref) {\n var hit = _ref.hit,\n children = _ref.children;\n return /*#__PURE__*/React.createElement(\"a\", {\n href: hit.url\n }, children);\n}","import React from 'react';\nexport function ErrorIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"40\",\n height: \"40\",\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n fillRule: \"evenodd\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0\"\n }));\n}","import React from 'react';\nimport { ErrorIcon } from './icons';\nexport function ErrorScreen(_ref) {\n var _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? {} : _ref$translations;\n var _translations$titleTe = translations.titleText,\n titleText = _translations$titleTe === void 0 ? 'Unable to fetch results' : _translations$titleTe,\n _translations$helpTex = translations.helpText,\n helpText = _translations$helpTex === void 0 ? 'You might want to check your network connection.' : _translations$helpTex;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-ErrorScreen\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Screen-Icon\"\n }, /*#__PURE__*/React.createElement(ErrorIcon, null)), /*#__PURE__*/React.createElement(\"p\", {\n className: \"DocSearch-Title\"\n }, titleText), /*#__PURE__*/React.createElement(\"p\", {\n className: \"DocSearch-Help\"\n }, helpText));\n}","import React from 'react';\nexport function NoResultsIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"40\",\n height: \"40\",\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n fillRule: \"evenodd\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2\"\n }));\n}","var _excluded = [\"translations\"];\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from 'react';\nimport { NoResultsIcon } from './icons';\nexport function NoResultsScreen(_ref) {\n var _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? {} : _ref$translations,\n props = _objectWithoutProperties(_ref, _excluded);\n\n var _translations$noResul = translations.noResultsText,\n noResultsText = _translations$noResul === void 0 ? 'No results for' : _translations$noResul,\n _translations$suggest = translations.suggestedQueryText,\n suggestedQueryText = _translations$suggest === void 0 ? 'Try searching for' : _translations$suggest,\n _translations$reportM = translations.reportMissingResultsText,\n reportMissingResultsText = _translations$reportM === void 0 ? 'Believe this query should return results?' : _translations$reportM,\n _translations$reportM2 = translations.reportMissingResultsLinkText,\n reportMissingResultsLinkText = _translations$reportM2 === void 0 ? 'Let us know.' : _translations$reportM2;\n var searchSuggestions = props.state.context.searchSuggestions;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-NoResults\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Screen-Icon\"\n }, /*#__PURE__*/React.createElement(NoResultsIcon, null)), /*#__PURE__*/React.createElement(\"p\", {\n className: \"DocSearch-Title\"\n }, noResultsText, \" \\\"\", /*#__PURE__*/React.createElement(\"strong\", null, props.state.query), \"\\\"\"), searchSuggestions && searchSuggestions.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-NoResults-Prefill-List\"\n }, /*#__PURE__*/React.createElement(\"p\", {\n className: \"DocSearch-Help\"\n }, suggestedQueryText, \":\"), /*#__PURE__*/React.createElement(\"ul\", null, searchSuggestions.slice(0, 3).reduce(function (acc, search) {\n return [].concat(_toConsumableArray(acc), [/*#__PURE__*/React.createElement(\"li\", {\n key: search\n }, /*#__PURE__*/React.createElement(\"button\", {\n className: \"DocSearch-Prefill\",\n key: search,\n type: \"button\",\n onClick: function onClick() {\n props.setQuery(search.toLowerCase() + ' ');\n props.refresh();\n props.inputRef.current.focus();\n }\n }, search))]);\n }, []))), props.getMissingResultsUrl && /*#__PURE__*/React.createElement(\"p\", {\n className: \"DocSearch-Help\"\n }, \"\".concat(reportMissingResultsText, \" \"), /*#__PURE__*/React.createElement(\"a\", {\n href: props.getMissingResultsUrl({\n query: props.state.query\n }),\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, reportMissingResultsLinkText)));\n}","import React from 'react';\n\nvar LvlIcon = function LvlIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4\",\n stroke: \"currentColor\",\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinejoin: \"round\"\n }));\n};\n\nexport function SourceIcon(props) {\n switch (props.type) {\n case 'lvl1':\n return /*#__PURE__*/React.createElement(LvlIcon, null);\n\n case 'content':\n return /*#__PURE__*/React.createElement(ContentIcon, null);\n\n default:\n return /*#__PURE__*/React.createElement(AnchorIcon, null);\n }\n}\n\nfunction AnchorIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z\",\n stroke: \"currentColor\",\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }));\n}\n\nfunction ContentIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 5H3h14zm0 5H3h14zm0 5H3h14z\",\n stroke: \"currentColor\",\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinejoin: \"round\"\n }));\n}","import React from 'react';\nexport function SelectIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n className: \"DocSearch-Hit-Select-Icon\",\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"currentColor\",\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18 3v4c0 2-2 4-4 4H2\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8 17l-6-6 6-6\"\n })));\n}","var _excluded = [\"hit\", \"attribute\", \"tagName\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport { createElement } from 'react';\n\nfunction getPropertyByPath(object, path) {\n var parts = path.split('.');\n return parts.reduce(function (prev, current) {\n if (prev !== null && prev !== void 0 && prev[current]) return prev[current];\n return null;\n }, object);\n}\n\nexport function Snippet(_ref) {\n var hit = _ref.hit,\n attribute = _ref.attribute,\n _ref$tagName = _ref.tagName,\n tagName = _ref$tagName === void 0 ? 'span' : _ref$tagName,\n rest = _objectWithoutProperties(_ref, _excluded);\n\n return createElement(tagName, _objectSpread(_objectSpread({}, rest), {}, {\n dangerouslySetInnerHTML: {\n __html: getPropertyByPath(hit, \"_snippetResult.\".concat(attribute, \".value\")) || getPropertyByPath(hit, attribute)\n }\n }));\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from 'react';\nimport { Snippet } from './Snippet';\nexport function Results(props) {\n if (!props.collection || props.collection.items.length === 0) {\n return null;\n }\n\n return /*#__PURE__*/React.createElement(\"section\", {\n className: \"DocSearch-Hits\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-source\"\n }, props.title), /*#__PURE__*/React.createElement(\"ul\", props.getListProps(), props.collection.items.map(function (item, index) {\n return /*#__PURE__*/React.createElement(Result, _extends({\n key: [props.title, item.objectID].join(':'),\n item: item,\n index: index\n }, props));\n })));\n}\n\nfunction Result(_ref) {\n var item = _ref.item,\n index = _ref.index,\n renderIcon = _ref.renderIcon,\n renderAction = _ref.renderAction,\n getItemProps = _ref.getItemProps,\n onItemClick = _ref.onItemClick,\n collection = _ref.collection,\n hitComponent = _ref.hitComponent;\n\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isDeleting = _React$useState2[0],\n setIsDeleting = _React$useState2[1];\n\n var _React$useState3 = React.useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n isFavoriting = _React$useState4[0],\n setIsFavoriting = _React$useState4[1];\n\n var action = React.useRef(null);\n var Hit = hitComponent;\n\n function runDeleteTransition(cb) {\n setIsDeleting(true);\n action.current = cb;\n }\n\n function runFavoriteTransition(cb) {\n setIsFavoriting(true);\n action.current = cb;\n }\n\n return /*#__PURE__*/React.createElement(\"li\", _extends({\n className: ['DocSearch-Hit', item.__docsearch_parent && 'DocSearch-Hit--Child', isDeleting && 'DocSearch-Hit--deleting', isFavoriting && 'DocSearch-Hit--favoriting'].filter(Boolean).join(' '),\n onTransitionEnd: function onTransitionEnd() {\n if (action.current) {\n action.current();\n }\n }\n }, getItemProps({\n item: item,\n source: collection.source,\n onClick: function onClick() {\n onItemClick(item);\n }\n })), /*#__PURE__*/React.createElement(Hit, {\n hit: item\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-Container\"\n }, renderIcon({\n item: item,\n index: index\n }), item.hierarchy[item.type] && item.type === 'lvl1' && /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-content-wrapper\"\n }, /*#__PURE__*/React.createElement(Snippet, {\n className: \"DocSearch-Hit-title\",\n hit: item,\n attribute: \"hierarchy.lvl1\"\n }), item.content && /*#__PURE__*/React.createElement(Snippet, {\n className: \"DocSearch-Hit-path\",\n hit: item,\n attribute: \"content\"\n })), item.hierarchy[item.type] && (item.type === 'lvl2' || item.type === 'lvl3' || item.type === 'lvl4' || item.type === 'lvl5' || item.type === 'lvl6') && /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-content-wrapper\"\n }, /*#__PURE__*/React.createElement(Snippet, {\n className: \"DocSearch-Hit-title\",\n hit: item,\n attribute: \"hierarchy.\".concat(item.type)\n }), /*#__PURE__*/React.createElement(Snippet, {\n className: \"DocSearch-Hit-path\",\n hit: item,\n attribute: \"hierarchy.lvl1\"\n })), item.type === 'content' && /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-content-wrapper\"\n }, /*#__PURE__*/React.createElement(Snippet, {\n className: \"DocSearch-Hit-title\",\n hit: item,\n attribute: \"content\"\n }), /*#__PURE__*/React.createElement(Snippet, {\n className: \"DocSearch-Hit-path\",\n hit: item,\n attribute: \"hierarchy.lvl1\"\n })), renderAction({\n item: item,\n runDeleteTransition: runDeleteTransition,\n runFavoriteTransition: runFavoriteTransition\n }))));\n}","var regexHighlightTags = /(|<\\/mark>)/g;\nvar regexHasHighlightTags = RegExp(regexHighlightTags.source);\nexport function removeHighlightTags(hit) {\n var _internalDocSearchHit, _internalDocSearchHit2, _internalDocSearchHit3, _hit$_highlightResult, _hit$_highlightResult2;\n\n var internalDocSearchHit = hit;\n\n if (!internalDocSearchHit.__docsearch_parent && !hit._highlightResult) {\n return hit.hierarchy.lvl0;\n }\n\n var _ref = (internalDocSearchHit.__docsearch_parent ? (_internalDocSearchHit = internalDocSearchHit.__docsearch_parent) === null || _internalDocSearchHit === void 0 ? void 0 : (_internalDocSearchHit2 = _internalDocSearchHit._highlightResult) === null || _internalDocSearchHit2 === void 0 ? void 0 : (_internalDocSearchHit3 = _internalDocSearchHit2.hierarchy) === null || _internalDocSearchHit3 === void 0 ? void 0 : _internalDocSearchHit3.lvl0 : (_hit$_highlightResult = hit._highlightResult) === null || _hit$_highlightResult === void 0 ? void 0 : (_hit$_highlightResult2 = _hit$_highlightResult.hierarchy) === null || _hit$_highlightResult2 === void 0 ? void 0 : _hit$_highlightResult2.lvl0) || {},\n value = _ref.value;\n\n return value && regexHasHighlightTags.test(value) ? value.replace(regexHighlightTags, '') : value;\n}","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from 'react';\nimport { SelectIcon, SourceIcon } from './icons';\nimport { Results } from './Results';\nimport { removeHighlightTags } from './utils';\nexport function ResultsScreen(props) {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Dropdown-Container\"\n }, props.state.collections.map(function (collection) {\n if (collection.items.length === 0) {\n return null;\n }\n\n var title = removeHighlightTags(collection.items[0]);\n return /*#__PURE__*/React.createElement(Results, _extends({}, props, {\n key: collection.source.sourceId,\n title: title,\n collection: collection,\n renderIcon: function renderIcon(_ref) {\n var _collection$items;\n\n var item = _ref.item,\n index = _ref.index;\n return /*#__PURE__*/React.createElement(React.Fragment, null, item.__docsearch_parent && /*#__PURE__*/React.createElement(\"svg\", {\n className: \"DocSearch-Hit-Tree\",\n viewBox: \"0 0 24 54\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"currentColor\",\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }, item.__docsearch_parent !== ((_collection$items = collection.items[index + 1]) === null || _collection$items === void 0 ? void 0 : _collection$items.__docsearch_parent) ? /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8 6v21M20 27H8.3\"\n }) : /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8 6v42M20 27H8.3\"\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-icon\"\n }, /*#__PURE__*/React.createElement(SourceIcon, {\n type: item.type\n })));\n },\n renderAction: function renderAction() {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-action\"\n }, /*#__PURE__*/React.createElement(SelectIcon, null));\n }\n }));\n }), props.resultsFooterComponent && /*#__PURE__*/React.createElement(\"section\", {\n className: \"DocSearch-HitsFooter\"\n }, /*#__PURE__*/React.createElement(props.resultsFooterComponent, {\n state: props.state\n })));\n}","import React from 'react';\nexport function RecentIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"currentColor\",\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13\"\n })));\n}","import React from 'react';\nexport function StarIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z\",\n stroke: \"currentColor\",\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinejoin: \"round\"\n }));\n}","import React from 'react';\nexport function ResetIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z\",\n stroke: \"currentColor\",\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }));\n}","var _excluded = [\"translations\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from 'react';\nimport { RecentIcon, ResetIcon, StarIcon } from './icons';\nimport { Results } from './Results';\nexport function StartScreen(_ref) {\n var _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? {} : _ref$translations,\n props = _objectWithoutProperties(_ref, _excluded);\n\n var _translations$recentS = translations.recentSearchesTitle,\n recentSearchesTitle = _translations$recentS === void 0 ? 'Recent' : _translations$recentS,\n _translations$noRecen = translations.noRecentSearchesText,\n noRecentSearchesText = _translations$noRecen === void 0 ? 'No recent searches' : _translations$noRecen,\n _translations$saveRec = translations.saveRecentSearchButtonTitle,\n saveRecentSearchButtonTitle = _translations$saveRec === void 0 ? 'Save this search' : _translations$saveRec,\n _translations$removeR = translations.removeRecentSearchButtonTitle,\n removeRecentSearchButtonTitle = _translations$removeR === void 0 ? 'Remove this search from history' : _translations$removeR,\n _translations$favorit = translations.favoriteSearchesTitle,\n favoriteSearchesTitle = _translations$favorit === void 0 ? 'Favorite' : _translations$favorit,\n _translations$removeF = translations.removeFavoriteSearchButtonTitle,\n removeFavoriteSearchButtonTitle = _translations$removeF === void 0 ? 'Remove this search from favorites' : _translations$removeF;\n\n if (props.state.status === 'idle' && props.hasCollections === false) {\n if (props.disableUserPersonalization) {\n return null;\n }\n\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-StartScreen\"\n }, /*#__PURE__*/React.createElement(\"p\", {\n className: \"DocSearch-Help\"\n }, noRecentSearchesText));\n }\n\n if (props.hasCollections === false) {\n return null;\n }\n\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Dropdown-Container\"\n }, /*#__PURE__*/React.createElement(Results, _extends({}, props, {\n title: recentSearchesTitle,\n collection: props.state.collections[0],\n renderIcon: function renderIcon() {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-icon\"\n }, /*#__PURE__*/React.createElement(RecentIcon, null));\n },\n renderAction: function renderAction(_ref2) {\n var item = _ref2.item,\n runFavoriteTransition = _ref2.runFavoriteTransition,\n runDeleteTransition = _ref2.runDeleteTransition;\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-action\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n className: \"DocSearch-Hit-action-button\",\n title: saveRecentSearchButtonTitle,\n type: \"submit\",\n onClick: function onClick(event) {\n event.preventDefault();\n event.stopPropagation();\n runFavoriteTransition(function () {\n props.favoriteSearches.add(item);\n props.recentSearches.remove(item);\n props.refresh();\n });\n }\n }, /*#__PURE__*/React.createElement(StarIcon, null))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-action\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n className: \"DocSearch-Hit-action-button\",\n title: removeRecentSearchButtonTitle,\n type: \"submit\",\n onClick: function onClick(event) {\n event.preventDefault();\n event.stopPropagation();\n runDeleteTransition(function () {\n props.recentSearches.remove(item);\n props.refresh();\n });\n }\n }, /*#__PURE__*/React.createElement(ResetIcon, null))));\n }\n })), /*#__PURE__*/React.createElement(Results, _extends({}, props, {\n title: favoriteSearchesTitle,\n collection: props.state.collections[1],\n renderIcon: function renderIcon() {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-icon\"\n }, /*#__PURE__*/React.createElement(StarIcon, null));\n },\n renderAction: function renderAction(_ref3) {\n var item = _ref3.item,\n runDeleteTransition = _ref3.runDeleteTransition;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Hit-action\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n className: \"DocSearch-Hit-action-button\",\n title: removeFavoriteSearchButtonTitle,\n type: \"submit\",\n onClick: function onClick(event) {\n event.preventDefault();\n event.stopPropagation();\n runDeleteTransition(function () {\n props.favoriteSearches.remove(item);\n props.refresh();\n });\n }\n }, /*#__PURE__*/React.createElement(ResetIcon, null)));\n }\n })));\n}","var _excluded = [\"translations\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from 'react';\nimport { ErrorScreen } from './ErrorScreen';\nimport { NoResultsScreen } from './NoResultsScreen';\nimport { ResultsScreen } from './ResultsScreen';\nimport { StartScreen } from './StartScreen';\nexport var ScreenState = React.memo(function (_ref) {\n var _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? {} : _ref$translations,\n props = _objectWithoutProperties(_ref, _excluded);\n\n if (props.state.status === 'error') {\n return /*#__PURE__*/React.createElement(ErrorScreen, {\n translations: translations === null || translations === void 0 ? void 0 : translations.errorScreen\n });\n }\n\n var hasCollections = props.state.collections.some(function (collection) {\n return collection.items.length > 0;\n });\n\n if (!props.state.query) {\n return /*#__PURE__*/React.createElement(StartScreen, _extends({}, props, {\n hasCollections: hasCollections,\n translations: translations === null || translations === void 0 ? void 0 : translations.startScreen\n }));\n }\n\n if (hasCollections === false) {\n return /*#__PURE__*/React.createElement(NoResultsScreen, _extends({}, props, {\n translations: translations === null || translations === void 0 ? void 0 : translations.noResultsScreen\n }));\n }\n\n return /*#__PURE__*/React.createElement(ResultsScreen, props);\n}, function areEqual(_prevProps, nextProps) {\n // We don't update the screen when Autocomplete is loading or stalled to\n // avoid UI flashes:\n // - Empty screen → Results screen\n // - NoResults screen → NoResults screen with another query\n return nextProps.state.status === 'loading' || nextProps.state.status === 'stalled';\n});","import React from 'react';\nexport function LoadingIcon() {\n return /*#__PURE__*/React.createElement(\"svg\", {\n viewBox: \"0 0 38 38\",\n stroke: \"currentColor\",\n strokeOpacity: \".5\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(1 1)\",\n strokeWidth: \"2\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n strokeOpacity: \".3\",\n cx: \"18\",\n cy: \"18\",\n r: \"18\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 18c0-9.94-8.06-18-18-18\"\n }, /*#__PURE__*/React.createElement(\"animateTransform\", {\n attributeName: \"transform\",\n type: \"rotate\",\n from: \"0 18 18\",\n to: \"360 18 18\",\n dur: \"1s\",\n repeatCount: \"indefinite\"\n })))));\n}","var _excluded = [\"translations\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from 'react';\nimport { MAX_QUERY_SIZE } from './constants';\nimport { LoadingIcon } from './icons/LoadingIcon';\nimport { ResetIcon } from './icons/ResetIcon';\nimport { SearchIcon } from './icons/SearchIcon';\nexport function SearchBox(_ref) {\n var _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? {} : _ref$translations,\n props = _objectWithoutProperties(_ref, _excluded);\n\n var _translations$resetBu = translations.resetButtonTitle,\n resetButtonTitle = _translations$resetBu === void 0 ? 'Clear the query' : _translations$resetBu,\n _translations$resetBu2 = translations.resetButtonAriaLabel,\n resetButtonAriaLabel = _translations$resetBu2 === void 0 ? 'Clear the query' : _translations$resetBu2,\n _translations$cancelB = translations.cancelButtonText,\n cancelButtonText = _translations$cancelB === void 0 ? 'Cancel' : _translations$cancelB,\n _translations$cancelB2 = translations.cancelButtonAriaLabel,\n cancelButtonAriaLabel = _translations$cancelB2 === void 0 ? 'Cancel' : _translations$cancelB2;\n\n var _props$getFormProps = props.getFormProps({\n inputElement: props.inputRef.current\n }),\n onReset = _props$getFormProps.onReset;\n\n React.useEffect(function () {\n if (props.autoFocus && props.inputRef.current) {\n props.inputRef.current.focus();\n }\n }, [props.autoFocus, props.inputRef]);\n React.useEffect(function () {\n if (props.isFromSelection && props.inputRef.current) {\n props.inputRef.current.select();\n }\n }, [props.isFromSelection, props.inputRef]);\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"form\", {\n className: \"DocSearch-Form\",\n onSubmit: function onSubmit(event) {\n event.preventDefault();\n },\n onReset: onReset\n }, /*#__PURE__*/React.createElement(\"label\", _extends({\n className: \"DocSearch-MagnifierLabel\"\n }, props.getLabelProps()), /*#__PURE__*/React.createElement(SearchIcon, null)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-LoadingIndicator\"\n }, /*#__PURE__*/React.createElement(LoadingIcon, null)), /*#__PURE__*/React.createElement(\"input\", _extends({\n className: \"DocSearch-Input\",\n ref: props.inputRef\n }, props.getInputProps({\n inputElement: props.inputRef.current,\n autoFocus: props.autoFocus,\n maxLength: MAX_QUERY_SIZE\n }))), /*#__PURE__*/React.createElement(\"button\", {\n type: \"reset\",\n title: resetButtonTitle,\n className: \"DocSearch-Reset\",\n \"aria-label\": resetButtonAriaLabel,\n hidden: !props.state.query\n }, /*#__PURE__*/React.createElement(ResetIcon, null))), /*#__PURE__*/React.createElement(\"button\", {\n className: \"DocSearch-Cancel\",\n type: \"reset\",\n \"aria-label\": cancelButtonAriaLabel,\n onClick: props.onClose\n }, cancelButtonText));\n}","export var MAX_QUERY_SIZE = 64;","var _excluded = [\"_highlightResult\", \"_snippetResult\"];\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction isLocalStorageSupported() {\n var key = '__TEST_KEY__';\n\n try {\n localStorage.setItem(key, '');\n localStorage.removeItem(key);\n return true;\n } catch (error) {\n return false;\n }\n}\n\nfunction createStorage(key) {\n if (isLocalStorageSupported() === false) {\n return {\n setItem: function setItem() {},\n getItem: function getItem() {\n return [];\n }\n };\n }\n\n return {\n setItem: function setItem(item) {\n return window.localStorage.setItem(key, JSON.stringify(item));\n },\n getItem: function getItem() {\n var item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : [];\n }\n };\n}\n\nexport function createStoredSearches(_ref) {\n var key = _ref.key,\n _ref$limit = _ref.limit,\n limit = _ref$limit === void 0 ? 5 : _ref$limit;\n var storage = createStorage(key);\n var items = storage.getItem().slice(0, limit);\n return {\n add: function add(item) {\n var _ref2 = item,\n _highlightResult = _ref2._highlightResult,\n _snippetResult = _ref2._snippetResult,\n hit = _objectWithoutProperties(_ref2, _excluded);\n\n var isQueryAlreadySaved = items.findIndex(function (x) {\n return x.objectID === hit.objectID;\n });\n\n if (isQueryAlreadySaved > -1) {\n items.splice(isQueryAlreadySaved, 1);\n }\n\n items.unshift(hit);\n items = items.slice(0, limit);\n storage.setItem(items);\n },\n remove: function remove(item) {\n items = items.filter(function (x) {\n return x.objectID !== item.objectID;\n });\n storage.setItem(items);\n },\n getAll: function getAll() {\n return items;\n }\n };\n}","function createBrowserLocalStorageCache(options) {\r\n const namespaceKey = `algoliasearch-client-js-${options.key}`;\r\n // eslint-disable-next-line functional/no-let\r\n let storage;\r\n const getStorage = () => {\r\n if (storage === undefined) {\r\n storage = options.localStorage || window.localStorage;\r\n }\r\n return storage;\r\n };\r\n const getNamespace = () => {\r\n return JSON.parse(getStorage().getItem(namespaceKey) || '{}');\r\n };\r\n return {\r\n get(key, defaultValue, events = {\r\n miss: () => Promise.resolve(),\r\n }) {\r\n return Promise.resolve()\r\n .then(() => {\r\n const keyAsString = JSON.stringify(key);\r\n const value = getNamespace()[keyAsString];\r\n return Promise.all([value || defaultValue(), value !== undefined]);\r\n })\r\n .then(([value, exists]) => {\r\n return Promise.all([value, exists || events.miss(value)]);\r\n })\r\n .then(([value]) => value);\r\n },\r\n set(key, value) {\r\n return Promise.resolve().then(() => {\r\n const namespace = getNamespace();\r\n // eslint-disable-next-line functional/immutable-data\r\n namespace[JSON.stringify(key)] = value;\r\n getStorage().setItem(namespaceKey, JSON.stringify(namespace));\r\n return value;\r\n });\r\n },\r\n delete(key) {\r\n return Promise.resolve().then(() => {\r\n const namespace = getNamespace();\r\n // eslint-disable-next-line functional/immutable-data\r\n delete namespace[JSON.stringify(key)];\r\n getStorage().setItem(namespaceKey, JSON.stringify(namespace));\r\n });\r\n },\r\n clear() {\r\n return Promise.resolve().then(() => {\r\n getStorage().removeItem(namespaceKey);\r\n });\r\n },\r\n };\r\n}\n\n// @todo Add logger on options to debug when caches go wrong.\r\nfunction createFallbackableCache(options) {\r\n const caches = [...options.caches];\r\n const current = caches.shift(); // eslint-disable-line functional/immutable-data\r\n if (current === undefined) {\r\n return createNullCache();\r\n }\r\n return {\r\n get(key, defaultValue, events = {\r\n miss: () => Promise.resolve(),\r\n }) {\r\n return current.get(key, defaultValue, events).catch(() => {\r\n return createFallbackableCache({ caches }).get(key, defaultValue, events);\r\n });\r\n },\r\n set(key, value) {\r\n return current.set(key, value).catch(() => {\r\n return createFallbackableCache({ caches }).set(key, value);\r\n });\r\n },\r\n delete(key) {\r\n return current.delete(key).catch(() => {\r\n return createFallbackableCache({ caches }).delete(key);\r\n });\r\n },\r\n clear() {\r\n return current.clear().catch(() => {\r\n return createFallbackableCache({ caches }).clear();\r\n });\r\n },\r\n };\r\n}\n\nfunction createNullCache() {\r\n return {\r\n get(_key, defaultValue, events = {\r\n miss: () => Promise.resolve(),\r\n }) {\r\n const value = defaultValue();\r\n return value\r\n .then(result => Promise.all([result, events.miss(result)]))\r\n .then(([result]) => result);\r\n },\r\n set(_key, value) {\r\n return Promise.resolve(value);\r\n },\r\n delete(_key) {\r\n return Promise.resolve();\r\n },\r\n clear() {\r\n return Promise.resolve();\r\n },\r\n };\r\n}\n\nfunction createInMemoryCache(options = { serializable: true }) {\r\n // eslint-disable-next-line functional/no-let\r\n let cache = {};\r\n return {\r\n get(key, defaultValue, events = {\r\n miss: () => Promise.resolve(),\r\n }) {\r\n const keyAsString = JSON.stringify(key);\r\n if (keyAsString in cache) {\r\n return Promise.resolve(options.serializable ? JSON.parse(cache[keyAsString]) : cache[keyAsString]);\r\n }\r\n const promise = defaultValue();\r\n const miss = (events && events.miss) || (() => Promise.resolve());\r\n return promise.then((value) => miss(value)).then(() => promise);\r\n },\r\n set(key, value) {\r\n // eslint-disable-next-line functional/immutable-data\r\n cache[JSON.stringify(key)] = options.serializable ? JSON.stringify(value) : value;\r\n return Promise.resolve(value);\r\n },\r\n delete(key) {\r\n // eslint-disable-next-line functional/immutable-data\r\n delete cache[JSON.stringify(key)];\r\n return Promise.resolve();\r\n },\r\n clear() {\r\n cache = {};\r\n return Promise.resolve();\r\n },\r\n };\r\n}\n\nfunction createAuth(authMode, appId, apiKey) {\r\n const credentials = {\r\n 'x-algolia-api-key': apiKey,\r\n 'x-algolia-application-id': appId,\r\n };\r\n return {\r\n headers() {\r\n return authMode === AuthMode.WithinHeaders ? credentials : {};\r\n },\r\n queryParameters() {\r\n return authMode === AuthMode.WithinQueryParameters ? credentials : {};\r\n },\r\n };\r\n}\n\n// eslint-disable-next-line functional/prefer-readonly-type\r\nfunction shuffle(array) {\r\n let c = array.length - 1; // eslint-disable-line functional/no-let\r\n // eslint-disable-next-line functional/no-loop-statement\r\n for (c; c > 0; c--) {\r\n const b = Math.floor(Math.random() * (c + 1));\r\n const a = array[c];\r\n array[c] = array[b]; // eslint-disable-line functional/immutable-data, no-param-reassign\r\n array[b] = a; // eslint-disable-line functional/immutable-data, no-param-reassign\r\n }\r\n return array;\r\n}\r\nfunction addMethods(base, methods) {\r\n if (!methods) {\r\n return base;\r\n }\r\n Object.keys(methods).forEach(key => {\r\n // eslint-disable-next-line functional/immutable-data, no-param-reassign\r\n base[key] = methods[key](base);\r\n });\r\n return base;\r\n}\r\nfunction encode(format, ...args) {\r\n // eslint-disable-next-line functional/no-let\r\n let i = 0;\r\n return format.replace(/%s/g, () => encodeURIComponent(args[i++]));\r\n}\n\nconst version = '4.14.3';\n\nconst AuthMode = {\r\n /**\r\n * If auth credentials should be in query parameters.\r\n */\r\n WithinQueryParameters: 0,\r\n /**\r\n * If auth credentials should be in headers.\r\n */\r\n WithinHeaders: 1,\r\n};\n\nfunction createMappedRequestOptions(requestOptions, timeout) {\r\n const options = requestOptions || {};\r\n const data = options.data || {};\r\n Object.keys(options).forEach(key => {\r\n if (['timeout', 'headers', 'queryParameters', 'data', 'cacheable'].indexOf(key) === -1) {\r\n data[key] = options[key]; // eslint-disable-line functional/immutable-data\r\n }\r\n });\r\n return {\r\n data: Object.entries(data).length > 0 ? data : undefined,\r\n timeout: options.timeout || timeout,\r\n headers: options.headers || {},\r\n queryParameters: options.queryParameters || {},\r\n cacheable: options.cacheable,\r\n };\r\n}\n\nconst CallEnum = {\r\n /**\r\n * If the host is read only.\r\n */\r\n Read: 1,\r\n /**\r\n * If the host is write only.\r\n */\r\n Write: 2,\r\n /**\r\n * If the host is both read and write.\r\n */\r\n Any: 3,\r\n};\n\nconst HostStatusEnum = {\r\n Up: 1,\r\n Down: 2,\r\n Timeouted: 3,\r\n};\n\n// By default, API Clients at Algolia have expiration delay\r\n// of 5 mins. In the JavaScript client, we have 2 mins.\r\nconst EXPIRATION_DELAY = 2 * 60 * 1000;\r\nfunction createStatefulHost(host, status = HostStatusEnum.Up) {\r\n return {\r\n ...host,\r\n status,\r\n lastUpdate: Date.now(),\r\n };\r\n}\r\nfunction isStatefulHostUp(host) {\r\n return host.status === HostStatusEnum.Up || Date.now() - host.lastUpdate > EXPIRATION_DELAY;\r\n}\r\nfunction isStatefulHostTimeouted(host) {\r\n return (host.status === HostStatusEnum.Timeouted && Date.now() - host.lastUpdate <= EXPIRATION_DELAY);\r\n}\n\nfunction createStatelessHost(options) {\r\n if (typeof options === 'string') {\r\n return {\r\n protocol: 'https',\r\n url: options,\r\n accept: CallEnum.Any,\r\n };\r\n }\r\n return {\r\n protocol: options.protocol || 'https',\r\n url: options.url,\r\n accept: options.accept || CallEnum.Any,\r\n };\r\n}\n\nconst MethodEnum = {\r\n Delete: 'DELETE',\r\n Get: 'GET',\r\n Post: 'POST',\r\n Put: 'PUT',\r\n};\n\nfunction createRetryableOptions(hostsCache, statelessHosts) {\r\n return Promise.all(statelessHosts.map(statelessHost => {\r\n return hostsCache.get(statelessHost, () => {\r\n return Promise.resolve(createStatefulHost(statelessHost));\r\n });\r\n })).then(statefulHosts => {\r\n const hostsUp = statefulHosts.filter(host => isStatefulHostUp(host));\r\n const hostsTimeouted = statefulHosts.filter(host => isStatefulHostTimeouted(host));\r\n /**\r\n * Note, we put the hosts that previously timeouted on the end of the list.\r\n */\r\n const hostsAvailable = [...hostsUp, ...hostsTimeouted];\r\n const statelessHostsAvailable = hostsAvailable.length > 0\r\n ? hostsAvailable.map(host => createStatelessHost(host))\r\n : statelessHosts;\r\n return {\r\n getTimeout(timeoutsCount, baseTimeout) {\r\n /**\r\n * Imagine that you have 4 hosts, if timeouts will increase\r\n * on the following way: 1 (timeouted) > 4 (timeouted) > 5 (200)\r\n *\r\n * Note that, the very next request, we start from the previous timeout\r\n *\r\n * 5 (timeouted) > 6 (timeouted) > 7 ...\r\n *\r\n * This strategy may need to be reviewed, but is the strategy on the our\r\n * current v3 version.\r\n */\r\n const timeoutMultiplier = hostsTimeouted.length === 0 && timeoutsCount === 0\r\n ? 1\r\n : hostsTimeouted.length + 3 + timeoutsCount;\r\n return timeoutMultiplier * baseTimeout;\r\n },\r\n statelessHosts: statelessHostsAvailable,\r\n };\r\n });\r\n}\n\nconst isNetworkError = ({ isTimedOut, status }) => {\r\n return !isTimedOut && ~~status === 0;\r\n};\r\nconst isRetryable = (response) => {\r\n const status = response.status;\r\n const isTimedOut = response.isTimedOut;\r\n return (isTimedOut || isNetworkError(response) || (~~(status / 100) !== 2 && ~~(status / 100) !== 4));\r\n};\r\nconst isSuccess = ({ status }) => {\r\n return ~~(status / 100) === 2;\r\n};\r\nconst retryDecision = (response, outcomes) => {\r\n if (isRetryable(response)) {\r\n return outcomes.onRetry(response);\r\n }\r\n if (isSuccess(response)) {\r\n return outcomes.onSuccess(response);\r\n }\r\n return outcomes.onFail(response);\r\n};\n\nfunction retryableRequest(transporter, statelessHosts, request, requestOptions) {\r\n const stackTrace = []; // eslint-disable-line functional/prefer-readonly-type\r\n /**\r\n * First we prepare the payload that do not depend from hosts.\r\n */\r\n const data = serializeData(request, requestOptions);\r\n const headers = serializeHeaders(transporter, requestOptions);\r\n const method = request.method;\r\n // On `GET`, the data is proxied to query parameters.\r\n const dataQueryParameters = request.method !== MethodEnum.Get\r\n ? {}\r\n : {\r\n ...request.data,\r\n ...requestOptions.data,\r\n };\r\n const queryParameters = {\r\n 'x-algolia-agent': transporter.userAgent.value,\r\n ...transporter.queryParameters,\r\n ...dataQueryParameters,\r\n ...requestOptions.queryParameters,\r\n };\r\n let timeoutsCount = 0; // eslint-disable-line functional/no-let\r\n const retry = (hosts, // eslint-disable-line functional/prefer-readonly-type\r\n getTimeout) => {\r\n /**\r\n * We iterate on each host, until there is no host left.\r\n */\r\n const host = hosts.pop(); // eslint-disable-line functional/immutable-data\r\n if (host === undefined) {\r\n throw createRetryError(stackTraceWithoutCredentials(stackTrace));\r\n }\r\n const payload = {\r\n data,\r\n headers,\r\n method,\r\n url: serializeUrl(host, request.path, queryParameters),\r\n connectTimeout: getTimeout(timeoutsCount, transporter.timeouts.connect),\r\n responseTimeout: getTimeout(timeoutsCount, requestOptions.timeout),\r\n };\r\n /**\r\n * The stackFrame is pushed to the stackTrace so we\r\n * can have information about onRetry and onFailure\r\n * decisions.\r\n */\r\n const pushToStackTrace = (response) => {\r\n const stackFrame = {\r\n request: payload,\r\n response,\r\n host,\r\n triesLeft: hosts.length,\r\n };\r\n // eslint-disable-next-line functional/immutable-data\r\n stackTrace.push(stackFrame);\r\n return stackFrame;\r\n };\r\n const decisions = {\r\n onSuccess: response => deserializeSuccess(response),\r\n onRetry(response) {\r\n const stackFrame = pushToStackTrace(response);\r\n /**\r\n * If response is a timeout, we increaset the number of\r\n * timeouts so we can increase the timeout later.\r\n */\r\n if (response.isTimedOut) {\r\n timeoutsCount++;\r\n }\r\n return Promise.all([\r\n /**\r\n * Failures are individually send the logger, allowing\r\n * the end user to debug / store stack frames even\r\n * when a retry error does not happen.\r\n */\r\n transporter.logger.info('Retryable failure', stackFrameWithoutCredentials(stackFrame)),\r\n /**\r\n * We also store the state of the host in failure cases. If the host, is\r\n * down it will remain down for the next 2 minutes. In a timeout situation,\r\n * this host will be added end of the list of hosts on the next request.\r\n */\r\n transporter.hostsCache.set(host, createStatefulHost(host, response.isTimedOut ? HostStatusEnum.Timeouted : HostStatusEnum.Down)),\r\n ]).then(() => retry(hosts, getTimeout));\r\n },\r\n onFail(response) {\r\n pushToStackTrace(response);\r\n throw deserializeFailure(response, stackTraceWithoutCredentials(stackTrace));\r\n },\r\n };\r\n return transporter.requester.send(payload).then(response => {\r\n return retryDecision(response, decisions);\r\n });\r\n };\r\n /**\r\n * Finally, for each retryable host perform request until we got a non\r\n * retryable response. Some notes here:\r\n *\r\n * 1. The reverse here is applied so we can apply a `pop` later on => more performant.\r\n * 2. We also get from the retryable options a timeout multiplier that is tailored\r\n * for the current context.\r\n */\r\n return createRetryableOptions(transporter.hostsCache, statelessHosts).then(options => {\r\n return retry([...options.statelessHosts].reverse(), options.getTimeout);\r\n });\r\n}\n\nfunction createTransporter(options) {\r\n const { hostsCache, logger, requester, requestsCache, responsesCache, timeouts, userAgent, hosts, queryParameters, headers, } = options;\r\n const transporter = {\r\n hostsCache,\r\n logger,\r\n requester,\r\n requestsCache,\r\n responsesCache,\r\n timeouts,\r\n userAgent,\r\n headers,\r\n queryParameters,\r\n hosts: hosts.map(host => createStatelessHost(host)),\r\n read(request, requestOptions) {\r\n /**\r\n * First, we compute the user request options. Now, keep in mind,\r\n * that using request options the user is able to modified the intire\r\n * payload of the request. Such as headers, query parameters, and others.\r\n */\r\n const mappedRequestOptions = createMappedRequestOptions(requestOptions, transporter.timeouts.read);\r\n const createRetryableRequest = () => {\r\n /**\r\n * Then, we prepare a function factory that contains the construction of\r\n * the retryable request. At this point, we may *not* perform the actual\r\n * request. But we want to have the function factory ready.\r\n */\r\n return retryableRequest(transporter, transporter.hosts.filter(host => (host.accept & CallEnum.Read) !== 0), request, mappedRequestOptions);\r\n };\r\n /**\r\n * Once we have the function factory ready, we need to determine of the\r\n * request is \"cacheable\" - should be cached. Note that, once again,\r\n * the user can force this option.\r\n */\r\n const cacheable = mappedRequestOptions.cacheable !== undefined\r\n ? mappedRequestOptions.cacheable\r\n : request.cacheable;\r\n /**\r\n * If is not \"cacheable\", we immediatly trigger the retryable request, no\r\n * need to check cache implementations.\r\n */\r\n if (cacheable !== true) {\r\n return createRetryableRequest();\r\n }\r\n /**\r\n * If the request is \"cacheable\", we need to first compute the key to ask\r\n * the cache implementations if this request is on progress or if the\r\n * response already exists on the cache.\r\n */\r\n const key = {\r\n request,\r\n mappedRequestOptions,\r\n transporter: {\r\n queryParameters: transporter.queryParameters,\r\n headers: transporter.headers,\r\n },\r\n };\r\n /**\r\n * With the computed key, we first ask the responses cache\r\n * implemention if this request was been resolved before.\r\n */\r\n return transporter.responsesCache.get(key, () => {\r\n /**\r\n * If the request has never resolved before, we actually ask if there\r\n * is a current request with the same key on progress.\r\n */\r\n return transporter.requestsCache.get(key, () => {\r\n return (transporter.requestsCache\r\n /**\r\n * Finally, if there is no request in progress with the same key,\r\n * this `createRetryableRequest()` will actually trigger the\r\n * retryable request.\r\n */\r\n .set(key, createRetryableRequest())\r\n .then(response => Promise.all([transporter.requestsCache.delete(key), response]), err => Promise.all([transporter.requestsCache.delete(key), Promise.reject(err)]))\r\n .then(([_, response]) => response));\r\n });\r\n }, {\r\n /**\r\n * Of course, once we get this response back from the server, we\r\n * tell response cache to actually store the received response\r\n * to be used later.\r\n */\r\n miss: response => transporter.responsesCache.set(key, response),\r\n });\r\n },\r\n write(request, requestOptions) {\r\n /**\r\n * On write requests, no cache mechanisms are applied, and we\r\n * proxy the request immediately to the requester.\r\n */\r\n return retryableRequest(transporter, transporter.hosts.filter(host => (host.accept & CallEnum.Write) !== 0), request, createMappedRequestOptions(requestOptions, transporter.timeouts.write));\r\n },\r\n };\r\n return transporter;\r\n}\n\nfunction createUserAgent(version) {\r\n const userAgent = {\r\n value: `Algolia for JavaScript (${version})`,\r\n add(options) {\r\n const addedUserAgent = `; ${options.segment}${options.version !== undefined ? ` (${options.version})` : ''}`;\r\n if (userAgent.value.indexOf(addedUserAgent) === -1) {\r\n // eslint-disable-next-line functional/immutable-data\r\n userAgent.value = `${userAgent.value}${addedUserAgent}`;\r\n }\r\n return userAgent;\r\n },\r\n };\r\n return userAgent;\r\n}\n\nfunction deserializeSuccess(response) {\r\n // eslint-disable-next-line functional/no-try-statement\r\n try {\r\n return JSON.parse(response.content);\r\n }\r\n catch (e) {\r\n throw createDeserializationError(e.message, response);\r\n }\r\n}\r\nfunction deserializeFailure({ content, status }, stackFrame) {\r\n // eslint-disable-next-line functional/no-let\r\n let message = content;\r\n // eslint-disable-next-line functional/no-try-statement\r\n try {\r\n message = JSON.parse(content).message;\r\n }\r\n catch (e) {\r\n // ..\r\n }\r\n return createApiError(message, status, stackFrame);\r\n}\n\nfunction serializeUrl(host, path, queryParameters) {\r\n const queryParametersAsString = serializeQueryParameters(queryParameters);\r\n // eslint-disable-next-line functional/no-let\r\n let url = `${host.protocol}://${host.url}/${path.charAt(0) === '/' ? path.substr(1) : path}`;\r\n if (queryParametersAsString.length) {\r\n url += `?${queryParametersAsString}`;\r\n }\r\n return url;\r\n}\r\nfunction serializeQueryParameters(parameters) {\r\n const isObjectOrArray = (value) => Object.prototype.toString.call(value) === '[object Object]' ||\r\n Object.prototype.toString.call(value) === '[object Array]';\r\n return Object.keys(parameters)\r\n .map(key => encode('%s=%s', key, isObjectOrArray(parameters[key]) ? JSON.stringify(parameters[key]) : parameters[key]))\r\n .join('&');\r\n}\r\nfunction serializeData(request, requestOptions) {\r\n if (request.method === MethodEnum.Get ||\r\n (request.data === undefined && requestOptions.data === undefined)) {\r\n return undefined;\r\n }\r\n const data = Array.isArray(request.data)\r\n ? request.data\r\n : { ...request.data, ...requestOptions.data };\r\n return JSON.stringify(data);\r\n}\r\nfunction serializeHeaders(transporter, requestOptions) {\r\n const headers = {\r\n ...transporter.headers,\r\n ...requestOptions.headers,\r\n };\r\n const serializedHeaders = {};\r\n Object.keys(headers).forEach(header => {\r\n const value = headers[header];\r\n // @ts-ignore\r\n // eslint-disable-next-line functional/immutable-data\r\n serializedHeaders[header.toLowerCase()] = value;\r\n });\r\n return serializedHeaders;\r\n}\n\nfunction stackTraceWithoutCredentials(stackTrace) {\r\n return stackTrace.map(stackFrame => stackFrameWithoutCredentials(stackFrame));\r\n}\r\nfunction stackFrameWithoutCredentials(stackFrame) {\r\n const modifiedHeaders = stackFrame.request.headers['x-algolia-api-key']\r\n ? { 'x-algolia-api-key': '*****' }\r\n : {};\r\n return {\r\n ...stackFrame,\r\n request: {\r\n ...stackFrame.request,\r\n headers: {\r\n ...stackFrame.request.headers,\r\n ...modifiedHeaders,\r\n },\r\n },\r\n };\r\n}\n\nfunction createApiError(message, status, transporterStackTrace) {\r\n return {\r\n name: 'ApiError',\r\n message,\r\n status,\r\n transporterStackTrace,\r\n };\r\n}\n\nfunction createDeserializationError(message, response) {\r\n return {\r\n name: 'DeserializationError',\r\n message,\r\n response,\r\n };\r\n}\n\nfunction createRetryError(transporterStackTrace) {\r\n return {\r\n name: 'RetryError',\r\n message: 'Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.',\r\n transporterStackTrace,\r\n };\r\n}\n\nconst createSearchClient = options => {\r\n const appId = options.appId;\r\n const auth = createAuth(options.authMode !== undefined ? options.authMode : AuthMode.WithinHeaders, appId, options.apiKey);\r\n const transporter = createTransporter({\r\n hosts: [\r\n { url: `${appId}-dsn.algolia.net`, accept: CallEnum.Read },\r\n { url: `${appId}.algolia.net`, accept: CallEnum.Write },\r\n ].concat(shuffle([\r\n { url: `${appId}-1.algolianet.com` },\r\n { url: `${appId}-2.algolianet.com` },\r\n { url: `${appId}-3.algolianet.com` },\r\n ])),\r\n ...options,\r\n headers: {\r\n ...auth.headers(),\r\n ...{ 'content-type': 'application/x-www-form-urlencoded' },\r\n ...options.headers,\r\n },\r\n queryParameters: {\r\n ...auth.queryParameters(),\r\n ...options.queryParameters,\r\n },\r\n });\r\n const base = {\r\n transporter,\r\n appId,\r\n addAlgoliaAgent(segment, version) {\r\n transporter.userAgent.add({ segment, version });\r\n },\r\n clearCache() {\r\n return Promise.all([\r\n transporter.requestsCache.clear(),\r\n transporter.responsesCache.clear(),\r\n ]).then(() => undefined);\r\n },\r\n };\r\n return addMethods(base, options.methods);\r\n};\n\nconst customRequest = (base) => {\r\n return (request, requestOptions) => {\r\n if (request.method === MethodEnum.Get) {\r\n return base.transporter.read(request, requestOptions);\r\n }\r\n return base.transporter.write(request, requestOptions);\r\n };\r\n};\n\nconst initIndex = (base) => {\r\n return (indexName, options = {}) => {\r\n const searchIndex = {\r\n transporter: base.transporter,\r\n appId: base.appId,\r\n indexName,\r\n };\r\n return addMethods(searchIndex, options.methods);\r\n };\r\n};\n\nconst multipleQueries = (base) => {\r\n return (queries, requestOptions) => {\r\n const requests = queries.map(query => {\r\n return {\r\n ...query,\r\n params: serializeQueryParameters(query.params || {}),\r\n };\r\n });\r\n return base.transporter.read({\r\n method: MethodEnum.Post,\r\n path: '1/indexes/*/queries',\r\n data: {\r\n requests,\r\n },\r\n cacheable: true,\r\n }, requestOptions);\r\n };\r\n};\n\nconst multipleSearchForFacetValues = (base) => {\r\n return (queries, requestOptions) => {\r\n return Promise.all(queries.map(query => {\r\n const { facetName, facetQuery, ...params } = query.params;\r\n return initIndex(base)(query.indexName, {\r\n methods: { searchForFacetValues },\r\n }).searchForFacetValues(facetName, facetQuery, {\r\n ...requestOptions,\r\n ...params,\r\n });\r\n }));\r\n };\r\n};\n\nconst findAnswers = (base) => {\r\n return (query, queryLanguages, requestOptions) => {\r\n return base.transporter.read({\r\n method: MethodEnum.Post,\r\n path: encode('1/answers/%s/prediction', base.indexName),\r\n data: {\r\n query,\r\n queryLanguages,\r\n },\r\n cacheable: true,\r\n }, requestOptions);\r\n };\r\n};\n\nconst search = (base) => {\r\n return (query, requestOptions) => {\r\n return base.transporter.read({\r\n method: MethodEnum.Post,\r\n path: encode('1/indexes/%s/query', base.indexName),\r\n data: {\r\n query,\r\n },\r\n cacheable: true,\r\n }, requestOptions);\r\n };\r\n};\n\nconst searchForFacetValues = (base) => {\r\n return (facetName, facetQuery, requestOptions) => {\r\n return base.transporter.read({\r\n method: MethodEnum.Post,\r\n path: encode('1/indexes/%s/facets/%s/query', base.indexName, facetName),\r\n data: {\r\n facetQuery,\r\n },\r\n cacheable: true,\r\n }, requestOptions);\r\n };\r\n};\n\nconst LogLevelEnum = {\r\n Debug: 1,\r\n Info: 2,\r\n Error: 3,\r\n};\n\n/* eslint no-console: 0 */\r\nfunction createConsoleLogger(logLevel) {\r\n return {\r\n debug(message, args) {\r\n if (LogLevelEnum.Debug >= logLevel) {\r\n console.debug(message, args);\r\n }\r\n return Promise.resolve();\r\n },\r\n info(message, args) {\r\n if (LogLevelEnum.Info >= logLevel) {\r\n console.info(message, args);\r\n }\r\n return Promise.resolve();\r\n },\r\n error(message, args) {\r\n console.error(message, args);\r\n return Promise.resolve();\r\n },\r\n };\r\n}\n\nfunction createBrowserXhrRequester() {\r\n return {\r\n send(request) {\r\n return new Promise((resolve) => {\r\n const baseRequester = new XMLHttpRequest();\r\n baseRequester.open(request.method, request.url, true);\r\n Object.keys(request.headers).forEach(key => baseRequester.setRequestHeader(key, request.headers[key]));\r\n const createTimeout = (timeout, content) => {\r\n return setTimeout(() => {\r\n baseRequester.abort();\r\n resolve({\r\n status: 0,\r\n content,\r\n isTimedOut: true,\r\n });\r\n }, timeout * 1000);\r\n };\r\n const connectTimeout = createTimeout(request.connectTimeout, 'Connection timeout');\r\n // eslint-disable-next-line functional/no-let\r\n let responseTimeout;\r\n // eslint-disable-next-line functional/immutable-data\r\n baseRequester.onreadystatechange = () => {\r\n if (baseRequester.readyState > baseRequester.OPENED && responseTimeout === undefined) {\r\n clearTimeout(connectTimeout);\r\n responseTimeout = createTimeout(request.responseTimeout, 'Socket timeout');\r\n }\r\n };\r\n // eslint-disable-next-line functional/immutable-data\r\n baseRequester.onerror = () => {\r\n // istanbul ignore next\r\n if (baseRequester.status === 0) {\r\n clearTimeout(connectTimeout);\r\n clearTimeout(responseTimeout);\r\n resolve({\r\n content: baseRequester.responseText || 'Network request failed',\r\n status: baseRequester.status,\r\n isTimedOut: false,\r\n });\r\n }\r\n };\r\n // eslint-disable-next-line functional/immutable-data\r\n baseRequester.onload = () => {\r\n clearTimeout(connectTimeout);\r\n clearTimeout(responseTimeout);\r\n resolve({\r\n content: baseRequester.responseText,\r\n status: baseRequester.status,\r\n isTimedOut: false,\r\n });\r\n };\r\n baseRequester.send(request.data);\r\n });\r\n },\r\n };\r\n}\n\nfunction algoliasearch(appId, apiKey, options) {\r\n const commonOptions = {\r\n appId,\r\n apiKey,\r\n timeouts: {\r\n connect: 1,\r\n read: 2,\r\n write: 30,\r\n },\r\n requester: createBrowserXhrRequester(),\r\n logger: createConsoleLogger(LogLevelEnum.Error),\r\n responsesCache: createInMemoryCache(),\r\n requestsCache: createInMemoryCache({ serializable: false }),\r\n hostsCache: createFallbackableCache({\r\n caches: [\r\n createBrowserLocalStorageCache({ key: `${version}-${appId}` }),\r\n createInMemoryCache(),\r\n ],\r\n }),\r\n userAgent: createUserAgent(version).add({\r\n segment: 'Browser',\r\n version: 'lite',\r\n }),\r\n authMode: AuthMode.WithinQueryParameters,\r\n };\r\n return createSearchClient({\r\n ...commonOptions,\r\n ...options,\r\n methods: {\r\n search: multipleQueries,\r\n searchForFacetValues: multipleSearchForFacetValues,\r\n multipleQueries,\r\n multipleSearchForFacetValues,\r\n customRequest,\r\n initIndex: base => (indexName) => {\r\n return initIndex(base)(indexName, {\r\n methods: { search, searchForFacetValues, findAnswers },\r\n });\r\n },\r\n },\r\n });\r\n}\r\n// eslint-disable-next-line functional/immutable-data\r\nalgoliasearch.version = version;\n\nexport default algoliasearch;\n","export var version = '3.3.2';","export function noop() {}","export function identity(x) {\n return x;\n}","export function groupBy(values, predicate) {\n return values.reduce(function (acc, item) {\n var key = predicate(item);\n\n if (!acc.hasOwnProperty(key)) {\n acc[key] = [];\n } // We limit each section to show 5 hits maximum.\n // This acts as a frontend alternative to `distinct`.\n\n\n if (acc[key].length < 5) {\n acc[key].push(item);\n }\n\n return acc;\n }, {});\n}","var _excluded = [\"footer\", \"searchBox\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport { createAutocomplete } from '@algolia/autocomplete-core';\nimport React from 'react';\nimport { MAX_QUERY_SIZE } from './constants';\nimport { Footer } from './Footer';\nimport { Hit } from './Hit';\nimport { ScreenState } from './ScreenState';\nimport { SearchBox } from './SearchBox';\nimport { createStoredSearches } from './stored-searches';\nimport { useSearchClient } from './useSearchClient';\nimport { useTouchEvents } from './useTouchEvents';\nimport { useTrapFocus } from './useTrapFocus';\nimport { groupBy, identity, noop, removeHighlightTags } from './utils';\nexport function DocSearchModal(_ref) {\n var appId = _ref.appId,\n apiKey = _ref.apiKey,\n indexName = _ref.indexName,\n _ref$placeholder = _ref.placeholder,\n placeholder = _ref$placeholder === void 0 ? 'Search docs' : _ref$placeholder,\n searchParameters = _ref.searchParameters,\n _ref$onClose = _ref.onClose,\n onClose = _ref$onClose === void 0 ? noop : _ref$onClose,\n _ref$transformItems = _ref.transformItems,\n transformItems = _ref$transformItems === void 0 ? identity : _ref$transformItems,\n _ref$hitComponent = _ref.hitComponent,\n hitComponent = _ref$hitComponent === void 0 ? Hit : _ref$hitComponent,\n _ref$resultsFooterCom = _ref.resultsFooterComponent,\n resultsFooterComponent = _ref$resultsFooterCom === void 0 ? function () {\n return null;\n } : _ref$resultsFooterCom,\n navigator = _ref.navigator,\n _ref$initialScrollY = _ref.initialScrollY,\n initialScrollY = _ref$initialScrollY === void 0 ? 0 : _ref$initialScrollY,\n _ref$transformSearchC = _ref.transformSearchClient,\n transformSearchClient = _ref$transformSearchC === void 0 ? identity : _ref$transformSearchC,\n _ref$disableUserPerso = _ref.disableUserPersonalization,\n disableUserPersonalization = _ref$disableUserPerso === void 0 ? false : _ref$disableUserPerso,\n _ref$initialQuery = _ref.initialQuery,\n initialQueryFromProp = _ref$initialQuery === void 0 ? '' : _ref$initialQuery,\n _ref$translations = _ref.translations,\n translations = _ref$translations === void 0 ? {} : _ref$translations,\n getMissingResultsUrl = _ref.getMissingResultsUrl;\n\n var footerTranslations = translations.footer,\n searchBoxTranslations = translations.searchBox,\n screenStateTranslations = _objectWithoutProperties(translations, _excluded);\n\n var _React$useState = React.useState({\n query: '',\n collections: [],\n completion: null,\n context: {},\n isOpen: false,\n activeItemId: null,\n status: 'idle'\n }),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n state = _React$useState2[0],\n setState = _React$useState2[1];\n\n var containerRef = React.useRef(null);\n var modalRef = React.useRef(null);\n var formElementRef = React.useRef(null);\n var dropdownRef = React.useRef(null);\n var inputRef = React.useRef(null);\n var snippetLength = React.useRef(10);\n var initialQueryFromSelection = React.useRef(typeof window !== 'undefined' ? window.getSelection().toString().slice(0, MAX_QUERY_SIZE) : '').current;\n var initialQuery = React.useRef(initialQueryFromProp || initialQueryFromSelection).current;\n var searchClient = useSearchClient(appId, apiKey, transformSearchClient);\n var favoriteSearches = React.useRef(createStoredSearches({\n key: \"__DOCSEARCH_FAVORITE_SEARCHES__\".concat(indexName),\n limit: 10\n })).current;\n var recentSearches = React.useRef(createStoredSearches({\n key: \"__DOCSEARCH_RECENT_SEARCHES__\".concat(indexName),\n // We display 7 recent searches and there's no favorites, but only\n // 4 when there are favorites.\n limit: favoriteSearches.getAll().length === 0 ? 7 : 4\n })).current;\n var saveRecentSearch = React.useCallback(function saveRecentSearch(item) {\n if (disableUserPersonalization) {\n return;\n } // We don't store `content` record, but their parent if available.\n\n\n var search = item.type === 'content' ? item.__docsearch_parent : item; // We save the recent search only if it's not favorited.\n\n if (search && favoriteSearches.getAll().findIndex(function (x) {\n return x.objectID === search.objectID;\n }) === -1) {\n recentSearches.add(search);\n }\n }, [favoriteSearches, recentSearches, disableUserPersonalization]);\n var autocomplete = React.useMemo(function () {\n return createAutocomplete({\n id: 'docsearch',\n defaultActiveItemId: 0,\n placeholder: placeholder,\n openOnFocus: true,\n initialState: {\n query: initialQuery,\n context: {\n searchSuggestions: []\n }\n },\n navigator: navigator,\n onStateChange: function onStateChange(props) {\n setState(props.state);\n },\n getSources: function getSources(_ref2) {\n var query = _ref2.query,\n sourcesState = _ref2.state,\n setContext = _ref2.setContext,\n setStatus = _ref2.setStatus;\n\n if (!query) {\n if (disableUserPersonalization) {\n return [];\n }\n\n return [{\n sourceId: 'recentSearches',\n onSelect: function onSelect(_ref3) {\n var item = _ref3.item,\n event = _ref3.event;\n saveRecentSearch(item);\n\n if (!event.shiftKey && !event.ctrlKey && !event.metaKey) {\n onClose();\n }\n },\n getItemUrl: function getItemUrl(_ref4) {\n var item = _ref4.item;\n return item.url;\n },\n getItems: function getItems() {\n return recentSearches.getAll();\n }\n }, {\n sourceId: 'favoriteSearches',\n onSelect: function onSelect(_ref5) {\n var item = _ref5.item,\n event = _ref5.event;\n saveRecentSearch(item);\n\n if (!event.shiftKey && !event.ctrlKey && !event.metaKey) {\n onClose();\n }\n },\n getItemUrl: function getItemUrl(_ref6) {\n var item = _ref6.item;\n return item.url;\n },\n getItems: function getItems() {\n return favoriteSearches.getAll();\n }\n }];\n }\n\n return searchClient.search([{\n query: query,\n indexName: indexName,\n params: _objectSpread({\n attributesToRetrieve: ['hierarchy.lvl0', 'hierarchy.lvl1', 'hierarchy.lvl2', 'hierarchy.lvl3', 'hierarchy.lvl4', 'hierarchy.lvl5', 'hierarchy.lvl6', 'content', 'type', 'url'],\n attributesToSnippet: [\"hierarchy.lvl1:\".concat(snippetLength.current), \"hierarchy.lvl2:\".concat(snippetLength.current), \"hierarchy.lvl3:\".concat(snippetLength.current), \"hierarchy.lvl4:\".concat(snippetLength.current), \"hierarchy.lvl5:\".concat(snippetLength.current), \"hierarchy.lvl6:\".concat(snippetLength.current), \"content:\".concat(snippetLength.current)],\n snippetEllipsisText: '…',\n highlightPreTag: '',\n highlightPostTag: '',\n hitsPerPage: 20\n }, searchParameters)\n }]).catch(function (error) {\n // The Algolia `RetryError` happens when all the servers have\n // failed, meaning that there's no chance the response comes\n // back. This is the right time to display an error.\n // See https://github.com/algolia/algoliasearch-client-javascript/blob/2ffddf59bc765cd1b664ee0346b28f00229d6e12/packages/transporter/src/errors/createRetryError.ts#L5\n if (error.name === 'RetryError') {\n setStatus('error');\n }\n\n throw error;\n }).then(function (_ref7) {\n var results = _ref7.results;\n var _results$ = results[0],\n hits = _results$.hits,\n nbHits = _results$.nbHits;\n var sources = groupBy(hits, function (hit) {\n return removeHighlightTags(hit);\n }); // We store the `lvl0`s to display them as search suggestions\n // in the \"no results\" screen.\n\n if (sourcesState.context.searchSuggestions.length < Object.keys(sources).length) {\n setContext({\n searchSuggestions: Object.keys(sources)\n });\n }\n\n setContext({\n nbHits: nbHits\n });\n return Object.values(sources).map(function (items, index) {\n return {\n sourceId: \"hits\".concat(index),\n onSelect: function onSelect(_ref8) {\n var item = _ref8.item,\n event = _ref8.event;\n saveRecentSearch(item);\n\n if (!event.shiftKey && !event.ctrlKey && !event.metaKey) {\n onClose();\n }\n },\n getItemUrl: function getItemUrl(_ref9) {\n var item = _ref9.item;\n return item.url;\n },\n getItems: function getItems() {\n return Object.values(groupBy(items, function (item) {\n return item.hierarchy.lvl1;\n })).map(transformItems).map(function (groupedHits) {\n return groupedHits.map(function (item) {\n return _objectSpread(_objectSpread({}, item), {}, {\n __docsearch_parent: item.type !== 'lvl1' && groupedHits.find(function (siblingItem) {\n return siblingItem.type === 'lvl1' && siblingItem.hierarchy.lvl1 === item.hierarchy.lvl1;\n })\n });\n });\n }).flat();\n }\n };\n });\n });\n }\n });\n }, [indexName, searchParameters, searchClient, onClose, recentSearches, favoriteSearches, saveRecentSearch, initialQuery, placeholder, navigator, transformItems, disableUserPersonalization]);\n var getEnvironmentProps = autocomplete.getEnvironmentProps,\n getRootProps = autocomplete.getRootProps,\n refresh = autocomplete.refresh;\n useTouchEvents({\n getEnvironmentProps: getEnvironmentProps,\n panelElement: dropdownRef.current,\n formElement: formElementRef.current,\n inputElement: inputRef.current\n });\n useTrapFocus({\n container: containerRef.current\n });\n React.useEffect(function () {\n document.body.classList.add('DocSearch--active');\n return function () {\n var _window$scrollTo, _window;\n\n document.body.classList.remove('DocSearch--active'); // IE11 doesn't support `scrollTo` so we check that the method exists\n // first.\n\n (_window$scrollTo = (_window = window).scrollTo) === null || _window$scrollTo === void 0 ? void 0 : _window$scrollTo.call(_window, 0, initialScrollY);\n }; // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n React.useEffect(function () {\n var isMobileMediaQuery = window.matchMedia('(max-width: 768px)');\n\n if (isMobileMediaQuery.matches) {\n snippetLength.current = 5;\n }\n }, []);\n React.useEffect(function () {\n if (dropdownRef.current) {\n dropdownRef.current.scrollTop = 0;\n }\n }, [state.query]); // We don't focus the input when there's an initial query (i.e. Selection\n // Search) because users rather want to see the results directly, without the\n // keyboard appearing.\n // We therefore need to refresh the autocomplete instance to load all the\n // results, which is usually triggered on focus.\n\n React.useEffect(function () {\n if (initialQuery.length > 0) {\n refresh();\n\n if (inputRef.current) {\n inputRef.current.focus();\n }\n }\n }, [initialQuery, refresh]); // We rely on a CSS property to set the modal height to the full viewport height\n // because all mobile browsers don't compute their height the same way.\n // See https://css-tricks.com/the-trick-to-viewport-units-on-mobile/\n\n React.useEffect(function () {\n function setFullViewportHeight() {\n if (modalRef.current) {\n var vh = window.innerHeight * 0.01;\n modalRef.current.style.setProperty('--docsearch-vh', \"\".concat(vh, \"px\"));\n }\n }\n\n setFullViewportHeight();\n window.addEventListener('resize', setFullViewportHeight);\n return function () {\n window.removeEventListener('resize', setFullViewportHeight);\n };\n }, []);\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: containerRef\n }, getRootProps({\n 'aria-expanded': true\n }), {\n className: ['DocSearch', 'DocSearch-Container', state.status === 'stalled' && 'DocSearch-Container--Stalled', state.status === 'error' && 'DocSearch-Container--Errored'].filter(Boolean).join(' '),\n role: \"button\",\n tabIndex: 0,\n onMouseDown: function onMouseDown(event) {\n if (event.target === event.currentTarget) {\n onClose();\n }\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Modal\",\n ref: modalRef\n }, /*#__PURE__*/React.createElement(\"header\", {\n className: \"DocSearch-SearchBar\",\n ref: formElementRef\n }, /*#__PURE__*/React.createElement(SearchBox, _extends({}, autocomplete, {\n state: state,\n autoFocus: initialQuery.length === 0,\n inputRef: inputRef,\n isFromSelection: Boolean(initialQuery) && initialQuery === initialQueryFromSelection,\n translations: searchBoxTranslations,\n onClose: onClose\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"DocSearch-Dropdown\",\n ref: dropdownRef\n }, /*#__PURE__*/React.createElement(ScreenState, _extends({}, autocomplete, {\n indexName: indexName,\n state: state,\n hitComponent: hitComponent,\n resultsFooterComponent: resultsFooterComponent,\n disableUserPersonalization: disableUserPersonalization,\n recentSearches: recentSearches,\n favoriteSearches: favoriteSearches,\n inputRef: inputRef,\n translations: screenStateTranslations,\n getMissingResultsUrl: getMissingResultsUrl,\n onItemClick: function onItemClick(item) {\n saveRecentSearch(item);\n onClose();\n }\n }))), /*#__PURE__*/React.createElement(\"footer\", {\n className: \"DocSearch-Footer\"\n }, /*#__PURE__*/React.createElement(Footer, {\n translations: footerTranslations\n }))));\n}","import algoliasearch from 'algoliasearch/dist/algoliasearch-lite.esm.browser';\nimport React from 'react';\nimport { version } from './version';\nexport function useSearchClient(appId, apiKey, transformSearchClient) {\n var searchClient = React.useMemo(function () {\n var client = algoliasearch(appId, apiKey);\n client.addAlgoliaAgent('docsearch', version); // Since DocSearch.js relies on DocSearch React with an alias to Preact,\n // we cannot add the `docsearch-react` user agent by default, otherwise\n // it would also be sent on a DocSearch.js integration.\n // We therefore only add the `docsearch-react` user agent if `docsearch.js`\n // is not present.\n\n if (/docsearch.js \\(.*\\)/.test(client.transporter.userAgent.value) === false) {\n client.addAlgoliaAgent('docsearch-react', version);\n }\n\n return transformSearchClient(client);\n }, [appId, apiKey, transformSearchClient]);\n return searchClient;\n}","import React from 'react';\nexport function useTouchEvents(_ref) {\n var getEnvironmentProps = _ref.getEnvironmentProps,\n panelElement = _ref.panelElement,\n formElement = _ref.formElement,\n inputElement = _ref.inputElement;\n React.useEffect(function () {\n if (!(panelElement && formElement && inputElement)) {\n return undefined;\n }\n\n var _getEnvironmentProps = getEnvironmentProps({\n panelElement: panelElement,\n formElement: formElement,\n inputElement: inputElement\n }),\n onTouchStart = _getEnvironmentProps.onTouchStart,\n onTouchMove = _getEnvironmentProps.onTouchMove;\n\n window.addEventListener('touchstart', onTouchStart);\n window.addEventListener('touchmove', onTouchMove);\n return function () {\n window.removeEventListener('touchstart', onTouchStart);\n window.removeEventListener('touchmove', onTouchMove);\n };\n }, [getEnvironmentProps, panelElement, formElement, inputElement]);\n}","import React from 'react';\nexport function useTrapFocus(_ref) {\n var container = _ref.container;\n React.useEffect(function () {\n if (!container) {\n return undefined;\n }\n\n var focusableElements = container.querySelectorAll('a[href]:not([disabled]), button:not([disabled]), input:not([disabled])');\n var firstElement = focusableElements[0];\n var lastElement = focusableElements[focusableElements.length - 1];\n\n function trapFocus(event) {\n if (event.key !== 'Tab') {\n return;\n }\n\n if (event.shiftKey) {\n if (document.activeElement === firstElement) {\n event.preventDefault();\n lastElement.focus();\n }\n } else if (document.activeElement === lastElement) {\n event.preventDefault();\n firstElement.focus();\n }\n }\n\n container.addEventListener('keydown', trapFocus);\n return function () {\n container.removeEventListener('keydown', trapFocus);\n };\n }, [container]);\n}","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nimport React from 'react';\nimport { createPortal } from 'react-dom';\nimport { DocSearchButton } from './DocSearchButton';\nimport { DocSearchModal } from './DocSearchModal';\nimport { useDocSearchKeyboardEvents } from './useDocSearchKeyboardEvents';\nexport function DocSearch(props) {\n var _props$translations, _props$translations2;\n\n var searchButtonRef = React.useRef(null);\n\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isOpen = _React$useState2[0],\n setIsOpen = _React$useState2[1];\n\n var _React$useState3 = React.useState((props === null || props === void 0 ? void 0 : props.initialQuery) || undefined),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n initialQuery = _React$useState4[0],\n setInitialQuery = _React$useState4[1];\n\n var onOpen = React.useCallback(function () {\n setIsOpen(true);\n }, [setIsOpen]);\n var onClose = React.useCallback(function () {\n setIsOpen(false);\n }, [setIsOpen]);\n var onInput = React.useCallback(function (event) {\n setIsOpen(true);\n setInitialQuery(event.key);\n }, [setIsOpen, setInitialQuery]);\n useDocSearchKeyboardEvents({\n isOpen: isOpen,\n onOpen: onOpen,\n onClose: onClose,\n onInput: onInput,\n searchButtonRef: searchButtonRef\n });\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DocSearchButton, {\n ref: searchButtonRef,\n translations: props === null || props === void 0 ? void 0 : (_props$translations = props.translations) === null || _props$translations === void 0 ? void 0 : _props$translations.button,\n onClick: onOpen\n }), isOpen && createPortal( /*#__PURE__*/React.createElement(DocSearchModal, _extends({}, props, {\n initialScrollY: window.scrollY,\n initialQuery: initialQuery,\n translations: props === null || props === void 0 ? void 0 : (_props$translations2 = props.translations) === null || _props$translations2 === void 0 ? void 0 : _props$translations2.modal,\n onClose: onClose\n })), document.body));\n}","import React from 'react';\n\nfunction isEditingContent(event) {\n var element = event.target;\n var tagName = element.tagName;\n return element.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA';\n}\n\nexport function useDocSearchKeyboardEvents(_ref) {\n var isOpen = _ref.isOpen,\n onOpen = _ref.onOpen,\n onClose = _ref.onClose,\n onInput = _ref.onInput,\n searchButtonRef = _ref.searchButtonRef;\n React.useEffect(function () {\n function onKeyDown(event) {\n function open() {\n // We check that no other DocSearch modal is showing before opening\n // another one.\n if (!document.body.classList.contains('DocSearch--active')) {\n onOpen();\n }\n }\n\n if (event.keyCode === 27 && isOpen || // The `Cmd+K` shortcut both opens and closes the modal.\n event.key.toLowerCase() === 'k' && (event.metaKey || event.ctrlKey) || // The `/` shortcut opens but doesn't close the modal because it's\n // a character.\n !isEditingContent(event) && event.key === '/' && !isOpen) {\n event.preventDefault();\n\n if (isOpen) {\n onClose();\n } else if (!document.body.classList.contains('DocSearch--active')) {\n open();\n }\n }\n\n if (searchButtonRef && searchButtonRef.current === document.activeElement && onInput) {\n if (/[a-zA-Z0-9]/.test(String.fromCharCode(event.keyCode))) {\n onInput(event);\n }\n }\n }\n\n window.addEventListener('keydown', onKeyDown);\n return function () {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, [isOpen, onOpen, onClose, onInput, searchButtonRef]);\n}","import React, { useEffect, useRef } from 'react'\nimport { createGlobalStyle, css } from 'styled-components'\nimport { DocSearch } from '@docsearch/react'\nimport { buttonBareStyles } from 'components/Button/ButtonBare'\nimport { linkContentStyles } from 'components/Link/LinkContent'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { createPlaceholderStyles } from 'utils/createPlaceholderStyles'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { visuallyHiddenStyles } from 'utils/visuallyHiddenStyles'\nimport { ALGOLIA_CLASSNAMES, ALGOLIA_SEARCH_CONFIG } from 'consts/algoliaSearch'\nimport { MEDIA } from 'consts/breakpoints'\nimport { LAYERS } from 'consts/layers'\nimport { SPACINGS } from 'consts/spacings'\nimport { THEME_KEYS, THEME_PREFIX, COLORS } from 'consts/themes'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\nimport { useNavigation } from 'hooks/useNavigation'\nimport { isBrowser } from 'utils/isBrowser'\n\nconst MODAL_MAX_WIDTH = '56rem'\nconst INPUT_BORDER_SIZE = '0.2rem'\nconst SVG_STROKE_WIDTH = '0.14rem'\nconst INPUT_HEIGHT = SPACINGS.NINE\nconst BUTTON_WIDTH = SPACINGS.EIGHT\nconst DESKTOP_END_SPACING = SPACINGS.TEN\nconst EDGE_SPACING = SPACINGS.TWO\n\nconst modalStyles = css`\n .DocSearch-Container {\n z-index: ${LAYERS.SEARCH};\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n &:before {\n position: absolute;\n opacity: 0.9;\n background-color: ${COLORS.BACKGROUND_SITE};\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: '';\n display: flex;\n }\n }\n\n .DocSearch-Container a {\n text-decoration: none;\n }\n\n .DocSearch-Modal {\n padding: ${EDGE_SPACING};\n box-shadow: 0 0 0 ${BORDER_SIZES.DETAIL} ${COLORS.DETAIL_LOW_CONTRAST};\n background-color: ${COLORS.BACKGROUND_SITE};\n z-index: ${LAYERS.STEP};\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n height: 100vh;\n\n ${MEDIA.DESKTOP} {\n max-width: ${MODAL_MAX_WIDTH};\n margin: ${DESKTOP_END_SPACING} auto;\n height: calc(100vh - ${DESKTOP_END_SPACING} * 2);\n }\n }\n`\n\nconst headerStyles = css`\n .DocSearch-SearchBar {\n display: flex;\n flex: 0 0 auto;\n }\n\n .DocSearch-Form {\n padding: ${INPUT_BORDER_SIZE};\n position: relative;\n width: 100%;\n border-radius: ${BORDER_RADIUSES.BOX};\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n }\n`\n\nconst contentStyles = css`\n .DocSearch-NoResults,\n .DocSearch-StartScreen,\n .DocSearch-ErrorScreen {\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.SIX} 0;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin: 0 auto;\n text-align: center;\n width: 80%;\n }\n\n .DocSearch-Screen-Icon {\n color: ${COLORS.DETAIL_HIGH_CONTRAST};\n padding-bottom: ${EDGE_SPACING};\n\n > svg {\n ${createSquareSizeStyles('4rem')}\n }\n }\n\n .DocSearch-Title {\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n margin-bottom: ${SPACINGS.THREE};\n font-size: ${FONT_SIZES.H4};\n }\n\n .DocSearch-Help a {\n ${linkContentStyles};\n ${KEY_NAVIGATING_STYLES};\n }\n\n .DocSearch-Dropdown {\n overflow-y: auto;\n overflow-x: hidden;\n flex: 1 1 0;\n }\n\n .DocSearch-Help {\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin: 0;\n user-select: none;\n }\n\n .DocSearch-Hits mark {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n\n .DocSearch-HitsFooter {\n color: ${COLORS.TEXT_LOW_CONTRAST};\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n display: flex;\n justify-content: center;\n }\n\n .DocSearch-HitsFooter a {\n padding-top: ${EDGE_SPACING};\n margin-bottom: ${EDGE_SPACING};\n border-bottom: ${BORDER_SIZES.DETAIL} solid;\n color: inherit;\n display: inline-flex;\n }\n\n .DocSearch-Hit {\n padding-bottom: ${SPACINGS.CUSTOM(({ ONE }) => ONE - 0.2)};\n border-radius: ${BORDER_RADIUSES.BOX};\n display: flex;\n position: relative;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n .DocSearch-Hit--deleting {\n transition: none;\n }\n }\n\n .DocSearch-Hit--deleting {\n opacity: 0;\n transition: all 250ms linear;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n .DocSearch-Hit--favoriting {\n transition: none;\n }\n }\n\n .DocSearch-Hit--favoriting {\n transform: scale(0);\n transform-origin: top center;\n transition: all 250ms linear;\n transition-delay: 250ms;\n }\n\n .DocSearch-Hit a {\n ${KEY_NAVIGATING_STYLES};\n outline-offset: -${BORDER_SIZES.OUTLINE};\n background-color: ${COLORS.BACKGROUND_CODE};\n padding-left: ${EDGE_SPACING};\n border-radius: ${BORDER_RADIUSES.BOX};\n display: block;\n width: 100%;\n }\n\n .DocSearch-Hit-source {\n background-color: ${COLORS.BACKGROUND_SITE};\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n margin: 0 -${SPACINGS.CUSTOM(({ ONE }) => ONE - 0.2)};\n padding: ${SPACINGS.CUSTOM(({ ONE }) => ONE + 0.2)}\n ${SPACINGS.CUSTOM(({ ONE }) => ONE - 0.2)} 0;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n font-weight: ${FONT_WEIGHTS.SEMI_BOLD};\n line-height: 3.2rem;\n position: sticky;\n top: 0;\n z-index: 10;\n }\n\n .DocSearch-Hit-Tree {\n ${MEDIA.COMPACT} {\n display: none;\n }\n ${MEDIA.DESKTOP} {\n color: ${COLORS.DETAIL_HIGH_CONTRAST};\n height: ${INPUT_HEIGHT};\n opacity: 0.5;\n stroke-width: ${SVG_STROKE_WIDTH};\n width: ${SPACINGS.FOUR};\n }\n }\n\n .DocSearch-Hit[aria-selected='true'] a {\n position: relative;\n display: block;\n\n &:before,\n &:after {\n content: '';\n position: absolute;\n pointer-events: none;\n top: 0;\n bottom: 0;\n left: 0;\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n }\n\n &:before {\n width: 0.4rem;\n }\n &:after {\n border-radius: ${BORDER_RADIUSES.BOX};\n right: 0;\n opacity: 0.07;\n }\n }\n\n .DocSearch-Hit-Container {\n color: ${COLORS.TEXT_MEDIUM_CONTRAST};\n height: ${INPUT_HEIGHT};\n padding: 0 ${EDGE_SPACING} 0 0;\n align-items: center;\n display: flex;\n flex-direction: row;\n }\n\n .DocSearch-Hit-icon {\n ${createSquareSizeStyles('2rem')}\n color: ${COLORS.DETAIL_HIGH_CONTRAST};\n stroke-width: ${SVG_STROKE_WIDTH};\n }\n\n .DocSearch-Hit-action {\n ${createSquareSizeStyles('2.2rem')};\n color: ${COLORS.DETAIL_HIGH_CONTRAST};\n stroke-width: ${SVG_STROKE_WIDTH};\n align-items: center;\n display: flex;\n\n > svg {\n ${createSquareSizeStyles('1.8rem')};\n display: block;\n }\n }\n\n .DocSearch-Hit-action + .DocSearch-Hit-action {\n margin-left: ${SPACINGS.ONE};\n }\n\n .DocSearch-Hit-action-button {\n ${buttonBareStyles};\n color: inherit;\n padding: ${SPACINGS.CUSTOM(({ ONE }) => ONE - 0.4)};\n }\n\n svg.DocSearch-Hit-Select-Icon {\n display: none;\n }\n\n .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-Select-Icon {\n display: block;\n }\n\n .DocSearch-Hit-action-button:hover path,\n .DocSearch-Hit-action-button:focus path {\n fill: ${COLORS.TEXT_MEDIUM_CONTRAST};\n }\n\n .DocSearch-Hit-content-wrapper {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n justify-content: center;\n line-height: 1.2em;\n margin: 0 ${SPACINGS.CUSTOM(({ ONE }) => ONE + 0.2)};\n overflow-x: hidden;\n position: relative;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 80%;\n }\n\n .DocSearch-Hit-title {\n font-size: ${FONT_SIZES.CUSTOM(\n ({ COMPLEMENTARY }) => COMPLEMENTARY + 0.04\n )};\n }\n\n .DocSearch-Hit-path {\n color: ${COLORS.TEXT_LOW_CONTRAST};\n font-size: ${FONT_SIZES.DETAIL};\n }\n\n .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-title,\n .DocSearch-Hit[aria-selected='true'] mark,\n .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-text,\n .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-path,\n .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-icon,\n .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-action,\n .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-Tree {\n color: ${COLORS.TEXT_HIGH_CONTRAST} !important;\n }\n\n .DocSearch-NoResults-Prefill-List {\n padding-bottom: ${SPACINGS.THREE};\n\n > ul {\n padding-top: ${SPACINGS.ONE};\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n display: inline-block;\n }\n\n li {\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n list-style-position: inside;\n list-style-type: '» ';\n text-align: left;\n }\n }\n\n .DocSearch-Prefill {\n ${buttonBareStyles};\n ${linkContentStyles};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n }\n`\n\nconst footerStyles = css`\n .DocSearch-Footer {\n flex: 0 0 auto;\n padding-top: ${EDGE_SPACING};\n display: flex;\n flex-direction: row-reverse;\n flex-shrink: 0;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n\n .DocSearch-Logo a {\n ${KEY_NAVIGATING_STYLES};\n display: flex;\n }\n\n .DocSearch-Logo svg {\n color: #5468ff;\n margin-left: ${SPACINGS.CUSTOM(({ ONE }) => ONE + 0.2)};\n }\n\n .DocSearch-Label {\n color: ${COLORS.TEXT_LOW_CONTRAST};\n font-size: ${FONT_SIZES.DETAIL};\n line-height: 1.9rem;\n }\n\n .DocSearch-Commands {\n color: ${COLORS.TEXT_LOW_CONTRAST};\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n\n ${MEDIA.COMPACT} {\n display: none;\n }\n }\n\n .DocSearch-Commands li {\n align-items: center;\n display: flex;\n }\n\n .DocSearch-Commands li:not(:last-of-type) {\n margin-right: ${SPACINGS.CUSTOM(({ ONE }) => ONE + 0.2)};;\n }\n\n .DocSearch-Commands-Key {\n align-items: center;\n border-radius: ${BORDER_RADIUSES.LINE};\n background: linear-gradient(\n -225deg,\n ${COLORS.DETAIL_MEDIUM_CONTRAST} 0%,\n ${COLORS.DETAIL_HIGH_CONTRAST} 100%\n );\n box-shadow: inset 0 -0.2rem 0 0 ${COLORS.DETAIL_LOW_CONTRAST};,\n inset 0 0 0.1rem 0.1rem ${COLORS.DETAIL_MEDIUM_CONTRAST},\n 0 0.1rem 0.2rem 0.1rem rgba(${\n COLORS.DETAIL_HIGH_CONTRAST_RGB_VALUE\n }, 0.4);\n display: flex;\n height: 1.8rem;\n justify-content: center;\n margin-right: 0.4em;\n padding-bottom: 0.1rem;\n width: 2rem;\n }\n\n .${THEME_PREFIX}${THEME_KEYS.LIGHT} {\n .DocSearch-Commands-Key {\n background: linear-gradient(\n -225deg,\n ${COLORS.DETAIL_HIGH_CONTRAST} 0%,\n ${COLORS.DETAIL_MEDIUM_CONTRAST} 100%\n );\n box-shadow: inset 0 -0.2rem 0 0 ${COLORS.DETAIL_HIGH_CONTRAST},\n inset 0 0 0.1rem 0.1rem ${COLORS.DETAIL_MEDIUM_CONTRAST},\n 0 0.1rem 0.2rem 0.1rem rgba(${\n COLORS.DETAIL_LOW_CONTRAST_RGB_VALUE\n }, 0.4);\n }\n }\n .${THEME_PREFIX}${THEME_KEYS.DARK} {\n .DocSearch-Commands-Key {\n background: linear-gradient(\n -225deg,\n ${COLORS.DETAIL_MEDIUM_CONTRAST} 0%,\n ${COLORS.DETAIL_HIGH_CONTRAST} 100%\n );\n box-shadow: inset 0 -0.2rem 0 0 ${COLORS.DETAIL_LOW_CONTRAST};,\n inset 0 0 0.1rem 0.1rem ${COLORS.DETAIL_MEDIUM_CONTRAST},\n 0 0.1rem 0.2rem 0.1rem rgba(${\n COLORS.DETAIL_HIGH_CONTRAST_RGB_VALUE\n }, 0.4);\n }\n }\n`\n\nconst inputStyles = css`\n .DocSearch-Input {\n ${createPlaceholderStyles(COLORS.TEXT_LOW_CONTRAST)};\n ${KEY_NAVIGATING_STYLES};\n height: calc(${INPUT_HEIGHT} - (${INPUT_BORDER_SIZE} * 2));\n padding-left: ${BUTTON_WIDTH};\n padding-right: ${BUTTON_WIDTH};\n -webkit-appearance: none;\n appearance: none;\n border-radius: ${BORDER_RADIUSES.BOX};\n width: 100%;\n font-size: ${FONT_SIZES.H4};\n background-color: ${COLORS.BACKGROUND_SITE};\n color: ${COLORS.TEXT_BODY};\n border: 0;\n }\n\n .DocSearch-Input::-ms-clear {\n display: none;\n ${createSquareSizeStyles('0')};\n }\n .DocSearch-Input::-ms-reveal {\n display: none;\n ${createSquareSizeStyles('0')};\n }\n .DocSearch-Input::-webkit-search-decoration,\n .DocSearch-Input::-webkit-search-cancel-button,\n .DocSearch-Input::-webkit-search-results-button,\n .DocSearch-Input::-webkit-search-results-decoration {\n display: none;\n }\n`\n\nconst toggleButtonStyles = css`\n .DocSearch-Button {\n ${createSquareSizeStyles('4rem')};\n ${buttonBareStyles};\n border-radius: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: -${SPACINGS.CUSTOM(({ ONE }) => ONE + 0.15)};\n margin-left: -${SPACINGS.CUSTOM(({ ONE }) => ONE + 0.15)};\n\n &:hover {\n box-shadow: none;\n }\n }\n .DocSearch-Button-Placeholder,\n .DocSearch-Button-Keys {\n ${visuallyHiddenStyles}\n }\n .DocSearch-Search-Icon {\n ${createSquareSizeStyles('2.35rem')};\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n stroke-width: 0.2rem;\n display: flex;\n }\n`\n\nconst magnifyerButtonStyles = css`\n .DocSearch-MagnifierLabel {\n display: flex;\n width: ${BUTTON_WIDTH};\n top: ${INPUT_BORDER_SIZE};\n bottom: ${INPUT_BORDER_SIZE};\n position: absolute;\n align-items: center;\n justify-content: center;\n\n > svg {\n ${createSquareSizeStyles('2.35rem')};\n }\n }\n\n .DocSearch-Container--Stalled .DocSearch-MagnifierLabel {\n display: none;\n }\n`\n\nconst resetButtonStyles = css`\n .DocSearch-Reset {\n ${buttonBareStyles};\n width: ${BUTTON_WIDTH};\n top: ${INPUT_BORDER_SIZE};\n bottom: ${INPUT_BORDER_SIZE};\n right: ${INPUT_BORDER_SIZE};\n display: flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n stroke-width: 0.2rem;\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n\n > svg {\n ${createSquareSizeStyles('2.35rem')};\n }\n }\n\n .DocSearch-Reset[hidden] {\n display: none;\n }\n`\n\nconst cancelButtonStyles = css`\n .DocSearch-Cancel {\n ${buttonBareStyles};\n color: ${COLORS.TEXT_BODY};\n height: ${INPUT_HEIGHT};\n display: flex;\n align-items: center;\n margin-left: ${SPACINGS.CUSTOM(({ TWO }) => TWO - 0.2)};\n }\n`\n\nconst loadingIndicatorStyles = css`\n .DocSearch-LoadingIndicator {\n width: ${BUTTON_WIDTH};\n top: ${INPUT_BORDER_SIZE};\n bottom: ${INPUT_BORDER_SIZE};\n position: absolute;\n align-items: center;\n justify-content: center;\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n display: none;\n\n > svg {\n ${createSquareSizeStyles('2.35rem')};\n }\n }\n\n .DocSearch-Container--Stalled .DocSearch-LoadingIndicator {\n display: flex;\n }\n`\n\nconst SearchStyles = createGlobalStyle<{ $isKeyNavigating: boolean }>`\n ${modalStyles};\n ${headerStyles};\n ${contentStyles};\n ${footerStyles};\n ${inputStyles};\n ${toggleButtonStyles};\n ${magnifyerButtonStyles};\n ${resetButtonStyles};\n ${cancelButtonStyles};\n ${loadingIndicatorStyles};\n`\n\nexport const Search = () => {\n const { isKeyNavigating } = useKeyNavigating()\n const { closeNavigation } = useNavigation()\n const toggleElement = useRef(null)\n\n useEffect(() => {\n if (!isBrowser || toggleElement.current) return\n\n toggleElement.current = document.querySelector(\n `.${ALGOLIA_CLASSNAMES.SEARCH_TOGGLE_BUTTON}`\n )\n\n if (toggleElement.current) {\n toggleElement.current.addEventListener('click', closeNavigation)\n }\n\n return () => {\n if (toggleElement.current) {\n toggleElement.current.removeEventListener('click', closeNavigation)\n }\n }\n }, [closeNavigation])\n\n useEffect(() => {\n if (!isBrowser) return\n const { body } = document\n\n const observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n if (mutation.type !== 'attributes') return\n if (!body.classList.contains(ALGOLIA_CLASSNAMES.SEARCH_ACTIVE)) return\n\n const input = body.querySelector(`.${ALGOLIA_CLASSNAMES.SEARCH_INPUT}`)\n if (input) setTimeout(() => (input as HTMLInputElement).focus(), 0)\n })\n })\n\n observer.observe(body, {\n attributes: true,\n childList: false,\n subtree: false\n })\n\n return () => observer.disconnect()\n }, [])\n\n return (\n <>\n \n \n \n )\n}\n","import { css, FlattenSimpleInterpolation } from 'styled-components'\n\nexport const createPlaceholderStyles = (\n color: string\n): FlattenSimpleInterpolation => css`\n ::-webkit-input-placeholder {\n color: ${color};\n }\n :-moz-placeholder {\n color: ${color};\n opacity: 1;\n }\n ::-moz-placeholder {\n color: ${color};\n opacity: 1;\n }\n :-ms-input-placeholder {\n color: ${color};\n }\n ::-ms-input-placeholder {\n color: ${color};\n }\n ::placeholder {\n color: ${color};\n }\n`\n","import React from 'react'\nimport styled, { css } from 'styled-components'\nimport { ThemeToggle } from 'components/Theme/ThemeToggle'\nimport { LinkNavigation } from 'components/Link/LinkNavigation'\nimport { COLORS } from 'consts/themes'\nimport { MEDIA } from 'consts/breakpoints'\nimport { SPACINGS } from 'consts/spacings'\nimport { useRoutes } from 'hooks/useRoutes'\nimport { Search } from 'components/Search/Search'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING_DESKTOP = SPACINGS.CUSTOM(() => 2.8)\n\nconst HeaderActionsWrapper = styled.ul`\n display: flex;\n align-items: center;\n line-height: 1.65;\n\n ${MEDIA.DESKTOP} {\n ${createGapStyles(ITEM_SPACING_DESKTOP, '', 'li')}\n }\n`\n\nconst Item = styled.li<{ $hiddenAtCompact?: boolean }>`\n display: flex;\n align-items: center;\n\n ${({ $hiddenAtCompact }) =>\n $hiddenAtCompact &&\n css`\n ${MEDIA.COMPACT} {\n display: none;\n }\n `};\n`\n\nconst Link = styled(LinkNavigation)`\n color: ${COLORS.TEXT_MEDIUM_CONTRAST};\n display: inline-flex;\n text-align: center;\n padding: ${SPACINGS.ONE} 0;\n`\n\nexport const HeaderActions = () => {\n const { hierarchical: routes } = useRoutes()\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { MEDIA } from 'consts/breakpoints'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { SiteLogo } from 'components/SiteLogo/SiteLogo'\n\nconst HeaderLogoWrapper = styled(LinkBare)`\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n font-size: ${FONT_SIZES.H4};\n display: flex;\n align-items: center;\n text-decoration: none;\n line-height: 1;\n font-weight: ${FONT_WEIGHTS.BLACK};\n\n ${MEDIA.MIN_XXS} {\n font-size: ${FONT_SIZES.CUSTOM(({ H4 }) => H4 + 0.2)};\n }\n`\n\nconst HeaderLogoImage = styled(SiteLogo)`\n ${createSquareSizeStyles('2.8rem')};\n margin-right: ${SPACINGS.CUSTOM(({ ONE }) => ONE + 0.2)};\n display: flex;\n\n ${MEDIA.MIN_XXS} {\n ${createSquareSizeStyles('3rem')};\n }\n\n > img {\n ${createSquareSizeStyles('100%')};\n }\n`\n\nexport const HeaderLogo = () => {\n const { title } = useSiteMetadata()\n\n return (\n \n \n {title}\n \n )\n}\n","import React from 'react'\nimport styled, { css } from 'styled-components'\nimport { PageFrame } from 'components/Page/PageFrame'\nimport { SiteNavigationToggle } from 'components/SiteNavigation/SiteNavigationToggle'\nimport { MEDIA } from 'consts/breakpoints'\nimport { LAYERS } from 'consts/layers'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { BORDER_SIZES } from 'consts/border'\nimport { HeaderActions } from './HeaderActions'\nimport { HeaderLogo } from './HeaderLogo'\n\nexport const HEADER_HEIGHT = SPACINGS.TEN\nexport const HEADER_ID = 'site-header'\n\nconst HEIGHT = css`\n height: ${HEADER_HEIGHT};\n`\n\nconst HeaderWrapper = styled.header`\n ${HEIGHT};\n`\n\nconst Fixed = styled.div`\n ${HEIGHT};\n z-index: ${LAYERS.HEADER};\n background-color: rgba(${COLORS.BACKGROUND_SITE_RGB_VALUE}, 0.8);\n border-bottom: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n backdrop-filter: saturate(180%) blur(5px);\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n\n ${MEDIA.DESKTOP} {\n z-index: ${LAYERS.NAVIGATION + 1};\n }\n`\n\nconst Content = styled(PageFrame)`\n ${HEIGHT};\n display: flex;\n align-items: center;\n justify-content: space-between;\n`\n\nexport const Header = () => {\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n","import styled, { FlattenSimpleInterpolation } from 'styled-components'\n\nimport moon from './moon.svg'\nimport sun from './sun.svg'\nimport pen from './pen.svg'\nimport npm from './npm-logo.svg'\nimport github from './github-logo.svg'\nimport javascript from './javascript-logo.svg'\nimport typescript from './typescript-logo.svg'\nimport react from './react-logo.svg'\nimport solid from './solid-logo.svg'\nimport search from './search.svg'\nimport cross from './cross.svg'\nimport info from './info.svg'\nimport warning from './warning.svg'\nimport danger from './danger.svg'\nimport arrowLeft from './arrow-left.svg'\nimport arrowRight from './arrow-right.svg'\nimport chevronLeft from './chevron-left.svg'\nimport chevronRight from './chevron-right.svg'\nimport emblaLightDefault from './embla-logo-light-theme.svg'\nimport emblaDarkDefault from './embla-logo-dark-theme.svg'\nimport emblaLightBlur from './embla-logo-light-theme-blur.svg'\nimport emblaDarkBlur from './embla-logo-dark-theme-blur.svg'\n\nconst styledSvg = (svg: typeof moon) => {\n return styled(svg)<{\n $css?: FlattenSimpleInterpolation\n }>`\n ${({ $css }) => $css};\n `\n}\n\nexport type IconType = keyof typeof ICONS\n\nexport const ICONS = {\n moon: styledSvg(moon),\n sun: styledSvg(sun),\n pen: styledSvg(pen),\n npm: styledSvg(npm),\n github: styledSvg(github),\n javascript: styledSvg(javascript),\n typescript: styledSvg(typescript),\n react: styledSvg(react),\n solid: styledSvg(solid),\n search: styledSvg(search),\n cross: styledSvg(cross),\n info: styledSvg(info),\n warning: styledSvg(warning),\n danger: styledSvg(danger),\n arrowLeft: styledSvg(arrowLeft),\n arrowRight: styledSvg(arrowRight),\n chevronLeft: styledSvg(chevronLeft),\n chevronRight: styledSvg(chevronRight),\n emblaLightDefault: styledSvg(emblaLightDefault),\n emblaDarkDefault: styledSvg(emblaDarkDefault),\n emblaLightBlur: styledSvg(emblaLightBlur),\n emblaDarkBlur: styledSvg(emblaDarkBlur)\n}\n","import React, { PropsWithRef } from 'react'\nimport { ICONS, IconType } from 'assets/icons'\nimport { css } from 'styled-components'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\n\ntype PropType = PropsWithRef<\n React.DetailedHTMLProps, SVGSVGElement>\n> & {\n svg: IconType\n color?: string\n size?: string\n}\n\nexport const Icon = (props: PropType) => {\n const { svg, size = '100%', color = 'currentColor', ...restProps } = props\n const Svg = ICONS[svg]\n\n return (\n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport styled from 'styled-components'\nimport { IconType } from 'assets/icons'\nimport { Icon } from './Icon'\nimport { SPACINGS } from 'consts/spacings'\n\nconst IconWithTextWrapper = styled.span<{ $spacing: string }>`\n display: flex;\n align-items: flex-start;\n text-align: left;\n\n > :first-child {\n margin-right: ${({ $spacing }) => $spacing};\n }\n`\n\nconst IconWrapper = styled.span<{ $iconSize: string }>`\n position: relative;\n width: ${({ $iconSize }) => $iconSize};\n\n &:before {\n width: ${({ $iconSize }) => $iconSize};\n content: '-';\n display: inline-block;\n line-height: inherit;\n opacity: 0;\n }\n`\n\nexport const IconWithTextIcon = styled(Icon)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n`\n\nexport const IconWithTextText = styled.span``\n\ntype PropType = PropsWithChildren<{\n iconSvg: IconType\n iconSize?: string\n iconSide?: 'left' | 'right'\n spacing?: string\n}>\n\nexport const IconWithText = (props: PropType) => {\n const {\n spacing = SPACINGS.ONE,\n iconSize = SPACINGS.THREE,\n iconSide = 'left',\n iconSvg,\n children,\n ...restProps\n } = props\n const svgOnLeftSide = iconSide === 'left'\n const svg = (\n \n \n \n )\n\n return (\n \n {svgOnLeftSide && svg}\n {children}\n {!svgOnLeftSide && svg}\n \n )\n}\n","import React, {\n useState,\n createContext,\n PropsWithChildren,\n useCallback,\n useMemo\n} from 'react'\nimport { useEventListener } from 'hooks/useEventListener'\n\nexport type KeyNavigatingContextType = {\n isKeyNavigating: boolean\n setIsKeyNavigating: React.Dispatch>\n}\n\nexport const KeyNavigatingContext = createContext({\n isKeyNavigating: false,\n setIsKeyNavigating: () => undefined\n})\n\ntype PropType = PropsWithChildren<{}>\n\nexport const KeyNavigatingProvider = (props: PropType) => {\n const { children } = props\n const [isKeyNavigating, setIsKeyNavigating] = useState(false)\n\n const onMouseDown = useCallback(() => {\n if (isKeyNavigating) setIsKeyNavigating(false)\n }, [isKeyNavigating, setIsKeyNavigating])\n\n const onKeyDown = useCallback(\n ({ key }: KeyboardEvent) => {\n if (key === 'Tab' && !isKeyNavigating) setIsKeyNavigating(true)\n },\n [isKeyNavigating, setIsKeyNavigating]\n )\n\n const value = useMemo(\n () => ({\n isKeyNavigating,\n setIsKeyNavigating\n }),\n [isKeyNavigating, setIsKeyNavigating]\n )\n\n useEventListener('keydown', onKeyDown)\n useEventListener('mousedown', onMouseDown)\n\n return (\n \n {children}\n \n )\n}\n","import React, { useState, useEffect, useCallback, MouseEvent } from 'react'\nimport styled from 'styled-components'\nimport { LinkButtonPrimaryOutlined } from 'components/Link/LinkButton'\nimport { navigate } from '@reach/router'\nimport { isBrowser } from 'utils/isBrowser'\nimport { LAYERS } from 'consts/layers'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\n\nexport const MAIN_CONTENT_ID = 'main-content'\n\nconst KeyNavigatingSkipToContentWrapper = styled(LinkButtonPrimaryOutlined)`\n z-index: ${LAYERS.SEARCH + 1};\n top: 1rem;\n left: 1rem;\n position: absolute;\n transform: translateX(-1000rem);\n\n &:focus,\n &:active {\n ${KEY_NAVIGATING_STYLES};\n position: fixed;\n transform: translateX(0);\n }\n`\n\nexport const KeyNavigatingSkipToContent = () => {\n const [contentElement, setContentElement] = useState(null)\n\n const onClick = useCallback(\n (event: MouseEvent) => {\n event.currentTarget.blur()\n event.preventDefault()\n navigate(event.currentTarget.href)\n contentElement?.focus()\n },\n [contentElement]\n )\n\n useEffect(() => {\n if (!isBrowser) return\n setContentElement(document.getElementById(MAIN_CONTENT_ID))\n }, [setContentElement])\n\n if (!contentElement) return null\n\n return (\n \n Skip to content\n \n )\n}\n","import { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { css } from 'styled-components'\n\nexport const BASE_STYLES = css`\n html {\n background-color: ${COLORS.BACKGROUND_SITE};\n font-size: 62.5%;\n }\n body {\n background-color: ${COLORS.BACKGROUND_SITE};\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n font-size: ${FONT_SIZES.BODY};\n line-height: 1.65;\n }\n`\n","import { css } from 'styled-components'\nimport { INTER_ROMAN_VARIABLE_BASE_64 } from 'assets/fonts/inter-roman-var-base64'\n// import { INTER_ITALIC_VARIABLE_BASE_64 } from 'assets/fonts/inter-italic-var-base64'\n\nexport const FONT_FAMILY = `'Inter var'`\nconst FONT_WEIGHT_RANGE = '400 900'\n\nexport const FONT_FACE_STYLES = css`\n @supports (font-variation-settings: normal) {\n @font-face {\n font-family: ${FONT_FAMILY};\n font-weight: ${FONT_WEIGHT_RANGE};\n font-style: normal;\n font-named-instance: 'Regular';\n src: url(${INTER_ROMAN_VARIABLE_BASE_64})\n format('woff2 supports variations(gvar)'),\n url(${INTER_ROMAN_VARIABLE_BASE_64}) format('woff2-variations'),\n url(${INTER_ROMAN_VARIABLE_BASE_64}) format('woff2');\n }\n }\n`\n\n// @font-face {\n// font-family: ${FONT_FAMILY};\n// font-weight: ${FONT_WEIGHT_RANGE};\n// font-style: italic;\n// font-named-instance: 'Italic';\n// src: url(${INTER_ITALIC_VARIABLE_BASE_64})\n// format('woff2 supports variations(gvar)'),\n// url(${INTER_ITALIC_VARIABLE_BASE_64}) format('woff2-variations'),\n// url(${INTER_ITALIC_VARIABLE_BASE_64}) format('woff2');\n// }\n","import { css } from 'styled-components'\nimport { FONT_FAMILY } from 'consts/fontFace'\n\nexport const FONT_STYLES = css`\n html {\n font-family: 'system-ui', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol';\n letter-spacing: -0.02rem;\n }\n\n @supports (font-variation-settings: normal) {\n html {\n font-family: ${FONT_FAMILY}, 'system-ui', -apple-system,\n BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n }\n }\n`\n","import { css } from 'styled-components'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\n\nexport const RESET_STYLES = css`\n html {\n box-sizing: border-box;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n html,\n body,\n p,\n ol,\n ul,\n li,\n dl,\n dt,\n dd,\n blockquote,\n figure,\n fieldset,\n legend,\n textarea,\n pre,\n iframe,\n hr,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: 100%;\n font-weight: ${FONT_WEIGHTS.NORMAL};\n }\n\n ul {\n list-style: none;\n }\n\n :root {\n -moz-tab-size: 4;\n tab-size: 4;\n }\n\n hr {\n height: 0;\n }\n\n abbr[title] {\n text-decoration: underline dotted;\n }\n\n b,\n strong {\n font-weight: bolder;\n }\n\n code,\n kbd,\n samp,\n pre {\n font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n top: -0.5em;\n }\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n }\n\n button,\n select {\n text-transform: none;\n }\n\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n -webkit-appearance: none;\n appearance: none;\n }\n\n button::-moz-focus-inner,\n [type='button']::-moz-focus-inner,\n [type='reset']::-moz-focus-inner,\n [type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n button:-moz-focusring,\n [type='button']:-moz-focusring,\n [type='reset']:-moz-focusring,\n [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n img,\n embed,\n iframe,\n object,\n audio,\n video {\n height: auto;\n max-width: 100%;\n }\n`\n","import { LogoLightIcon, LogoDarkIcon } from 'components/SiteLogo/SiteLogo'\nimport { LightThemeSvg, DarkThemeSvg } from 'components/Theme/ThemeToggle'\nimport { THEME_KEYS, THEME_PREFIX } from 'consts/themes'\nimport { css } from 'styled-components'\n\nexport const THEME_STYLES = css`\n .${THEME_PREFIX}${THEME_KEYS.LIGHT} {\n color-scheme: ${THEME_KEYS.LIGHT};\n\n ${LogoDarkIcon}, ${LightThemeSvg} {\n display: none;\n }\n }\n .${THEME_PREFIX}${THEME_KEYS.DARK} {\n color-scheme: ${THEME_KEYS.DARK};\n\n ${LogoLightIcon}, ${DarkThemeSvg} {\n display: none;\n }\n }\n`\n","import { createGlobalStyle } from 'styled-components'\nimport { BASE_STYLES } from './base'\nimport { RESET_STYLES } from './reset'\nimport { THEME_STYLES } from './theme'\nimport { FONT_STYLES } from './font'\n\nexport const GlobalStyles = createGlobalStyle`\n ${FONT_STYLES};\n ${RESET_STYLES};\n ${BASE_STYLES};\n ${THEME_STYLES};\n`\n","import { GraphQLNodeType } from './graphQL'\nimport { TableOfContentsType } from 'components/TableOfContents/TableOfContentsContext'\n\nexport const PAGE_LAYOUTS = {\n HOME: 'Home',\n NOT_FOUND: '404',\n GENERATOR: 'Generator',\n DEFAULT: 'Default'\n}\n\nexport type PageHomeLayoutType = typeof PAGE_LAYOUTS.HOME\nexport type PageNotFoundLayoutType = typeof PAGE_LAYOUTS.NOT_FOUND\nexport type PageGeneratorLayoutType = typeof PAGE_LAYOUTS.GENERATOR\nexport type PageDefaultLayoutType = typeof PAGE_LAYOUTS.DEFAULT\n\nexport type PageLayoutType = (typeof PAGE_LAYOUTS)[keyof typeof PAGE_LAYOUTS]\n\nexport type PageOverviewType = {\n id: GraphQLNodeType['id']\n slug: GraphQLNodeType['fields']['slug']\n title: GraphQLNodeType['frontmatter']['title']\n order: GraphQLNodeType['frontmatter']['order']\n level: number\n}\n\ntype PageBaseType = {\n data: {\n mdx: {\n tableOfContents: TableOfContentsType\n frontmatter: GraphQLNodeType['frontmatter']\n }\n }\n}\n\nexport type PageContextType = {\n id: string\n layout: LayoutType\n slug: string\n filePath: string\n}\n\nexport type PagePaginationType = {\n next?: PageOverviewType\n previous?: PageOverviewType\n}\n\nexport type PagePropType<\n LayoutType = PageLayoutType,\n ExtendType = {}\n> = PageBaseType & { pageContext: PageContextType & ExtendType }\n\nexport type SetupGatsbyPageType<\n LayoutType = PageLayoutType,\n ExtendType = {}\n> = {\n path: string\n component: string\n context: PageContextType & ExtendType\n}\n\nexport type PageHeadPropType = PagePropType & {\n params: {}\n location: { pathname: string }\n}\n","import React, { PropsWithChildren } from 'react'\nimport styled, { css } from 'styled-components'\nimport { useRoutes } from 'hooks/useRoutes'\nimport { PageFrame, PAGE_FRAME_SPACING } from 'components/Page/PageFrame'\nimport { MEDIA } from 'consts/breakpoints'\nimport { SPACINGS } from 'consts/spacings'\nimport { PAGE_LAYOUTS, PageLayoutType } from 'consts/page'\nimport { LAYERS } from 'consts/layers'\nimport { SiteNavigation } from 'components/SiteNavigation/SiteNavigation'\nimport { TableOfContents } from 'components/TableOfContents/TableOfContents'\n\nconst SIDEBAR_LG_UP_WIDTH = '28rem'\nconst SIDEBAR_LG_DOWN_WIDTH = '21rem'\n\nconst sidebarStyles = css`\n min-width: 0;\n flex: 0 0 auto;\n\n ${MEDIA.DESKTOP} {\n width: ${SIDEBAR_LG_DOWN_WIDTH};\n max-width: ${SIDEBAR_LG_DOWN_WIDTH};\n }\n\n ${MEDIA.MIN_LG} {\n width: ${SIDEBAR_LG_UP_WIDTH};\n max-width: ${SIDEBAR_LG_UP_WIDTH};\n }\n`\n\nconst PageGridWrapper = styled(PageFrame)`\n position: relative;\n display: flex;\n flex-wrap: wrap;\n padding-top: ${PAGE_FRAME_SPACING};\n padding-bottom: ${PAGE_FRAME_SPACING};\n`\n\nconst Main = styled.main<{ $isStartPage: boolean }>`\n flex: 1;\n min-width: 0;\n max-width: 100%;\n position: relative;\n z-index: ${LAYERS.STEP};\n\n ${({ $isStartPage }) =>\n !$isStartPage &&\n css`\n ${MEDIA.DESKTOP} {\n padding-right: ${SPACINGS.SEVEN};\n padding-left: ${SPACINGS.SEVEN};\n }\n `};\n`\n\nconst SiteNavigationWrapper = styled.div<{ $isStartPage: boolean }>`\n ${sidebarStyles};\n\n ${MEDIA.DESKTOP} {\n ${({ $isStartPage }) =>\n $isStartPage &&\n css`\n position: fixed;\n visibility: hidden;\n left: 0;\n transform: translateX(-100%);\n `};\n }\n`\n\nconst TableOfContentsWrapper = styled.div<{ $isStartPage: boolean }>`\n ${sidebarStyles};\n\n ${MEDIA.COMPACT} {\n display: none;\n }\n\n ${({ $isStartPage }) =>\n $isStartPage &&\n css`\n display: none;\n `};\n`\n\ntype PropType = PropsWithChildren<{\n layout: PageLayoutType\n}>\n\nexport const PageGrid = (props: PropType) => {\n const { children, layout } = props\n const { isLoading } = useRoutes()\n const isStartPage = layout === PAGE_LAYOUTS.HOME\n const frameSize = isStartPage ? 'MD' : undefined\n\n return (\n \n \n \n \n\n \n {children}\n \n\n \n \n \n \n )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { HEADER_HEIGHT } from 'components/Header/Header'\nimport { useRoutes } from 'hooks/useRoutes'\nimport { useNavigation } from 'hooks/useNavigation'\nimport { LAYERS } from 'consts/layers'\nimport { MEDIA } from 'consts/breakpoints'\nimport { SPACINGS } from 'consts/spacings'\nimport { useCallback } from 'react'\nimport { useEventListener } from 'hooks/useEventListener'\n\nconst PROGRESS_BAR_HEIGHT = SPACINGS.CUSTOM(({ ONE }) => ONE / 2)\n\nconst RoutesLoadingWrapper = styled.div`\n z-index: ${LAYERS.NAVIGATION + LAYERS.STEP};\n top: ${HEADER_HEIGHT};\n height: ${PROGRESS_BAR_HEIGHT};\n left: 0;\n right: 0;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n\n ${MEDIA.DESKTOP} {\n top: 0;\n }\n`\n\nconst ProgressBar = styled.div<{ $loading: boolean; $animating: boolean }>`\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n z-index: ${LAYERS.STEP};\n height: ${PROGRESS_BAR_HEIGHT};\n width: 100%;\n opacity: 1;\n animation-duration: ${({ $loading }) => ($loading ? '15s' : '1s')};\n animation-name: ${({ $animating }) => ($animating ? 'progress' : 'none')};\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n transition: opacity 0.6s;\n pointer-events: none;\n\n @keyframes progress {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(0%);\n }\n }\n`\n\ntype PropType = { pageId: string }\n\nexport const RoutesLoading = (props: PropType) => {\n const { pageId } = props\n const { isLoading, setIsLoading } = useRoutes()\n const { isOpen, closeNavigation } = useNavigation()\n const [animating, setAnimating] = useState(true)\n const lastPageId = useRef(pageId)\n const progressElement = useRef(null)\n const animationRaf = useRef(0)\n const animationTimeout = useRef(0)\n\n const onAnimationEnd = useCallback(() => setAnimating(false), [])\n useEventListener('animationend', onAnimationEnd, progressElement)\n\n useEffect(() => {\n if (!isLoading) return\n\n const progress = progressElement.current\n if (!progress) return\n setAnimating(true)\n\n progress.style.animationName = 'none'\n progress.style.opacity = '0'\n\n animationRaf.current = window.requestAnimationFrame(() => {\n animationTimeout.current = window.setTimeout(() => {\n progress.style.animationName = ''\n progress.style.opacity = '1'\n }, 0)\n })\n }, [isLoading])\n\n useEffect(() => {\n if (isLoading) return\n\n const raf = animationRaf.current\n const timeout = animationTimeout.current\n if (raf) cancelAnimationFrame(raf)\n if (timeout) clearTimeout(timeout)\n\n if (progressElement.current) progressElement.current.style.opacity = '0'\n }, [isLoading])\n\n useEffect(() => {\n if (pageId !== lastPageId.current && isOpen) closeNavigation()\n lastPageId.current = pageId\n setIsLoading(false)\n }, [pageId, isOpen, closeNavigation, setIsLoading])\n\n useEffect(() => {\n return () => {\n const raf = animationRaf.current\n const timeout = animationTimeout.current\n if (raf) cancelAnimationFrame(raf)\n if (timeout) clearTimeout(timeout)\n }\n }, [])\n\n return (\n \n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PageFrame, PAGE_FRAME_SPACING } from 'components/Page/PageFrame'\nimport { FooterLinks } from './FooterLinks'\n\nconst FooterWrapper = styled.footer`\n padding-top: ${PAGE_FRAME_SPACING};\n padding-bottom: ${PAGE_FRAME_SPACING};\n`\n\nconst Content = styled(PageFrame)`\n display: flex;\n justify-content: center;\n`\n\nexport const Footer = () => {\n return (\n \n \n \n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { RoutesProvider } from 'components/Routes/RoutesContext'\nimport { ThemeProvider } from 'components/Theme/ThemeContext'\nimport { SiteNavigationProvider } from 'components/SiteNavigation/SiteNavigationContext'\nimport { KeyNavigatingProvider } from 'components/KeyNavigating/KeyNavigatingContext'\nimport { TabsProvider } from 'components/Tabs/TabsContext'\nimport { TableOfContentsProvider } from 'components/TableOfContents/TableOfContentsContext'\nimport { KeyNavigatingSkipToContent } from 'components/KeyNavigating/KeyNavigatingSkipToContent'\nimport { GlobalStyles } from 'components/Layout/GlobalStyles/GlobalStyles'\nimport { PagePropType, PAGE_LAYOUTS } from 'consts/page'\nimport { PageGrid } from 'components/Page/PageGrid'\nimport { RoutesLoading } from 'components/Routes/RoutesLoading'\nimport { Header } from 'components/Header/Header'\nimport { Footer } from 'components/Footer/Footer'\n\ntype PropType = PropsWithChildren\n\nexport const Layout = (props: PropType) => {\n const {\n children,\n pageContext,\n data: { mdx }\n } = props\n const { layout, id } = pageContext\n const isNotFoundPage = layout === PAGE_LAYOUTS.NOT_FOUND\n const tableOfContents = mdx?.tableOfContents\n\n return (\n \n \n \n \n \n {isNotFoundPage ? (\n <>{children}\n ) : (\n <>\n \n
    \n \n \n \n {children}\n \n \n
    \n \n )}\n \n \n \n \n )\n}\n","import React, { PropsWithChildren, useCallback, useRef } from 'react'\nimport { useLocation } from '@reach/router'\nimport styled, { css } from 'styled-components'\nimport { GatsbyLinkProps, Link } from 'gatsby'\nimport { useNavigation } from 'hooks/useNavigation'\nimport { useRoutes } from 'hooks/useRoutes'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { TAP_HIGHLIGHT_STYLES } from 'consts/tapHighlight'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\n\nconst INTERNAL_LINK_REGEX = /^\\/(?!\\/)|^#/\n\nexport const linkBareStyles = css<{ $isKeyNavigating: boolean }>`\n ${KEY_NAVIGATING_STYLES};\n ${TAP_HIGHLIGHT_STYLES};\n text-decoration: none;\n`\n\nconst InternalLink = styled(Link)`\n ${linkBareStyles};\n`\n\nconst ExternalLink = styled.a`\n ${linkBareStyles};\n`\n\nexport type PropType = PropsWithChildren<{\n to: string\n ariaLabel?: string\n tabIndex?: number\n id?: GatsbyLinkProps<{}>['id']\n onClick?: GatsbyLinkProps<{}>['onClick']\n}>\n\nexport const LinkBare = (props: PropType) => {\n const { to, id, ariaLabel, tabIndex, children, onClick, ...restProps } = props\n const linkElement = useRef(null)\n const isInternal = INTERNAL_LINK_REGEX.test(to)\n const { isKeyNavigating } = useKeyNavigating()\n const { pathname } = useLocation()\n const { setIsLoading } = useRoutes()\n const { closeNavigation } = useNavigation()\n\n const onClickInternalLink = useCallback(\n (event: React.MouseEvent) => {\n if (onClick) onClick(event)\n\n if (!linkElement.current) {\n linkElement.current = document.createElement('a')\n }\n\n linkElement.current.href = to\n const targetIsCurrentUrl = pathname === linkElement.current.pathname\n\n if (targetIsCurrentUrl) {\n if (linkElement.current.hash) setTimeout(() => closeNavigation(), 0)\n else closeNavigation()\n } else {\n setIsLoading(true)\n }\n },\n [pathname, to, closeNavigation, setIsLoading, onClick]\n )\n\n if (isInternal) {\n return (\n \n {children}\n \n )\n }\n\n return (\n \n {children}\n \n )\n}\n","import styled, { css } from 'styled-components'\nimport { ButtonBare, ButtonBareText } from './ButtonBare'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { LAYERS } from 'consts/layers'\nimport { BORDER_SIZES } from 'consts/border'\nimport {\n BRAND_GRADIENT_BACKGROUND_STYLES,\n BRAND_GRADIENT_TEXT_STYLES\n} from 'consts/gradients'\n\nexport const buttonPrimaryOutlinedStyles = css`\n padding: ${SPACINGS.CUSTOM(() => 1.4)} ${SPACINGS.CUSTOM(() => 2.6)};\n line-height: 1.15;\n border-radius: 3rem;\n font-weight: ${FONT_WEIGHTS.BOLD};\n display: inline-flex;\n position: relative;\n\n &:before,\n &:after {\n content: '';\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n }\n\n &:before {\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n &:after {\n background-color: ${COLORS.BACKGROUND_SITE};\n top: ${BORDER_SIZES.OUTLINE};\n left: ${BORDER_SIZES.OUTLINE};\n bottom: ${BORDER_SIZES.OUTLINE};\n right: ${BORDER_SIZES.OUTLINE};\n }\n\n ${ButtonBareText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n z-index: ${LAYERS.STEP};\n }\n`\n\nexport const ButtonPrimaryOutlined = styled(ButtonBare)`\n ${buttonPrimaryOutlinedStyles};\n\n &:disabled {\n &:before {\n background-image: none;\n background-color: ${COLORS.DETAIL_HIGH_CONTRAST};\n }\n\n ${ButtonBareText} {\n background-image: none;\n background-clip: border-box;\n -webkit-background-clip: border-box;\n -webkit-text-fill-color: currentcolor;\n color: ${COLORS.DETAIL_HIGH_CONTRAST};\n }\n }\n`\n","import React from 'react'\nimport styled from 'styled-components'\nimport { buttonPrimaryFilledStyles } from 'components/Button/ButtonPrimaryFilled'\nimport { buttonPrimaryOutlinedStyles } from 'components/Button/ButtonPrimaryOutlined'\nimport { ButtonBareText } from 'components/Button/ButtonBare'\nimport { LinkBare, PropType } from './LinkBare'\n\nconst LinkButtonPrimaryFilledWrapper = styled(LinkBare)`\n ${buttonPrimaryFilledStyles};\n`\n\nexport const LinkButtonPrimaryFilled = (props: PropType) => {\n const { children, ...restProps } = props\n\n return (\n \n {children}\n \n )\n}\n\nconst LinkButtonPrimaryOutlinedWrapper = styled(LinkBare)`\n ${buttonPrimaryOutlinedStyles};\n`\n\nexport const LinkButtonPrimaryOutlined = (props: PropType) => {\n const { children, ...restProps } = props\n\n return (\n \n {children}\n \n )\n}\n","import React from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare, PropType } from './LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\n\nexport const linkContentStyles = css`\n ${BRAND_GRADIENT_TEXT_STYLES};\n display: inline-block;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n`\n\nconst LinkContentWrapper = styled(LinkBare)`\n ${linkContentStyles};\n`\n\nexport const LinkContent = (props: PropType) => {\n return \n}\n","import React, { PropsWithChildren } from 'react'\nimport styled from 'styled-components'\nimport { useRouteActive } from 'hooks/useRouteActive'\nimport { RouteType } from 'components/Routes/RoutesContext'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { COLORS } from 'consts/themes'\n\nconst LinkNavigationWrapper = styled(LinkBare)`\n position: relative;\n display: inline-flex;\n align-items: center;\n`\n\nexport const InactiveText = styled.span<{ $isActive: boolean }>`\n color: ${COLORS.TEXT_MEDIUM_CONTRAST};\n opacity: ${({ $isActive }) => ($isActive ? 0 : 1)};\n transform: translateY(-50%);\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n`\n\nexport const ActiveText = styled.span<{ $isActive: boolean }>`\n opacity: ${({ $isActive }) => ($isActive ? 1 : 0)};\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n ${BRAND_GRADIENT_TEXT_STYLES};\n`\n\ntype PropType = PropsWithChildren<{\n slug: RouteType['slug']\n isActive?: boolean\n}>\n\nexport const LinkNavigation = (props: PropType) => {\n const { slug, isActive, children, ...restProps } = props\n const { isPartiallyActive } = useRouteActive(slug)\n const active = isActive ?? isPartiallyActive\n\n return (\n \n {children}\n \n {children}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport styled from 'styled-components'\nimport { SPACINGS } from 'consts/spacings'\n\ntype FrameSizesType = keyof typeof PAGE_FRAME_SIZES\n\nconst PAGE_FRAME_SIZES = {\n DEFAULT: '144rem',\n MD: '110rem',\n SM: '68rem'\n}\n\nexport const PAGE_FRAME_SPACING = SPACINGS.FOUR\n\nconst PageFrameWrapper = styled.div<{ $size: string }>`\n margin-left: auto;\n margin-right: auto;\n padding-left: ${PAGE_FRAME_SPACING};\n padding-right: ${PAGE_FRAME_SPACING};\n max-width: ${({ $size }) => $size};\n width: 100%;\n`\n\ntype PropType = PropsWithChildren<{\n size?: FrameSizesType\n}>\n\nexport const PageFrame = (props: PropType) => {\n const { size = 'DEFAULT', children, ...restProps } = props\n const frameSize = PAGE_FRAME_SIZES[size]\n\n return (\n \n {children}\n \n )\n}\n","import { GraphQLAllDataType } from 'consts/graphQL'\nimport { RouteType } from 'components/Routes/RoutesContext'\n\nexport const createFlatRoutes = (data: GraphQLAllDataType): RouteType[] => {\n return data.allMdx.edges\n .map(({ node }) => node)\n .map(({ id, fields, frontmatter }) => ({\n id,\n slug: fields.slug,\n title: frontmatter.title || '',\n order: frontmatter.order || 0,\n description: frontmatter.description || '',\n level: fields.slug.split('/').filter(Boolean).length,\n children: []\n }))\n}\n","import { GraphQLAllDataType } from 'consts/graphQL'\nimport { RouteType } from 'components/Routes/RoutesContext'\nimport { addRouteChildren } from './addRouteChildren'\nimport { createFlatRoutes } from './createFlatRoutes'\n\nexport const createHierarchicalRoutes = (\n data: GraphQLAllDataType\n): RouteType[] => {\n const routes = createFlatRoutes(data)\n const topLevelRoutes = routes.filter(({ level }) => level === 1)\n return topLevelRoutes.map((route) => addRouteChildren({ ...route }, routes))\n}\n","import React, {\n createContext,\n PropsWithChildren,\n useMemo,\n useState\n} from 'react'\nimport { createHierarchicalRoutes } from 'utils/createHierarchicalRoutes'\nimport { createFlatRoutes } from 'utils/createFlatRoutes'\nimport { GraphQLAllDataType } from 'consts/graphQL'\nimport { graphql, useStaticQuery } from 'gatsby'\n\nconst query = graphql`\n query AllRoutesQuery {\n allMdx(\n sort: { frontmatter: { order: ASC } }\n filter: {\n frontmatter: { title: { ne: \"404\" } }\n fields: { slug: { ne: \"/404/\" } }\n }\n ) {\n edges {\n node {\n id\n frontmatter {\n title\n order\n description\n }\n fields {\n slug\n }\n }\n }\n }\n }\n`\n\nexport type RouteType = {\n id: string\n slug: string\n title: string\n description: string\n level: number\n order: number\n children: RouteType[]\n}\n\nexport type RoutesContextType = {\n hierarchical: RouteType[]\n flat: RouteType[]\n isLoading: boolean\n setIsLoading: React.Dispatch>\n}\n\nexport const RoutesContext = createContext({\n hierarchical: [],\n flat: [],\n isLoading: false,\n setIsLoading: () => undefined\n})\n\ntype PropType = PropsWithChildren<{}>\n\nexport const RoutesProvider = (props: PropType) => {\n const { children } = props\n const data = useStaticQuery(query)\n const [isLoading, setIsLoading] = useState(false)\n\n const value = useMemo(\n () => ({\n hierarchical: createHierarchicalRoutes(data),\n flat: createFlatRoutes(data),\n isLoading,\n setIsLoading\n }),\n [data, isLoading]\n )\n\n return (\n {children}\n )\n}\n","export default __webpack_public_path__ + \"static/embla-logo-light-theme-998e60170b41826ce3f4599ac9a68335.svg\";","export default __webpack_public_path__ + \"static/embla-logo-dark-theme-e0355b1aed42f0a57637d8d8e6c28cda.svg\";","export default __webpack_public_path__ + \"static/embla-logo-light-theme-blur-db7093b8d7d20cb8c2429e3f6e05156a.svg\";","export default __webpack_public_path__ + \"static/embla-logo-dark-theme-blur-dd6671f5992e7089fd82e1f04db7370e.svg\";","import React, { PropsWithChildren, useMemo, useState } from 'react'\nimport styled, { css } from 'styled-components'\nimport logoLightThemeDefaultUrl from 'assets/images/embla-logo-light-theme.svg'\nimport logoDarkThemeDefaultUrl from 'assets/images/embla-logo-dark-theme.svg'\nimport logoLightThemeBlurUrl from 'assets/images/embla-logo-light-theme-blur.svg'\nimport logoDarkThemeBlurUrl from 'assets/images/embla-logo-dark-theme-blur.svg'\nimport { useInView } from 'react-intersection-observer'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { useTheme } from 'hooks/useTheme'\nimport { THEME_KEYS } from 'consts/themes'\nimport { LAYERS } from 'consts/layers'\nimport { Icon } from 'components/Icon/Icon'\n\nconst SiteLogoWrapper = styled.div`\n width: 100%;\n position: relative;\n &:before {\n content: '';\n display: block;\n padding-bottom: 100%;\n width: 100%;\n }\n`\n\nconst imageStyles = css`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n z-index: ${LAYERS.STEP};\n`\n\nconst LogoImage = styled.img`\n ${imageStyles};\n`\n\nexport const LogoLightIcon = styled(Icon)`\n ${imageStyles};\n`\n\nexport const LogoDarkIcon = styled(Icon)`\n ${imageStyles};\n`\n\ntype LogoImagesType = {\n default: {\n light: string\n dark: string\n }\n blur: {\n light: string\n dark: string\n }\n}\n\nconst LOGO_IMAGES: LogoImagesType = {\n default: {\n [THEME_KEYS.LIGHT]: logoLightThemeDefaultUrl,\n [THEME_KEYS.DARK]: logoDarkThemeDefaultUrl\n },\n blur: {\n [THEME_KEYS.LIGHT]: logoLightThemeBlurUrl,\n [THEME_KEYS.DARK]: logoDarkThemeBlurUrl\n }\n}\n\ntype LogoSvgsType = {\n default: {\n light: 'emblaLightDefault'\n dark: 'emblaDarkDefault'\n }\n blur: {\n light: 'emblaLightBlur'\n dark: 'emblaDarkBlur'\n }\n}\n\nconst LOGO_SVGS: LogoSvgsType = {\n default: {\n [THEME_KEYS.LIGHT]: 'emblaLightDefault',\n [THEME_KEYS.DARK]: 'emblaDarkDefault'\n },\n blur: {\n [THEME_KEYS.LIGHT]: 'emblaLightBlur',\n [THEME_KEYS.DARK]: 'emblaDarkBlur'\n }\n}\n\ntype PropType = PropsWithChildren<{\n appearance?: keyof typeof LOGO_IMAGES\n}>\n\nexport const SiteLogo = (props: PropType) => {\n const { appearance = 'default' } = props\n const [inViewRef, inView] = useInView({ triggerOnce: true })\n const [hasLoaded, setHasLoaded] = useState(false)\n const { theme } = useTheme()\n const { title } = useSiteMetadata()\n const lightSvg = LOGO_SVGS[appearance].light\n const darkSvg = LOGO_SVGS[appearance].dark\n\n const { src, alt } = useMemo(\n () => ({\n src: LOGO_IMAGES[appearance][theme],\n alt: `An illustrated atom like body which is the logotype of ${title}`\n }),\n [theme, appearance, title]\n )\n\n return (\n \n {!hasLoaded && (\n <>\n \n \n \n )}\n {inView && (\n setHasLoaded(true)} />\n )}\n \n )\n}\n","import { useState, useCallback } from 'react'\nimport { useWindowResize } from 'hooks/useWindowResize'\nimport { isBrowser } from 'utils/isBrowser'\n\ntype UseWindowSizeType = {\n windowWidth: number\n windowHeight: number\n}\n\nexport const useWindowSize = (wait: number = 0): UseWindowSizeType => {\n const getWindowSize = useCallback(\n () => ({\n windowWidth: isBrowser ? window.innerWidth : 0,\n windowHeight: isBrowser ? window.innerHeight : 0\n }),\n []\n )\n const [windowSize, setWindowSize] = useState(getWindowSize)\n\n useWindowResize({\n wait,\n callback: () => setWindowSize(getWindowSize)\n })\n\n return windowSize\n}\n","import { useMemo } from 'react'\nimport { useEventListener } from 'hooks/useEventListener'\nimport { debounce } from 'lodash'\n\ntype PropType = {\n callback: (event: Event) => void\n wait: number\n}\n\nexport const useWindowResize = (props: PropType): void => {\n const { callback, wait = 300 } = props\n const onResize = useMemo(() => {\n return wait !== 0\n ? debounce((event: Event) => callback(event), wait)\n : (event: Event) => callback(event)\n }, [wait, callback])\n\n useEventListener('resize', onResize)\n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport styled, { css } from 'styled-components'\nimport { ALGOLIA_CLASSNAMES } from 'consts/algoliaSearch'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { MEDIA } from 'consts/breakpoints'\nimport { BORDER_SIZES } from 'consts/border'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { RouteType } from 'components/Routes/RoutesContext'\nimport { ButtonBare } from 'components/Button/ButtonBare'\nimport { InactiveText, LinkNavigation } from 'components/Link/LinkNavigation'\nimport { useRouteActive } from 'hooks/useRouteActive'\nimport { Icon } from 'components/Icon/Icon'\n\nconst createMenuId = (title: string = '', isDesktopMenu: boolean): string => {\n const titleInKebabCase = title.toLowerCase().split(' ').join('-')\n const menuType = isDesktopMenu ? 'desktop' : 'compact'\n return `${titleInKebabCase}-navigation-${menuType}-menu`\n}\n\nconst ITEM_SPACING = SPACINGS.ONE\nconst TOGGLE_SVG_SIZE = SPACINGS.CUSTOM(({ ONE }) => ONE + 0.2)\n\nconst SiteNavigationSubMenuWrapper = styled.div`\n display: flex;\n flex-direction: column;\n line-height: 1.65;\n\n ${MEDIA.COMPACT} {\n border-bottom: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_MEDIUM_CONTRAST};\n }\n`\n\nconst Toggle = styled(ButtonBare)<{ $isActive: boolean }>`\n font-weight: ${FONT_WEIGHTS.SEMI_BOLD};\n color: ${COLORS.TEXT_BODY};\n padding: ${ITEM_SPACING} 0 ${ITEM_SPACING}\n calc(${TOGGLE_SVG_SIZE} + ${SPACINGS.TWO});\n margin: 0 0;\n position: relative;\n line-height: inherit;\n display: flex;\n align-items: center;\n text-align: left;\n width: 100%;\n text-transform: uppercase;\n\n ${({ $isActive }) => css`\n > span {\n ${$isActive && BRAND_GRADIENT_TEXT_STYLES};\n }\n `};\n\n ${MEDIA.COMPACT} {\n padding: ${SPACINGS.TWO} 0 ${SPACINGS.TWO}\n calc(${TOGGLE_SVG_SIZE} + ${SPACINGS.TWO});\n }\n`\n\nconst ToggleSvg = styled(Icon)<{ $isOpen: boolean }>`\n transform: ${({ $isOpen }) => $isOpen && 'rotate(90deg)'};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n`\n\nconst Menu = styled.ul<{ $isOpen: boolean }>`\n ${({ $isOpen }) => css`\n height: ${!$isOpen && '0px'};\n overflow: ${!$isOpen && 'hidden'};\n visibility: ${!$isOpen && 'hidden'};\n\n ${MEDIA.COMPACT} {\n margin-top: ${$isOpen && `-${SPACINGS.ONE}`};\n padding-bottom: ${$isOpen && SPACINGS.TWO};\n }\n `};\n padding-left: calc(${TOGGLE_SVG_SIZE} + ${SPACINGS.FOUR});\n position: relative;\n\n ${MEDIA.DESKTOP} {\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0.3rem;\n width: ${BORDER_SIZES.DETAIL};\n bottom: 0;\n background-color: ${COLORS.DETAIL_MEDIUM_CONTRAST};\n }\n }\n`\n\nconst Link = styled(LinkNavigation)`\n margin: 0 0;\n text-align: left;\n padding: ${ITEM_SPACING} 0;\n\n > ${InactiveText} {\n color: ${COLORS.TEXT_LOW_CONTRAST};\n }\n`\n\ntype PropType = {\n route: RouteType\n isDesktopMenu: boolean\n}\n\nexport const SiteNavigationSubMenu = (props: PropType) => {\n const { route, isDesktopMenu } = props\n const { title, children } = route\n const { isPartiallyActive, isActive } = useRouteActive(route.slug)\n const [isOpen, setIsOpen] = useState(isPartiallyActive)\n const toggleAction = isOpen ? 'Hide' : 'Show'\n const applyAlgoliaClass = isPartiallyActive && isDesktopMenu\n const algoliaClass = applyAlgoliaClass ? ALGOLIA_CLASSNAMES.LVL_0 : undefined\n const id = createMenuId(title, isDesktopMenu)\n\n const toggleOpen = useCallback(\n (event: React.MouseEvent) => {\n event.preventDefault()\n setIsOpen((open) => !open)\n },\n [setIsOpen]\n )\n\n useEffect(() => {\n setIsOpen(isPartiallyActive)\n }, [setIsOpen, isPartiallyActive])\n\n return (\n \n \n \n {title}\n \n \n
  • \n \n Overview\n \n
    • \n {children.map((child) => (\n
  • \n {child.title}\n
    • \n ))}\n     \n     \n )\n}\n","import React from 'react'\nimport { useRoutes } from 'hooks/useRoutes'\nimport { SiteNavigationSubMenu } from './SiteNavigationSubMenu'\n\ntype PropType = {\n isDesktopMenu?: boolean\n}\n\nexport const SiteNavigationSubMenus = (props: PropType) => {\n const { isDesktopMenu = false } = props\n const { hierarchical: routes } = useRoutes()\n\n return (\n <>\n {routes.map((route) => (\n
  • \n \n
    • \n ))}\n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { COLORS } from 'consts/themes'\nimport { MEDIA } from 'consts/breakpoints'\nimport { SPACINGS } from 'consts/spacings'\nimport { PAGE_FRAME_SPACING } from 'components/Page/PageFrame'\nimport { FooterLinks } from 'components/Footer/FooterLinks'\nimport { LAYERS } from 'consts/layers'\nimport { SiteNavigationSubMenus } from './SiteNavigationSubMenus'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport {\n createScrollBarShadowStyles,\n createScrollBarStyles,\n SCROLL_BAR_SHADOW_SIZE\n} from 'consts/scrollBars'\n\nconst SiteNavigationMenuDesktopWrapper = styled.div<{\n $isKeyNavigating: boolean\n}>`\n background-color: ${COLORS.BACKGROUND_SITE};\n position: relative;\n height: 100%;\n\n &:before,\n &:after {\n position: absolute;\n z-index: ${LAYERS.STEP};\n left: -${PAGE_FRAME_SPACING};\n right: -${PAGE_FRAME_SPACING};\n content: '';\n }\n\n &:before {\n ${createScrollBarShadowStyles('top')};\n top: -${SCROLL_BAR_SHADOW_SIZE};\n }\n\n &:after {\n ${createScrollBarShadowStyles('bottom')};\n bottom: -${SCROLL_BAR_SHADOW_SIZE};\n }\n\n ${MEDIA.COMPACT} {\n display: none;\n }\n`\n\nconst ScrollArea = styled.ul`\n ${createScrollBarStyles('y')};\n padding-top: ${PAGE_FRAME_SPACING};\n padding-bottom: ${PAGE_FRAME_SPACING};\n overflow: auto;\n max-height: 100%;\n`\n\nconst MiscLinks = styled(FooterLinks)`\n padding-top: ${SPACINGS.THREE};\n flex-direction: column;\n`\n\nexport const SiteNavigationMenuDesktop = () => {\n const { isKeyNavigating } = useKeyNavigating()\n\n return (\n \n \n \n
  • \n \n
    • \n     \n     \n )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport { COLORS, THEME_KEYS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { MEDIA } from 'consts/breakpoints'\nimport { HEADER_HEIGHT } from 'components/Header/Header'\nimport { PAGE_FRAME_SPACING } from 'components/Page/PageFrame'\nimport { LAYERS } from 'consts/layers'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { TABS_SITE_NAVIGATION } from 'consts/tabs'\nimport { TableOfContents } from 'components/TableOfContents/TableOfContents'\nimport { FooterLinks } from 'components/Footer/FooterLinks'\nimport { TabsItem } from 'components/Tabs/TabsItem'\nimport { Tabs } from 'components/Tabs/Tabs'\nimport { TabsList } from 'components/Tabs/TabsList'\nimport { TabsButtonWrapper } from 'components/Tabs/TabsButton'\nimport { TabsPanelWrapper } from 'components/Tabs/TabsPanel'\nimport { SiteNavigationSubMenus } from './SiteNavigationSubMenus'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { useTheme } from 'hooks/useTheme'\nimport { useNavigation } from 'hooks/useNavigation'\nimport { useTableOfContents } from 'hooks/useTableOfContents'\nimport {\n createScrollBarShadowStyles,\n createScrollBarStyles,\n SCROLL_BAR_SHADOW_SIZE\n} from 'consts/scrollBars'\nimport {\n ThemeToggle,\n LightThemeSvg,\n DarkThemeSvg\n} from 'components/Theme/ThemeToggle'\n\nconst MAX_WIDTH_COMPACT = '36rem'\n\nconst SiteNavigationMenuCompactWrapper = styled.div`\n background-color: ${COLORS.BACKGROUND_SITE};\n position: relative;\n height: 100%;\n z-index: ${LAYERS.STEP};\n padding-right: ${PAGE_FRAME_SPACING};\n padding-left: ${PAGE_FRAME_SPACING};\n padding-bottom: ${HEADER_HEIGHT};\n padding-top: ${HEADER_HEIGHT};\n\n ${MEDIA.DESKTOP} {\n display: none;\n }\n`\n\nconst MenuTabs = styled(Tabs)<{\n $isKeyNavigating: boolean\n}>`\n height: 100%;\n\n ${TabsList} {\n height: ${HEADER_HEIGHT};\n z-index: ${LAYERS.STEP * 2};\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding-left: ${PAGE_FRAME_SPACING};\n padding-right: ${PAGE_FRAME_SPACING};\n margin-bottom: 0;\n background-color: ${COLORS.BACKGROUND_SITE};\n border-top: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n border-bottom: 0;\n justify-content: center;\n }\n\n ${TabsPanelWrapper} {\n position: relative;\n height: 100%;\n outline-offset: -${BORDER_SIZES.OUTLINE};\n overflow: hidden;\n\n &:before,\n &:after {\n position: absolute;\n z-index: ${LAYERS.STEP};\n left: -${PAGE_FRAME_SPACING};\n right: -${PAGE_FRAME_SPACING};\n content: '';\n }\n\n &:before {\n ${createScrollBarShadowStyles('top')};\n top: -${SCROLL_BAR_SHADOW_SIZE};\n }\n\n &:after {\n ${createScrollBarShadowStyles('bottom')};\n bottom: -${SCROLL_BAR_SHADOW_SIZE};\n }\n\n &:focus {\n z-index: ${LAYERS.HEADER};\n }\n }\n\n ${TabsButtonWrapper} {\n flex-grow: 1;\n justify-content: center;\n max-width: calc(${MAX_WIDTH_COMPACT} / 2);\n }\n`\n\nconst ScrollArea = styled.div`\n ${createScrollBarStyles('y')};\n padding-top: ${SPACINGS.TWO};\n padding-bottom: ${SPACINGS.FOUR};\n max-width: ${MAX_WIDTH_COMPACT};\n overflow: auto;\n scrollbar-gutter: stable both-edges;\n position: relative;\n max-height: 100%;\n margin-left: auto;\n margin-right: auto;\n`\n\nconst ThemeToggleButton = styled(ThemeToggle)`\n background-color: ${COLORS.BACKGROUND_CODE};\n width: 100%;\n justify-content: space-between;\n padding: 1.8rem 2rem;\n margin-top: ${SPACINGS.FOUR};\n height: auto;\n margin-right: 0;\n margin-left: 0;\n border-radius: ${BORDER_RADIUSES.BOX};\n overflow: hidden;\n\n ${LightThemeSvg}, ${DarkThemeSvg} {\n left: auto;\n right: 2rem;\n transform: translateY(-50%);\n }\n`\n\nconst ThemeToggleText = styled.span`\n color: ${COLORS.TEXT_MEDIUM_CONTRAST};\n`\n\nconst MiscLinks = styled(FooterLinks)`\n padding-top: ${SPACINGS.THREE};\n justify-content: center;\n`\n\nexport const SiteNavigationMenuCompact = () => {\n const { theme } = useTheme()\n const { isKeyNavigating } = useKeyNavigating()\n const { isOpen } = useNavigation()\n const isOpenRef = useRef(isOpen)\n const tableOfContents = useTableOfContents()\n const [showTableOfContents, setShowTableOfContents] = useState(true)\n const isLightTheme = theme === THEME_KEYS.LIGHT\n const oppositeTheme = isLightTheme ? THEME_KEYS.DARK : THEME_KEYS.LIGHT\n\n useEffect(() => {\n if (isOpen !== isOpenRef.current) {\n const show = !!tableOfContents.items?.length\n setShowTableOfContents(show)\n isOpenRef.current = isOpen\n }\n }, [isOpen, tableOfContents])\n\n return (\n \n \n \n \n
      \n \n\n
    • \n \n \n Activate {oppositeTheme} theme\n \n \n
      • \n\n
    • \n \n
      • \n
    \n     \n     \n\n \n \n \n \n \n     \n     \n )\n}\n","import React, { PropsWithChildren, useCallback, useEffect } from 'react'\nimport styled, { css } from 'styled-components'\nimport FocusTrap from 'focus-trap-react'\nimport { useNavigation } from 'hooks/useNavigation'\nimport { useEventListener } from 'hooks/useEventListener'\nimport { useBreakpoints } from 'hooks/useBreakpoints'\nimport { MEDIA } from 'consts/breakpoints'\nimport { LAYERS } from 'consts/layers'\nimport { HEADER_HEIGHT, HEADER_ID } from 'components/Header/Header'\nimport { SPACINGS } from 'consts/spacings'\nimport { isBrowser } from 'utils/isBrowser'\nimport { SiteNavigationMenuDesktop } from './SiteNavigationMenuDesktop'\nimport { SiteNavigationMenuCompact } from './SiteNavigationMenuCompact'\n\nexport const NAVIGATION_ID = 'main-navigation-menu'\nconst CLOSE_KEYS = ['Escape', 'Esc']\nconst MENU_ID = 'main-menu'\n\nconst SiteNavigationWrapper = styled.nav<{ $isOpen: boolean }>`\n position: fixed;\n\n ${MEDIA.COMPACT} {\n z-index: ${LAYERS.NAVIGATION};\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n ${({ $isOpen }) => css`\n transform: ${!$isOpen && 'translateX(-100%)'};\n visibility: ${!$isOpen && 'hidden'};\n `};\n }\n\n ${MEDIA.DESKTOP} {\n width: inherit;\n max-width: inherit;\n top: ${HEADER_HEIGHT};\n bottom: 0;\n }\n\n ${MEDIA.MIN_LG} {\n padding-right: ${SPACINGS.SEVEN};\n }\n`\n\nexport type PropType = PropsWithChildren<{}>\n\nexport const SiteNavigation = (props: PropType) => {\n const { isCompact } = useBreakpoints()\n const { isOpen, closeNavigation } = useNavigation()\n\n const getFocusTrapElements = useCallback((): HTMLElement[] => {\n if (!isBrowser) return []\n const header = document.getElementById(HEADER_ID)\n const nav = document.getElementById(MENU_ID)\n return header && nav ? [header, nav] : []\n }, [])\n\n const onKeyUp = useCallback(\n ({ key }: KeyboardEvent) => {\n if (CLOSE_KEYS.includes(key)) closeNavigation()\n },\n [closeNavigation]\n )\n\n useEventListener('keyup', onKeyUp)\n\n useEffect(() => {\n if (!isCompact) closeNavigation()\n return () => closeNavigation()\n }, [isCompact, closeNavigation])\n\n return (\n \n \n \n \n \n \n )\n}\n","import { BREAKPOINTS } from 'consts/breakpoints'\nimport { useWindowSize } from './useWindowSize'\n\ntype UseBreakpointsType = {\n isCompact: boolean\n isDesktop: boolean\n}\n\nexport const useBreakpoints = (): UseBreakpointsType => {\n const { windowWidth } = useWindowSize()\n const isCompact = windowWidth < BREAKPOINTS.MD\n const isDesktop = !isCompact\n\n return { isCompact, isDesktop }\n}\n","import React, {\n createContext,\n PropsWithChildren,\n useCallback,\n useMemo,\n useState\n} from 'react'\n\nexport type NavigationContextType = {\n isOpen: boolean\n toggleNavigation: () => void\n closeNavigation: () => void\n}\n\nexport const NavigationContext = createContext({\n isOpen: false,\n toggleNavigation: () => undefined,\n closeNavigation: () => undefined\n})\n\ntype PropType = PropsWithChildren<{}>\n\nexport const SiteNavigationProvider = (props: PropType) => {\n const { children } = props\n const [isOpen, setIsOpen] = useState(false)\n\n const toggleNavigation = useCallback(() => {\n setIsOpen((isOpen) => !isOpen)\n }, [setIsOpen])\n\n const closeNavigation = useCallback(() => {\n setIsOpen(false)\n }, [setIsOpen])\n\n const value = useMemo(\n () => ({\n isOpen,\n toggleNavigation,\n closeNavigation\n }),\n [isOpen, toggleNavigation, closeNavigation]\n )\n\n return (\n \n {children}\n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport styled, { css } from 'styled-components'\nimport { SPACINGS } from 'consts/spacings'\nimport { BORDER_SIZES } from 'consts/border'\nimport { TableOfContentsItemType } from './TableOfContentsContext'\nimport { InactiveText, LinkNavigation } from 'components/Link/LinkNavigation'\nimport { COLORS } from 'consts/themes'\n\nconst Link = styled(LinkNavigation)<{ $level: number }>`\n padding-top: ${SPACINGS.CUSTOM(({ ONE }) => ONE - 0.4)};\n padding-bottom: ${SPACINGS.CUSTOM(({ ONE }) => ONE - 0.4)};\n outline-offset: -${BORDER_SIZES.OUTLINE};\n\n ${({ $level }) =>\n $level > 0 &&\n css`\n > ${InactiveText} {\n color: ${COLORS.TEXT_LOW_CONTRAST};\n }\n `};\n`\n\ntype PropType = PropsWithChildren<{\n item: TableOfContentsItemType\n isActive: boolean\n level: number\n}>\n\nexport const TableOfContentsMenuItem = (props: PropType) => {\n const { item, isActive, children, level } = props\n\n return (\n
  • \n \n {item.title}\n \n\n {children}\n
    • \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { TableOfContentsItemType } from './TableOfContentsContext'\nimport { SPACINGS } from 'consts/spacings'\nimport { TableOfContentsMenuItem } from './TableOfContentsMenuItem'\n\nconst hasItemsOnly = (item: TableOfContentsItemType): boolean =>\n !item.url && !item.title && typeof item.items !== 'undefined'\n\nconst LEVEL_SPACING = SPACINGS.CUSTOM(() => 1.6)\n\nconst TableOfContentsMenuItemsWrapper = styled.ol<{ $withSpacing: boolean }>`\n padding-left: ${({ $withSpacing }) => ($withSpacing ? LEVEL_SPACING : 0)};\n list-style: none;\n`\n\ntype PropType = {\n activeId: string\n items?: TableOfContentsItemType[]\n level?: number\n}\n\nexport const TableOfContentsMenuItems = (props: PropType) => {\n const { items = [], activeId, level = 0 } = props\n const nextLevel = level + 1\n\n return (\n 0}>\n {items.map((item, index) => {\n if (hasItemsOnly(item)) {\n return (\n \n )\n }\n\n const isActive = activeId === item.url?.slice(1)\n\n return (\n \n {item.items && (\n \n )}\n \n )\n })}\n \n )\n}\n","import React, { useEffect, useMemo, useState } from 'react'\nimport styled from 'styled-components'\nimport { PAGE_FRAME_SPACING } from 'components/Page/PageFrame'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { MEDIA } from 'consts/breakpoints'\nimport { BORDER_SIZES } from 'consts/border'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { useTableOfContents } from 'hooks/useTableOfContents'\nimport { TableOfContentsItemType } from './TableOfContentsContext'\nimport { TableOfContentsMenuItems } from './TableOfContentsMenuItems'\nimport { createScrollBarStyles } from 'consts/scrollBars'\n\nconst extractHeadingIds = (\n items: TableOfContentsItemType['items'] = []\n): string[] => {\n const headingIds: string[] = []\n\n return items.reduce((acc, item) => {\n if (item.url) acc.push(item.url.slice(1))\n if (item.items) acc.push(...extractHeadingIds(item.items))\n return acc\n }, headingIds)\n}\n\nconst TableOfContentsMenuWrapper = styled.div`\n ${createScrollBarStyles('y')};\n overflow: auto;\n position: relative;\n max-height: 100%;\n\n ${MEDIA.DESKTOP} {\n padding-top: ${PAGE_FRAME_SPACING};\n padding-bottom: ${PAGE_FRAME_SPACING};\n }\n`\n\nconst Heading = styled.div`\n color: ${COLORS.TEXT_BODY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.TWO};\n font-weight: ${FONT_WEIGHTS.SEMI_BOLD};\n text-transform: uppercase;\n\n ${MEDIA.COMPACT} {\n padding-top: ${SPACINGS.TWO};\n border-bottom: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n margin-bottom: ${SPACINGS.TWO};\n }\n`\n\nexport const TableOfContentsMenu = () => {\n const [activeId, setActiveId] = useState('')\n const { items = [] } = useTableOfContents()\n const headingIds = useMemo(() => extractHeadingIds(items), [items])\n\n useEffect(() => {\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) setActiveId(entry.target.id)\n })\n },\n { rootMargin: `0% 0% -80% 0%` }\n )\n\n headingIds.forEach((id) => {\n const heading = document.getElementById(id)\n if (heading) observer.observe(heading)\n })\n\n return () => {\n headingIds.forEach((id) => {\n const heading = document.getElementById(id)\n if (heading) observer.unobserve(heading)\n })\n }\n }, [headingIds])\n\n if (!items) return null\n\n return (\n \n On this page\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { MEDIA } from 'consts/breakpoints'\nimport { LAYERS } from 'consts/layers'\nimport { HEADER_HEIGHT } from 'components/Header/Header'\nimport { SPACINGS } from 'consts/spacings'\nimport { PAGE_FRAME_SPACING } from 'components/Page/PageFrame'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { TableOfContentsMenu } from './TableOfContentsMenu'\nimport {\n createScrollBarShadowStyles,\n SCROLL_BAR_SHADOW_SIZE\n} from 'consts/scrollBars'\n\nconst TableOfContentsWrapper = styled.nav`\n ${MEDIA.DESKTOP} {\n position: fixed;\n z-index: ${LAYERS.NAVIGATION};\n top: ${HEADER_HEIGHT};\n bottom: 0;\n width: inherit;\n max-width: inherit;\n }\n\n ${MEDIA.MIN_LG} {\n padding-left: ${SPACINGS.SEVEN};\n }\n`\n\nconst MenuWrapper = styled.div<{\n $isKeyNavigating: boolean\n}>`\n height: 100%;\n\n ${MEDIA.DESKTOP} {\n &:before,\n &:after {\n position: absolute;\n z-index: ${LAYERS.STEP};\n left: -${PAGE_FRAME_SPACING};\n right: -${PAGE_FRAME_SPACING};\n content: '';\n }\n\n &:before {\n ${createScrollBarShadowStyles('top')};\n top: -${SCROLL_BAR_SHADOW_SIZE};\n }\n\n &:after {\n ${createScrollBarShadowStyles('bottom')};\n bottom: -${SCROLL_BAR_SHADOW_SIZE};\n }\n }\n`\n\nexport const TableOfContents = () => {\n const { isKeyNavigating } = useKeyNavigating()\n\n return (\n \n \n \n \n \n )\n}\n","import React, { createContext, PropsWithChildren, useMemo } from 'react'\n\nexport type TableOfContentsItemType = {\n items?: TableOfContentsItemType[]\n title?: string\n url?: string\n}\n\nexport type TableOfContentsType = {\n items: TableOfContentsItemType[]\n}\n\nexport type TableOfContentsContextType = TableOfContentsItemType\n\nexport const TableOfContentsContext = createContext(\n {}\n)\n\ntype PropType = PropsWithChildren<{\n tableOfContents: TableOfContentsType\n}>\n\nexport const TableOfContentsProvider = (props: PropType) => {\n const { tableOfContents, children } = props\n\n const value = useMemo(() => {\n const hasItems = tableOfContents?.items && tableOfContents.items[0]\n return hasItems || { items: [] }\n }, [tableOfContents])\n\n return (\n \n {children}\n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { TabsItemType, TabsPositionType } from 'consts/tabs'\nimport { PropType as TabsItemPropType } from 'components/Tabs/TabsItem'\n\nexport const mapChildrenToTabs = (\n children: React.ReactNode\n): TabsItemType[] => {\n let tabIndex = 0\n\n return React.Children.toArray(children).reduce((tabs, child) => {\n if (!React.isValidElement(child)) return tabs\n if (!isTabsItemProps(child.props)) return tabs\n\n const { props } = child\n const clonedChild = React.cloneElement(\n child as React.ReactElement,\n {\n index: props.disabled ? -1 : tabIndex,\n label: props.tab.LABEL,\n value: props.tab.VALUE,\n ...props\n }\n )\n if (!props.disabled) tabIndex += 1\n return [...tabs, clonedChild.props]\n }, [] as TabsItemType[])\n}\n\nexport const isTabsItemProps = (\n props: TabsItemPropType | PropsWithChildren<{}>\n): props is TabsItemPropType => {\n return 'tab' in props\n}\n\nexport const getDefaultTab = (\n tabs: TabsItemType[],\n storedTabSelection: string\n): TabsItemType => {\n const storedTab = tabs.find((tab) => tab.value === storedTabSelection)\n return storedTab || tabs.find((tab) => tab.default) || tabs[0]\n}\n\nexport const getTabsPosition = (\n element: ElementType | null\n): TabsPositionType => {\n if (!element) return { offsetTop: 0, rectTop: 0 }\n return {\n offsetTop: element.offsetTop,\n rectTop: element.getBoundingClientRect().top\n }\n}\n\nexport const getTabsPositionDiff = (\n currentScroll: TabsPositionType,\n previousScroll: TabsPositionType\n): number => {\n const offsetDiff = currentScroll.offsetTop - previousScroll.offsetTop\n const rectDiff = currentScroll.rectTop - previousScroll.rectTop\n return Math.abs(offsetDiff - rectDiff) > 1 ? rectDiff : offsetDiff\n}\n","import React, {\n PropsWithChildren,\n useCallback,\n useLayoutEffect,\n useMemo,\n useRef,\n useState\n} from 'react'\nimport uniqueId from 'lodash/uniqueId'\nimport styled from 'styled-components'\nimport { useTabs } from 'hooks/useTabs'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { TabsPanel } from './TabsPanel'\nimport { TabsButton } from './TabsButton'\nimport { TabsList } from './TabsList'\nimport { TabsItemType } from 'consts/tabs'\nimport {\n getDefaultTab,\n getTabsPosition,\n getTabsPositionDiff,\n mapChildrenToTabs\n} from 'utils/tabs'\n\nexport const TabsWrapper = styled.div``\n\ntype PropType = PropsWithChildren<{\n groupId?: string\n}>\n\nexport const Tabs = (props: PropType) => {\n const { groupId = '', children, ...restProps } = props\n const { setIsKeyNavigating } = useKeyNavigating()\n const { storedTabSelections, storeTabSelection } = useTabs()\n const localStorageTab = storedTabSelections[groupId]\n const allTabs = useMemo(() => mapChildrenToTabs(children), [children])\n const tabs = useMemo(() => allTabs.filter((tab) => !tab.disabled), [allTabs])\n const defaultTab = useMemo(\n () => getDefaultTab(tabs, localStorageTab),\n [tabs, localStorageTab]\n )\n const [activeTab, setActiveTab] = useState(defaultTab)\n const focusedTab = useRef(null)\n const tabRefs = useRef(tabs.map(() => React.createRef()))\n const tabsGroupId = useRef(uniqueId())\n const tabsWrapper = useRef(null)\n const tabsActiveIndex = useRef(activeTab.index)\n const tabsPosition = useRef(getTabsPosition(tabsWrapper.current))\n\n const storeTabInLocalStorage = useCallback(\n (tabValue: string) => {\n if (groupId) storeTabSelection(groupId, tabValue)\n },\n [groupId, storeTabSelection]\n )\n\n const goToTab = useCallback(\n (index: number): void => {\n const tab = tabs[index]\n const tabElement = tabRefs.current[index].current\n\n if (tab && tabElement) {\n focusedTab.current = tabElement\n setActiveTab(tab)\n setIsKeyNavigating(true)\n tabElement.focus()\n }\n },\n [tabs, setIsKeyNavigating]\n )\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const tabsCount = tabs.length\n const activeIndex = tabsActiveIndex.current\n\n const goToNextTab = (): void => {\n goToTab((activeIndex + 1) % tabsCount)\n }\n const goToPrevTab = (): void => {\n goToTab((activeIndex - 1 + tabsCount) % tabsCount)\n }\n const goToFirstTab = (): void => {\n goToTab(0)\n }\n const goToLastTab = (): void => {\n goToTab(tabsCount - 1)\n }\n\n const keyNavigationMap: { [key: string]: () => void } = {\n ArrowRight: goToNextTab,\n ArrowLeft: goToPrevTab,\n Home: goToFirstTab,\n End: goToLastTab\n }\n\n const navigateToTab = keyNavigationMap[event.key]\n\n if (navigateToTab) {\n event.preventDefault()\n navigateToTab()\n }\n },\n [tabs, goToTab]\n )\n\n const onClick = useCallback(\n (tab: TabsItemType, element: EventTarget & HTMLButtonElement) => {\n focusedTab.current = element\n setActiveTab(tab)\n },\n []\n )\n\n useLayoutEffect(() => {\n tabsActiveIndex.current = activeTab.index\n if (!groupId) return\n\n tabsPosition.current = getTabsPosition(tabsWrapper.current)\n storeTabInLocalStorage(activeTab.value)\n\n queueMicrotask(() => {\n const focusedTabId = focusedTab.current?.id || ''\n const autoNavigated = !focusedTabId.endsWith(tabsGroupId.current)\n focusedTab.current = null\n\n if (autoNavigated) return\n\n const newTabsPosition = getTabsPosition(tabsWrapper.current)\n const diff = getTabsPositionDiff(newTabsPosition, tabsPosition.current)\n if (diff) window.scrollBy({ top: diff })\n\n tabsPosition.current = getTabsPosition(tabsWrapper.current)\n })\n }, [tabs, activeTab])\n\n useLayoutEffect(() => {\n const tabToActivate = tabs.find((tab) => tab.value === localStorageTab)\n if (!tabToActivate) return\n if (tabToActivate.value === tabs[tabsActiveIndex.current].value) return\n setActiveTab(tabToActivate)\n }, [tabs, localStorageTab])\n\n return (\n \n \n {allTabs.map((tab) => (\n \n ))}\n \n\n {tabs.map((tab) => (\n \n ))}\n \n )\n}\n","import { useContext } from 'react'\nimport { TabsContext, TabsContextType } from 'components/Tabs/TabsContext'\n\nexport const useTabs = (): TabsContextType => useContext(TabsContext)\n","import React, { useCallback } from 'react'\nimport styled, { css } from 'styled-components'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { SPACINGS } from 'consts/spacings'\nimport { TabsItemWithIndexType } from 'consts/tabs'\nimport { ButtonBare, ButtonBareText } from 'components/Button/ButtonBare'\nimport { COLORS } from 'consts/themes'\nimport { BORDER_SIZES } from 'consts/border'\nimport { PropType as ButtonPropType } from 'components/Button/ButtonBare'\nimport {\n ActiveText as TabsButtonActiveText,\n InactiveText as TabsButtonInactiveText\n} from 'components/Link/LinkNavigation'\n\nexport const TabsButtonWrapper = styled(ButtonBare)<{ $selected: boolean }>`\n padding: ${SPACINGS.TWO} ${SPACINGS.TWO};\n position: relative;\n display: inline-flex;\n align-items: center;\n position: relative;\n\n &:disabled > ${ButtonBareText} > ${TabsButtonInactiveText} {\n color: ${COLORS.DETAIL_HIGH_CONTRAST};\n }\n\n ${({ $selected }) =>\n $selected &&\n css`\n &:before {\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n height: ${BORDER_SIZES.ACCENT_HORIZONTAL};\n pointer-events: none;\n }\n `};\n`\n\ntype PropType = ButtonPropType & {\n tab: TabsItemWithIndexType\n activeTab: TabsItemWithIndexType\n groupId: string\n setActiveTab: (\n tab: TabsItemWithIndexType,\n element: EventTarget & HTMLButtonElement\n ) => void\n}\n\nexport const TabsButton = React.forwardRef(function TabsButton(\n props: PropType,\n ref: React.ForwardedRef\n) {\n const { tab, activeTab, groupId, setActiveTab, ...restProps } = props\n const isActive = tab.value === activeTab.value\n\n const setTab = useCallback(\n (event: React.MouseEvent) => {\n setActiveTab(tab, event.currentTarget)\n },\n [setActiveTab]\n )\n\n return (\n \n \n {tab.label}\n \n \n {tab.label}\n \n \n )\n})\n","import React, {\n createContext,\n PropsWithChildren,\n useCallback,\n useMemo,\n useState\n} from 'react'\nimport { useLocalStorage } from 'hooks/useLocalStorage'\nimport { LOCALSTORAGE_KEYS } from 'consts/localStorage'\n\nexport type TabsContextType = {\n storedTabSelections: { [key: string]: string }\n storeTabSelection: (key: string, value: string) => void\n}\n\nexport const TabsContext = createContext({\n storedTabSelections: {},\n storeTabSelection: () => undefined\n})\n\ntype PropType = PropsWithChildren<{}>\n\nexport const TabsProvider = (props: PropType) => {\n const { children } = props\n const { getLocalStorageItem, setLocalStorageItem } = useLocalStorage(\n LOCALSTORAGE_KEYS.TAB_SELECTIONS\n )\n const [storedTabSelections, setStoredTabSelections] = useState<\n TabsContextType['storedTabSelections']\n >(JSON.parse(getLocalStorageItem()))\n\n const storeTabSelection = useCallback(\n (key: string, value: string) => {\n const updatedSelections = { ...storedTabSelections, [key]: value }\n setStoredTabSelections(updatedSelections)\n setLocalStorageItem(JSON.stringify(updatedSelections))\n },\n [storedTabSelections, setLocalStorageItem]\n )\n\n const value = useMemo(\n () => ({ storedTabSelections, storeTabSelection }),\n [storedTabSelections]\n )\n\n return {children}\n}\n","import { TabsGroupItemType } from 'consts/tabs'\nimport React, { PropsWithChildren } from 'react'\n\nexport type PropType = PropsWithChildren<{\n tab: TabsGroupItemType\n default?: boolean\n disabled?: boolean\n}>\n\nexport const TabsItem = (props: PropType) => {\n return \n}\n","import styled from 'styled-components'\nimport { BORDER_SIZES } from 'consts/border'\nimport { SPACINGS } from 'consts/spacings'\nimport { COLORS } from 'consts/themes'\n\nexport const TabsList = styled.div`\n margin-bottom: ${SPACINGS.FOUR};\n border-bottom: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n display: flex;\n overflow-x: auto;\n`\n","import React, { useCallback } from 'react'\nimport styled from 'styled-components'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\nimport { TabsItemWithIndexType } from 'consts/tabs'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\n\nexport const TabsPanelWrapper = styled.section`\n ${KEY_NAVIGATING_STYLES};\n`\n\ntype PropType = {\n tab: TabsItemWithIndexType\n activeTab: TabsItemWithIndexType\n groupId: string\n setActiveTab: (tab: TabsItemWithIndexType) => void\n}\n\nexport const TabsPanel = (props: PropType) => {\n const { tab, activeTab, groupId, setActiveTab } = props\n const { isKeyNavigating } = useKeyNavigating()\n const isHidden = tab.value !== activeTab.value\n\n const setTab = useCallback(() => {\n setActiveTab(tab)\n }, [setActiveTab])\n\n return (\n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselScale from 'components/Sandbox/React/SandboxFilesSrc/Scale/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselScaleStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-scale'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { loop: true }\nexport const STYLES = createCarouselScaleStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselScale = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport CarouselScale from 'components/Sandbox/React/SandboxFilesSrc/Scale/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Tween/Scale'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_TWEEN_FILE_NAME = 'tween-scale'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let tweenScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Scale/EmblaCarousel.ts'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Scale/tween-scale.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Scale/EmblaCarousel.js'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Scale/tween-scale.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_TWEEN_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(tweenScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Scale/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Scale/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselScaleSandboxes = () => {\n return \n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { flushSync } from 'react-dom'\nimport imageByIndex from '../imageByIndex'\n\nconst TWEEN_FACTOR = 4.2\n\nconst numberWithinRange = (number: number, min: number, max: number): number =>\n Math.min(Math.max(number, min), max)\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef, emblaApi] = useEmblaCarousel(options)\n const [tweenValues, setTweenValues] = useState([])\n\n const onScroll = useCallback(() => {\n if (!emblaApi) return\n\n const engine = emblaApi.internalEngine()\n const scrollProgress = emblaApi.scrollProgress()\n\n const styles = emblaApi.scrollSnapList().map((scrollSnap, index) => {\n let diffToTarget = scrollSnap - scrollProgress\n\n if (engine.options.loop) {\n engine.slideLooper.loopPoints.forEach((loopItem) => {\n const target = loopItem.target()\n if (index === loopItem.index && target !== 0) {\n const sign = Math.sign(target)\n if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n }\n })\n }\n const tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n return numberWithinRange(tweenValue, 0, 1)\n })\n setTweenValues(styles)\n }, [emblaApi, setTweenValues])\n\n useEffect(() => {\n if (!emblaApi) return\n\n onScroll()\n emblaApi.on('scroll', () => {\n flushSync(() => onScroll())\n })\n emblaApi.on('reInit', onScroll)\n }, [emblaApi, onScroll])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselOpacity from 'components/Sandbox/React/SandboxFilesSrc/Opacity/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-opacity'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { loop: true }\nexport const STYLES = createCarouselDefaultStyles('70%')\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselOpacity = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport CarouselOpacity from 'components/Sandbox/React/SandboxFilesSrc/Opacity/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Tween/Opacity'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_TWEEN_FILE_NAME = 'tween-opacity'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let tweenScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Opacity/EmblaCarousel.ts'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Opacity/tween-opacity.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Opacity/EmblaCarousel.js'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Opacity/tween-opacity.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_TWEEN_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(tweenScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Opacity/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Opacity/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselOpacitySandboxes = () => {\n return \n}\n","import { CreateOptionsType } from 'embla-carousel/components/Options'\n\nexport type OptionsType = CreateOptionsType<{\n delay: number\n jump: boolean\n playOnInit: boolean\n stopOnFocusIn: boolean\n stopOnInteraction: boolean\n stopOnMouseEnter: boolean\n stopOnLastSnap: boolean\n rootNode: ((emblaRoot: HTMLElement) => HTMLElement | null) | null\n}>\n\nexport const defaultOptions: OptionsType = {\n active: true,\n breakpoints: {},\n delay: 4000,\n jump: false,\n playOnInit: true,\n stopOnFocusIn: true,\n stopOnInteraction: true,\n stopOnMouseEnter: false,\n stopOnLastSnap: false,\n rootNode: null\n}\n","import { OptionsType, defaultOptions } from './Options'\nimport { CreatePluginType } from 'embla-carousel/components/Plugins'\nimport { OptionsHandlerType } from 'embla-carousel/components/OptionsHandler'\nimport { EmblaCarouselType } from 'embla-carousel'\n\ndeclare module 'embla-carousel/components/Plugins' {\n interface EmblaPluginsType {\n autoplay?: AutoplayType\n }\n}\n\ndeclare module 'embla-carousel/components/EventHandler' {\n interface EmblaEventListType {\n autoplayPlay: 'autoplay:play'\n autoplayStop: 'autoplay:stop'\n }\n}\n\nexport type AutoplayType = CreatePluginType<\n {\n play: (jump?: boolean) => void\n stop: () => void\n reset: () => void\n isPlaying: () => boolean\n },\n OptionsType\n>\n\nexport type AutoplayOptionsType = AutoplayType['options']\n\nfunction Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {\n let options: OptionsType\n let emblaApi: EmblaCarouselType\n let destroyed: boolean\n let playing = false\n let resume = true\n let jump = false\n let animationFrame = 0\n let timer = 0\n\n function init(\n emblaApiInstance: EmblaCarouselType,\n optionsHandler: OptionsHandlerType\n ): void {\n emblaApi = emblaApiInstance\n\n const { mergeOptions, optionsAtMedia } = optionsHandler\n const optionsBase = mergeOptions(defaultOptions, Autoplay.globalOptions)\n const allOptions = mergeOptions(optionsBase, userOptions)\n options = optionsAtMedia(allOptions)\n\n if (emblaApi.scrollSnapList().length <= 1) return\n\n jump = options.jump\n destroyed = false\n\n const { eventStore, ownerDocument } = emblaApi.internalEngine()\n const emblaRoot = emblaApi.rootNode()\n const root = (options.rootNode && options.rootNode(emblaRoot)) || emblaRoot\n\n emblaApi.on('pointerDown', clearTimer)\n\n if (!options.stopOnInteraction) {\n emblaApi.on('pointerUp', startTimer)\n }\n\n if (options.stopOnMouseEnter) {\n eventStore.add(root, 'mouseenter', () => {\n resume = false\n clearTimer()\n })\n\n if (!options.stopOnInteraction) {\n eventStore.add(root, 'mouseleave', () => {\n resume = true\n startTimer()\n })\n }\n }\n\n if (options.stopOnFocusIn) {\n eventStore.add(root, 'focusin', clearTimer)\n\n if (!options.stopOnInteraction) {\n eventStore.add(root, 'focusout', startTimer)\n }\n }\n\n eventStore.add(ownerDocument, 'visibilitychange', () => {\n if (ownerDocument.visibilityState === 'hidden') {\n resume = playing\n return clearTimer()\n }\n\n if (resume) startTimer()\n })\n\n if (options.playOnInit) {\n emblaApi.on('init', startTimer).on('reInit', startTimer)\n }\n }\n\n function destroy(): void {\n destroyed = true\n playing = false\n emblaApi.off('init', startTimer).off('reInit', startTimer)\n emblaApi.off('pointerDown', clearTimer)\n if (!options.stopOnInteraction) emblaApi.off('pointerUp', startTimer)\n clearTimer()\n cancelAnimationFrame(animationFrame)\n animationFrame = 0\n }\n\n function startTimer(): void {\n if (destroyed) return\n if (!resume) return\n if (!playing) emblaApi.emit('autoplay:play')\n const { ownerWindow } = emblaApi.internalEngine()\n ownerWindow.clearInterval(timer)\n timer = ownerWindow.setInterval(next, options.delay)\n playing = true\n }\n\n function clearTimer(): void {\n if (destroyed) return\n if (playing) emblaApi.emit('autoplay:stop')\n const { ownerWindow } = emblaApi.internalEngine()\n ownerWindow.clearInterval(timer)\n timer = 0\n playing = false\n }\n\n function play(jumpOverride?: boolean): void {\n if (typeof jumpOverride !== 'undefined') jump = jumpOverride\n resume = true\n startTimer()\n }\n\n function stop(): void {\n if (playing) clearTimer()\n }\n\n function reset(): void {\n if (playing) play()\n }\n\n function isPlaying(): boolean {\n return playing\n }\n\n function next(): void {\n animationFrame = requestAnimationFrame(() => {\n const { index } = emblaApi.internalEngine()\n const nextIndex = index.clone().add(1).get()\n const lastIndex = emblaApi.scrollSnapList().length - 1\n const kill = options.stopOnLastSnap && nextIndex === lastIndex\n\n if (kill) clearTimer()\n\n if (emblaApi.canScrollNext()) {\n emblaApi.scrollNext(jump)\n } else {\n emblaApi.scrollTo(0, jump)\n }\n })\n }\n\n const self: AutoplayType = {\n name: 'autoplay',\n options: userOptions,\n init,\n destroy,\n play,\n stop,\n reset,\n isPlaying\n }\n return self\n}\n\nAutoplay.globalOptions = undefined\n\nexport default Autoplay\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport Autoplay from 'embla-carousel-autoplay'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef] = useEmblaCarousel(options, [Autoplay()])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselAutoplay from 'components/Sandbox/React/SandboxFilesSrc/Autoplay/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-autoplay'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselDefaultStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselAutoplay = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselAutoplay from 'components/Sandbox/React/SandboxFilesSrc/Autoplay/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Plugins/Autoplay'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES,\n SANDBOX_PLUGINS\n} from 'consts/sandbox'\nimport {\n addSandboxPlugins,\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID,\n ...addSandboxPlugins(SANDBOX_PLUGINS.AUTOPLAY)\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Autoplay/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Autoplay/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Autoplay/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Autoplay/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselAutoplaySandboxes = () => {\n return \n}\n","export function removeClass(node: HTMLElement, className: string): void {\n if (!node || !className) return\n const { classList } = node\n if (classList.contains(className)) classList.remove(className)\n}\n\nexport function addClass(node: HTMLElement, className: string): void {\n if (!node || !className) return\n const { classList } = node\n if (!classList.contains(className)) classList.add(className)\n}\n\nexport function nodeListToArray(nodeList: NodeListOf): HTMLElement[] {\n return Array.from(nodeList)\n}\n","import { defaultOptions, OptionsType } from './Options'\nimport { nodeListToArray, addClass, removeClass } from './utils'\nimport { CreatePluginType } from 'embla-carousel/components/Plugins'\nimport { EmblaCarouselType, EmblaEventType } from 'embla-carousel'\nimport { OptionsHandlerType } from 'embla-carousel/components/OptionsHandler'\n\ndeclare module 'embla-carousel/components/Plugins' {\n interface EmblaPluginsType {\n classNames?: ClassNamesType\n }\n}\n\nexport type ClassNamesType = CreatePluginType<{}, OptionsType>\n\nexport type ClassNamesOptionsType = ClassNamesType['options']\n\nfunction ClassNames(userOptions: ClassNamesOptionsType = {}): ClassNamesType {\n let options: OptionsType\n let emblaApi: EmblaCarouselType\n let root: HTMLElement\n let slides: HTMLElement[]\n const selectedEvents: EmblaEventType[] = ['select']\n const draggingEvents: EmblaEventType[] = ['pointerDown', 'pointerUp']\n const inViewEvents: EmblaEventType[] = ['slidesInView']\n\n function init(\n emblaApiInstance: EmblaCarouselType,\n optionsHandler: OptionsHandlerType\n ): void {\n emblaApi = emblaApiInstance\n\n const { mergeOptions, optionsAtMedia } = optionsHandler\n const optionsBase = mergeOptions(defaultOptions, ClassNames.globalOptions)\n const allOptions = mergeOptions(optionsBase, userOptions)\n options = optionsAtMedia(allOptions)\n\n root = emblaApi.rootNode()\n slides = emblaApi.slideNodes()\n const isDraggable = !!emblaApi.internalEngine().options.watchDrag\n\n if (isDraggable) {\n addClass(root, options.draggable)\n }\n if (options.dragging) {\n draggingEvents.forEach((evt) => emblaApi.on(evt, toggleDraggingClass))\n }\n if (options.snapped) {\n selectedEvents.forEach((evt) => emblaApi.on(evt, toggleSnappedClasses))\n toggleSnappedClasses()\n }\n if (options.inView) {\n inViewEvents.forEach((evt) => emblaApi.on(evt, toggleInViewClasses))\n toggleInViewClasses()\n }\n }\n\n function destroy(): void {\n removeClass(root, options.draggable)\n draggingEvents.forEach((evt) => emblaApi.off(evt, toggleDraggingClass))\n selectedEvents.forEach((evt) => emblaApi.off(evt, toggleSnappedClasses))\n inViewEvents.forEach((evt) => emblaApi.off(evt, toggleInViewClasses))\n slides.forEach((slide) => removeClass(slide, options.snapped))\n }\n\n function toggleDraggingClass(\n _: EmblaCarouselType,\n evt: EmblaEventType\n ): void {\n if (evt === 'pointerDown') addClass(root, options.dragging)\n else removeClass(root, options.dragging)\n }\n\n function toggleSlideClasses(slideIndexes: number[], className: string): void {\n const container = emblaApi.containerNode()\n const slideNodeList = container.querySelectorAll(`.${className}`)\n const removeClassSlides = nodeListToArray(slideNodeList)\n\n removeClassSlides.forEach((slide) => removeClass(slide, className))\n slideIndexes.forEach((index) => addClass(slides[index], className))\n }\n\n function toggleSnappedClasses(): void {\n const { slideRegistry } = emblaApi.internalEngine()\n const slideIndexes = slideRegistry[emblaApi.selectedScrollSnap()]\n toggleSlideClasses(slideIndexes, options.snapped)\n }\n\n function toggleInViewClasses(): void {\n const slideIndexes = emblaApi.slidesInView()\n toggleSlideClasses(slideIndexes, options.inView)\n }\n\n const self: ClassNamesType = {\n name: 'classNames',\n options: userOptions,\n init,\n destroy\n }\n return self\n}\n\nClassNames.globalOptions = undefined\n\nexport default ClassNames\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport ClassNames from 'embla-carousel-class-names'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef] = useEmblaCarousel(options, [ClassNames()])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselClassNames from 'components/Sandbox/React/SandboxFilesSrc/ClassNames/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselClassNamesStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-class-names'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselClassNamesStyles('60%')\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselClassNames = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselClassNames from 'components/Sandbox/React/SandboxFilesSrc/ClassNames/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Plugins/ClassNames'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES,\n SANDBOX_PLUGINS\n} from 'consts/sandbox'\nimport {\n addSandboxPlugins,\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID,\n ...addSandboxPlugins(SANDBOX_PLUGINS.CLASS_NAMES)\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/ClassNames/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/ClassNames/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/ClassNames/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/ClassNames/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselClassNamesSandboxes = () => {\n return \n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef, emblaApi] = useEmblaCarousel(options)\n const [scrollProgress, setScrollProgress] = useState(0)\n\n const onScroll = useCallback((emblaApi: EmblaCarouselType) => {\n const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()))\n setScrollProgress(progress * 100)\n }, [])\n\n useEffect(() => {\n if (!emblaApi) return\n\n onScroll(emblaApi)\n emblaApi.on('reInit', onScroll)\n emblaApi.on('scroll', onScroll)\n }, [emblaApi, onScroll])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n
    \n \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselProgress from 'components/Sandbox/React/SandboxFilesSrc/Progress/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselProgressStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-progress'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { dragFree: true }\nexport const STYLES = createCarouselProgressStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselProgress = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport CarouselProgress from 'components/Sandbox/React/SandboxFilesSrc/Progress/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Miscellaneous/Progress'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_PROGRESS_FILE_NAME = 'progress-bar'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let progressBarScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Progress/EmblaCarousel.ts'\n )\n progressBarScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Progress/progress-bar.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Progress/EmblaCarousel.js'\n )\n progressBarScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Progress/progress-bar.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_PROGRESS_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(progressBarScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Progress/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Progress/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselProgressSandboxes = () => {\n return \n}\n","import React, { useState, useCallback } from 'react'\n\nconst PLACEHOLDER_SRC = `data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D`\n\ntype PropType = {\n imgSrc: string\n inView: boolean\n index: number\n}\n\nexport const LazyLoadImage: React.FC = (props) => {\n const { imgSrc, inView, index } = props\n const [hasLoaded, setHasLoaded] = useState(false)\n\n const setLoaded = useCallback(() => {\n if (inView) setHasLoaded(true)\n }, [inView, setHasLoaded])\n\n return (\n
    \n \n {!hasLoaded && }\n
    \n {index + 1}\n
    \n \n
    \n
    \n )\n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { LazyLoadImage } from './EmblaCarouselLazyLoadImage'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRed, emblaApi] = useEmblaCarousel(options)\n const [slidesInView, setSlidesInView] = useState([])\n\n const updateSlidesInView = useCallback((emblaApi: EmblaCarouselType) => {\n setSlidesInView((slidesInView) => {\n if (slidesInView.length === emblaApi.slideNodes().length) {\n emblaApi.off('slidesInView', updateSlidesInView)\n }\n const inView = emblaApi\n .slidesInView()\n .filter((index) => !slidesInView.includes(index))\n return slidesInView.concat(inView)\n })\n }, [])\n\n useEffect(() => {\n if (!emblaApi) return\n\n updateSlidesInView(emblaApi)\n emblaApi.on('slidesInView', updateSlidesInView)\n emblaApi.on('reInit', updateSlidesInView)\n }, [emblaApi, updateSlidesInView])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n -1}\n />\n ))}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselLazyLoad from 'components/Sandbox/React/SandboxFilesSrc/LazyLoad/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselLazyLoadStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-lazy-load'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselLazyLoadStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselLazyLoad = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport { SANDBOX_REACT_FOLDERS } from 'components/Sandbox/React/sandboxReactFolders'\nimport CarouselLazyLoad from 'components/Sandbox/React/SandboxFilesSrc/LazyLoad/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Miscellaneous/LazyLoad'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_LAZY_LOAD_FILE_NAME = 'lazy-load'\nconst REACT_LAZY_LOAD_FILE_NAME = 'EmblaCarouselLazyLoadImage'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let lazyLoadScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/LazyLoad/EmblaCarousel.ts'\n )\n lazyLoadScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/LazyLoad/lazy-load.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/LazyLoad/EmblaCarousel.js'\n )\n lazyLoadScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/LazyLoad/lazy-load.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_LAZY_LOAD_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(lazyLoadScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript, reactScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let lazyLoadScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/LazyLoad/EmblaCarousel.tsx`\n )\n lazyLoadScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/LazyLoad/EmblaCarouselLazyLoadImage.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/LazyLoad/EmblaCarousel.jsx`\n )\n lazyLoadScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/LazyLoad/EmblaCarouselLazyLoadImage.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n sandboxOverrides: {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_LAZY_LOAD_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(lazyLoadScript.default)\n }\n }\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\nexport const ExampleCarouselLazyLoadSandboxes = () => {\n return \n}\n","import React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { EngineType } from 'embla-carousel/components/Engine'\nimport { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport imageByIndex from '../imageByIndex'\n\nconst mockApiCall = (\n minWait: number,\n maxWait: number,\n callback: () => void\n): void => {\n const min = Math.ceil(minWait)\n const max = Math.floor(maxWait)\n const wait = Math.floor(Math.random() * (max - min + 1)) + min\n setTimeout(callback, wait)\n}\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { options, slides: propSlides } = props\n const scrollListenerRef = useRef<() => void>(() => undefined)\n const listenForScrollRef = useRef(true)\n const hasMoreToLoadRef = useRef(true)\n const [slides, setSlides] = useState(propSlides)\n const [hasMoreToLoad, setHasMoreToLoad] = useState(true)\n const [loadingMore, setLoadingMore] = useState(false)\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n ...options,\n watchSlides: (emblaApi) => {\n const reloadEmbla = (): void => {\n const oldEngine = emblaApi.internalEngine()\n\n emblaApi.reInit()\n const newEngine = emblaApi.internalEngine()\n const copyEngineModules: (keyof EngineType)[] = [\n 'location',\n 'target',\n 'scrollBody'\n ]\n copyEngineModules.forEach((engineModule) => {\n Object.assign(newEngine[engineModule], oldEngine[engineModule])\n })\n\n newEngine.translate.to(oldEngine.location.get())\n const { index } = newEngine.scrollTarget.byDistance(0, false)\n newEngine.index.set(index)\n newEngine.animation.start()\n\n setLoadingMore(false)\n listenForScrollRef.current = true\n }\n\n const reloadAfterPointerUp = (): void => {\n emblaApi.off('pointerUp', reloadAfterPointerUp)\n reloadEmbla()\n }\n\n const engine = emblaApi.internalEngine()\n\n if (hasMoreToLoadRef.current && engine.dragHandler.pointerDown()) {\n const boundsActive = engine.limit.reachedMax(engine.target.get())\n engine.scrollBounds.toggleActive(boundsActive)\n emblaApi.on('pointerUp', reloadAfterPointerUp)\n } else {\n reloadEmbla()\n }\n }\n })\n\n const onScroll = useCallback((emblaApi: EmblaCarouselType) => {\n if (!listenForScrollRef.current) return\n\n setLoadingMore((loadingMore) => {\n const lastSlide = emblaApi.slideNodes().length - 1\n const lastSlideInView = emblaApi.slidesInView().includes(lastSlide)\n const loadMore = !loadingMore && lastSlideInView\n\n if (loadMore) {\n listenForScrollRef.current = false\n\n mockApiCall(1000, 2000, () => {\n setSlides((currentSlides) => {\n if (currentSlides.length === 20) {\n setHasMoreToLoad(false)\n emblaApi.off('scroll', scrollListenerRef.current)\n return currentSlides\n }\n const newSlideCount = currentSlides.length + 5\n return Array.from(Array(newSlideCount).keys())\n })\n })\n }\n\n return loadingMore || lastSlideInView\n })\n }, [])\n\n const addScrollListener = useCallback(\n (emblaApi: EmblaCarouselType) => {\n scrollListenerRef.current = () => onScroll(emblaApi)\n emblaApi.on('scroll', scrollListenerRef.current)\n },\n [onScroll]\n )\n\n useEffect(() => {\n if (!emblaApi) return\n addScrollListener(emblaApi)\n\n const onResize = () => emblaApi.reInit()\n window.addEventListener('resize', onResize)\n emblaApi.on('destroy', () => window.removeEventListener('resize', onResize))\n }, [emblaApi, addScrollListener])\n\n useEffect(() => {\n hasMoreToLoadRef.current = hasMoreToLoad\n }, [hasMoreToLoad])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n {hasMoreToLoad && (\n \n \n
    \n )}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselInfiniteScroll from 'components/Sandbox/React/SandboxFilesSrc/InfiniteScroll/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselInfiniteScrollStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-infinite-scroll'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {\n dragFree: true,\n containScroll: 'keepSnaps',\n watchSlides: false,\n watchResize: false\n}\nexport const STYLES = createCarouselInfiniteScrollStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselInfiniteScroll = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? (\n \n ) : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport CarouselInfiniteScroll from 'components/Sandbox/React/SandboxFilesSrc/InfiniteScroll/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Miscellaneous/InfiniteScroll'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_INFINITE_SCROLL_FILE_NAME = 'infinite-scroll'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let infiniteScrollScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/EmblaCarousel.ts'\n )\n infiniteScrollScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/infinite-scroll.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/EmblaCarousel.js'\n )\n infiniteScrollScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/infinite-scroll.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_INFINITE_SCROLL_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(infiniteScrollScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/InfiniteScroll/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/InfiniteScroll/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselInfiniteScrollSandboxes = () => {\n return \n}\n","import React, { useEffect, useState, useCallback, useRef } from 'react'\nimport { EmblaCarouselType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { flushSync } from 'react-dom'\n\nconst CIRCLE_DEGREES = 360\nconst WHEEL_ITEM_SIZE = 30\nconst WHEEL_ITEM_COUNT = 18\nconst WHEEL_ITEMS_IN_VIEW = 4\n\nexport const WHEEL_ITEM_RADIUS = CIRCLE_DEGREES / WHEEL_ITEM_COUNT\nexport const IN_VIEW_DEGREES = WHEEL_ITEM_RADIUS * WHEEL_ITEMS_IN_VIEW\nexport const WHEEL_RADIUS = Math.round(\n WHEEL_ITEM_SIZE / 2 / Math.tan(Math.PI / WHEEL_ITEM_COUNT)\n)\n\nconst isInView = (wheelLocation: number, slidePosition: number): boolean =>\n Math.abs(wheelLocation - slidePosition) < IN_VIEW_DEGREES\n\ntype SlideStylesType = {\n opacity: number\n transform: string\n}\n\nconst getSlideStyles = (\n emblaApi: EmblaCarouselType,\n index: number,\n loop: boolean,\n slideCount: number,\n totalRadius: number\n): SlideStylesType => {\n const wheelLocation = emblaApi.scrollProgress() * totalRadius\n const positionDefault = emblaApi.scrollSnapList()[index] * totalRadius\n const positionLoopStart = positionDefault + totalRadius\n const positionLoopEnd = positionDefault - totalRadius\n\n let inView = false\n let angle = index * -WHEEL_ITEM_RADIUS\n\n if (isInView(wheelLocation, positionDefault)) {\n inView = true\n }\n\n if (loop && isInView(wheelLocation, positionLoopEnd)) {\n inView = true\n angle = -CIRCLE_DEGREES + (slideCount - index) * WHEEL_ITEM_RADIUS\n }\n\n if (loop && isInView(wheelLocation, positionLoopStart)) {\n inView = true\n angle = -(totalRadius % CIRCLE_DEGREES) - index * WHEEL_ITEM_RADIUS\n }\n\n if (inView) {\n return {\n opacity: 1,\n transform: `rotateX(${angle}deg) translateZ(${WHEEL_RADIUS}px)`\n }\n }\n return { opacity: 0, transform: 'none' }\n}\n\nexport const getContainerStyles = (\n wheelRotation: number\n): Pick => ({\n transform: `translateZ(${WHEEL_RADIUS}px) rotateX(${wheelRotation}deg)`\n})\n\nexport const getSlidesStyles = (\n emblaApi: EmblaCarouselType | undefined,\n loop: boolean,\n slideCount: number,\n totalRadius: number\n): SlideStylesType[] => {\n const slidesStyles: SlideStylesType[] = []\n\n for (let index = 0; index < slideCount; index += 1) {\n const slideStyle = emblaApi\n ? getSlideStyles(emblaApi, index, loop, slideCount, totalRadius)\n : ({} as SlideStylesType)\n slidesStyles.push(slideStyle)\n }\n return slidesStyles\n}\n\ntype PropType = {\n loop?: boolean\n label: string\n slideCount: number\n perspective: 'left' | 'right'\n}\n\nexport const IosPickerItem: React.FC = (props) => {\n const { slideCount, perspective, label, loop = false } = props\n const [emblaRef, emblaApi] = useEmblaCarousel({\n loop,\n axis: 'y',\n dragFree: true,\n containScroll: false,\n watchResize: false,\n watchSlides: false\n })\n const [wheelReady, setWheelReady] = useState(false)\n const [wheelRotation, setWheelRotation] = useState(0)\n const rootNodeRef = useRef(null)\n const rootNodeSize = useRef(0)\n const totalRadius = slideCount * WHEEL_ITEM_RADIUS\n const rotationOffset = loop ? 0 : WHEEL_ITEM_RADIUS\n const containerStyles = getContainerStyles(wheelRotation)\n const slideStyles = getSlidesStyles(emblaApi, loop, slideCount, totalRadius)\n\n const inactivateEmblaTransform = useCallback(\n (emblaApi: EmblaCarouselType) => {\n if (!emblaApi) return\n const { translate, slideLooper } = emblaApi.internalEngine()\n translate.clear()\n translate.toggleActive(false)\n slideLooper.loopPoints.forEach(({ translate }) => {\n translate.clear()\n translate.toggleActive(false)\n })\n },\n []\n )\n\n const readRootNodeSize = useCallback((emblaApi: EmblaCarouselType) => {\n if (!emblaApi) return 0\n return emblaApi.rootNode().getBoundingClientRect().height\n }, [])\n\n const rotateWheel = useCallback(\n (emblaApi: EmblaCarouselType) => {\n if (!emblaApi) return\n const rotation = slideCount * WHEEL_ITEM_RADIUS - rotationOffset\n setWheelRotation(rotation * emblaApi.scrollProgress())\n },\n [slideCount, rotationOffset, setWheelRotation]\n )\n\n useEffect(() => {\n if (!emblaApi) return\n\n emblaApi.on('pointerUp', () => {\n const { scrollTo, target, location } = emblaApi.internalEngine()\n const diffToTarget = target.get() - location.get()\n const factor = Math.abs(diffToTarget) < WHEEL_ITEM_SIZE / 2.5 ? 10 : 0.1\n const distance = diffToTarget * factor\n scrollTo.distance(distance, true)\n })\n\n emblaApi.on('scroll', () => {\n flushSync(() => rotateWheel(emblaApi))\n })\n\n setWheelReady(true)\n inactivateEmblaTransform(emblaApi)\n rotateWheel(emblaApi)\n }, [emblaApi, inactivateEmblaTransform, rotateWheel])\n\n useEffect(() => {\n if (!emblaApi) return\n if (!rootNodeSize.current) rootNodeSize.current = readRootNodeSize(emblaApi)\n\n const resizeObserver = new ResizeObserver(() => {\n if (readRootNodeSize(emblaApi) !== rootNodeSize.current) {\n rootNodeSize.current = readRootNodeSize(emblaApi)\n flushSync(() => setWheelReady(false))\n\n setWheelReady(() => {\n emblaApi.reInit()\n inactivateEmblaTransform(emblaApi)\n rotateWheel(emblaApi)\n return true\n })\n }\n })\n\n resizeObserver.observe(emblaApi.rootNode())\n\n return () => {\n resizeObserver.disconnect()\n }\n }, [\n emblaApi,\n inactivateEmblaTransform,\n setWheelReady,\n rotateWheel,\n readRootNodeSize\n ])\n\n return (\n
    \n
    \n \n \n {slideStyles.map((slideStyle, index) => (\n \n {index}\n
    \n ))}\n
    \n
    \n
    \n
    {label}
    \n
    \n )\n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport { IosPickerItem } from './EmblaCarouselIosPickerItem'\n\ntype PropType = {\n loop?: EmblaOptionsType['loop']\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { loop } = props\n\n return (\n
    \n \n \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselIosPicker from 'components/Sandbox/React/SandboxFilesSrc/IosPicker/EmblaCarousel'\nimport { iosPickerWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselIosPickerStyles } from 'components/Examples/createCarouselStyles'\n\nexport const ID = 'embla-carousel-ios-style-picker'\nexport const STYLES = createCarouselIosPickerStyles()\n\nexport const Wrapper = styled.div`\n ${iosPickerWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\ntype PropType = {\n loop: EmblaOptionsType['loop']\n}\n\nexport const ExampleCarouselIosPicker = (props: PropType) => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport { SANDBOX_REACT_FOLDERS } from 'components/Sandbox/React/sandboxReactFolders'\nimport CarouselIosPicker from 'components/Sandbox/React/SandboxFilesSrc/IosPicker/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport { createSandboxReactIosPickerEntry } from 'components/Sandbox/React/createSandboxReactEntry'\nimport { ID, STYLES } from 'components/Examples/Miscellaneous/IosPicker'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: [],\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_IOS_PICKER_FILE_NAME = 'ios-picker'\nconst REACT_IOS_PICKER_FILE_NAME = 'EmblaCarouselIosPickerItem'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType,\n loop: boolean\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let iosPickerScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/IosPicker/EmblaCarousel.ts'\n )\n iosPickerScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/IosPicker/ios-picker.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/IosPicker/EmblaCarousel.js'\n )\n iosPickerScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/IosPicker/ios-picker.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n options: { loop },\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_IOS_PICKER_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(iosPickerScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (\n language: SandboxLanguageType,\n loop: boolean\n): Promise => {\n const { isTypeScript, reactScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n const indexScript = await createSandboxReactIosPickerEntry(isTypeScript, loop)\n let carouselScript: SandboxModuleType\n let itemScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/IosPicker/EmblaCarousel.tsx`\n )\n itemScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/IosPicker/EmblaCarouselIosPickerItem.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/IosPicker/EmblaCarousel.jsx`\n )\n itemScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/IosPicker/EmblaCarouselIosPickerItem.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n indexScript: indexScript,\n options: { loop },\n carouselScript: carouselScript.default,\n sandboxOverrides: {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_IOS_PICKER_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(itemScript.default)\n }\n }\n })\n}\n\nconst SANDBOXES_DEFAULT: SandboxSelectionType[] =\n createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT, false),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT, false),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT, false),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT, false)\n })\n\nconst SANDBOXES_LOOP: SandboxSelectionType[] = createSandboxFunctionsWithLabels(\n {\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT, true),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT, true),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT, true),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT, true)\n }\n)\n\nexport const ExampleCarouselIosPickerDefaultSandboxes = () => {\n return \n}\n\nexport const ExampleCarouselIosPickerLoopSandboxes = () => {\n return \n}\n","/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {ExampleCarouselDefault} from 'components/Examples/Basic/Default';\nimport {ExampleCarouselDefaultSandboxes} from 'components/Examples/Basic/DefaultSandboxes';\nimport {ExampleCarouselLoop} from 'components/Examples/Basic/Loop';\nimport {ExampleCarouselLoopSandboxes} from 'components/Examples/Basic/LoopSandboxes';\nimport {ExampleCarouselRightToLeft} from 'components/Examples/Basic/RightToLeft';\nimport {ExampleCarouselRightToLeftSandboxes} from 'components/Examples/Basic/RightToLeftSandboxes';\nimport {ExampleCarouselSlidesToScroll} from 'components/Examples/Basic/SlidesToScroll';\nimport {ExampleCarouselSlidesToScrollSandboxes} from 'components/Examples/Basic/SlidesToScrollSandboxes';\nimport {ExampleCarouselDragFree} from 'components/Examples/Basic/DragFree';\nimport {ExampleCarouselDragFreeSandboxes} from 'components/Examples/Basic/DragFreeSandboxes';\nimport {ExampleCarouselAlign} from 'components/Examples/Basic/Align';\nimport {ExampleCarouselAlignSandboxes} from 'components/Examples/Basic/AlignSandboxes';\nimport {ExampleCarouselVariableWidths} from 'components/Examples/Basic/VariableWidths';\nimport {ExampleCarouselVariableWidthsSandboxes} from 'components/Examples/Basic/VariableWidthsSandboxes';\nimport {ExampleCarouselYAxis} from 'components/Examples/Basic/YAxis';\nimport {ExampleCarouselYAxisSandboxes} from 'components/Examples/Basic/YAxisSandboxes';\nimport {ExampleCarouselArrowsDots} from 'components/Examples/Navigation/ArrowsDots';\nimport {ExampleCarouselArrowsDotsSandboxes} from 'components/Examples/Navigation/ArrowsDotsSandboxes';\nimport {ExampleCarouselThumbs} from 'components/Examples/Navigation/Thumbs';\nimport {ExampleCarouselThumbsSandboxes} from 'components/Examples/Navigation/ThumbsSandboxes';\nimport {ExampleCarouselParallax} from 'components/Examples/Tween/Parallax';\nimport {ExampleCarouselParallaxSandboxes} from 'components/Examples/Tween/ParallaxSandboxes';\nimport {ExampleCarouselScale} from 'components/Examples/Tween/Scale';\nimport {ExampleCarouselScaleSandboxes} from 'components/Examples/Tween/ScaleSandboxes';\nimport {ExampleCarouselOpacity} from 'components/Examples/Tween/Opacity';\nimport {ExampleCarouselOpacitySandboxes} from 'components/Examples/Tween/OpacitySandboxes';\nimport {ExampleCarouselAutoplay} from 'components/Examples/Plugins/Autoplay';\nimport {ExampleCarouselAutoplaySandboxes} from 'components/Examples/Plugins/AutoplaySandboxes';\nimport {ExampleCarouselClassNames} from 'components/Examples/Plugins/ClassNames';\nimport {ExampleCarouselClassNamesSandboxes} from 'components/Examples/Plugins/ClassNamesSandboxes';\nimport {ExampleCarouselProgress} from 'components/Examples/Miscellaneous/Progress';\nimport {ExampleCarouselProgressSandboxes} from 'components/Examples/Miscellaneous/ProgressSandboxes';\nimport {ExampleCarouselLazyLoad} from 'components/Examples/Miscellaneous/LazyLoad';\nimport {ExampleCarouselLazyLoadSandboxes} from 'components/Examples/Miscellaneous/LazyLoadSandboxes';\nimport {ExampleCarouselInfiniteScroll} from 'components/Examples/Miscellaneous/InfiniteScroll';\nimport {ExampleCarouselInfiniteScrollSandboxes} from 'components/Examples/Miscellaneous/InfiniteScrollSandboxes';\nimport {ExampleCarouselIosPicker} from 'components/Examples/Miscellaneous/IosPicker';\nimport {ExampleCarouselIosPickerDefaultSandboxes, ExampleCarouselIosPickerLoopSandboxes} from 'components/Examples/Miscellaneous/IosPickerSandboxes';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n h3: \"h3\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Predefined Examples\"), \"\\n\", React.createElement(_components.p, null, \"Get started instantly with pre-made CodeSandboxes. Do you want to customize your carousel more? Try the \", React.createElement(_components.a, {\n href: \"/examples/generator\"\n }, \"carousel generator\"), \".\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"basic-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#basic-examples\",\n \"aria-label\": \"basic examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Basic Examples\"), \"\\n\", React.createElement(_components.p, null, \"Basic carousel setups that require minimal effort to get started with.\"), \"\\n\", React.createElement(_components.h3, {\n id: \"default\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#default\",\n \"aria-label\": \"default permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Default\"), \"\\n\", React.createElement(ExampleCarouselDefaultSandboxes), \"\\n\", React.createElement(ExampleCarouselDefault), \"\\n\", React.createElement(_components.h3, {\n id: \"loop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#loop\",\n \"aria-label\": \"loop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Loop\"), \"\\n\", React.createElement(ExampleCarouselLoopSandboxes), \"\\n\", React.createElement(ExampleCarouselLoop), \"\\n\", React.createElement(_components.h3, {\n id: \"right-to-left\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#right-to-left\",\n \"aria-label\": \"right to left permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Right To Left\"), \"\\n\", React.createElement(ExampleCarouselRightToLeftSandboxes), \"\\n\", React.createElement(ExampleCarouselRightToLeft), \"\\n\", React.createElement(_components.h3, {\n id: \"slides-to-scroll\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#slides-to-scroll\",\n \"aria-label\": \"slides to scroll permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Slides To Scroll\"), \"\\n\", React.createElement(ExampleCarouselSlidesToScrollSandboxes), \"\\n\", React.createElement(ExampleCarouselSlidesToScroll), \"\\n\", React.createElement(_components.h3, {\n id: \"drag-free\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#drag-free\",\n \"aria-label\": \"drag free permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Drag Free\"), \"\\n\", React.createElement(ExampleCarouselDragFreeSandboxes), \"\\n\", React.createElement(ExampleCarouselDragFree), \"\\n\", React.createElement(_components.h3, {\n id: \"align\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#align\",\n \"aria-label\": \"align permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Align\"), \"\\n\", React.createElement(ExampleCarouselAlignSandboxes), \"\\n\", React.createElement(ExampleCarouselAlign), \"\\n\", React.createElement(_components.h3, {\n id: \"variable-widths\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#variable-widths\",\n \"aria-label\": \"variable widths permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Variable Widths\"), \"\\n\", React.createElement(ExampleCarouselVariableWidthsSandboxes), \"\\n\", React.createElement(ExampleCarouselVariableWidths), \"\\n\", React.createElement(_components.h3, {\n id: \"y-axis\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#y-axis\",\n \"aria-label\": \"y axis permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Y-axis\"), \"\\n\", React.createElement(ExampleCarouselYAxisSandboxes), \"\\n\", React.createElement(ExampleCarouselYAxis), \"\\n\", React.createElement(_components.h2, {\n id: \"navigation-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#navigation-examples\",\n \"aria-label\": \"navigation examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Navigation Examples\"), \"\\n\", React.createElement(_components.p, null, \"Add navigation to your carousels by utilizing the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \".\"), \"\\n\", React.createElement(_components.h3, {\n id: \"arrows--dots\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#arrows--dots\",\n \"aria-label\": \"arrows dots permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Arrows & Dots\"), \"\\n\", React.createElement(ExampleCarouselArrowsDotsSandboxes), \"\\n\", React.createElement(ExampleCarouselArrowsDots), \"\\n\", React.createElement(_components.h3, {\n id: \"thumbnails\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#thumbnails\",\n \"aria-label\": \"thumbnails permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Thumbnails\"), \"\\n\", React.createElement(ExampleCarouselThumbsSandboxes), \"\\n\", React.createElement(ExampleCarouselThumbs), \"\\n\", React.createElement(_components.h2, {\n id: \"tween-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#tween-examples\",\n \"aria-label\": \"tween examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Tween Examples\"), \"\\n\", React.createElement(_components.p, null, \"Tween styles on your slides as the carousel scrolls.\"), \"\\n\", React.createElement(_components.h3, {\n id: \"parallax\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#parallax\",\n \"aria-label\": \"parallax permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Parallax\"), \"\\n\", React.createElement(ExampleCarouselParallaxSandboxes), \"\\n\", React.createElement(ExampleCarouselParallax), \"\\n\", React.createElement(_components.h3, {\n id: \"scale\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#scale\",\n \"aria-label\": \"scale permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Scale\"), \"\\n\", React.createElement(ExampleCarouselScaleSandboxes), \"\\n\", React.createElement(ExampleCarouselScale), \"\\n\", React.createElement(_components.h3, {\n id: \"opacity\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#opacity\",\n \"aria-label\": \"opacity permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Opacity\"), \"\\n\", React.createElement(ExampleCarouselOpacitySandboxes), \"\\n\", React.createElement(ExampleCarouselOpacity), \"\\n\", React.createElement(_components.h2, {\n id: \"plugin-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#plugin-examples\",\n \"aria-label\": \"plugin examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Plugin Examples\"), \"\\n\", React.createElement(_components.p, null, \"Extend your carousels with \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \" and easily add features.\"), \"\\n\", React.createElement(_components.h3, {\n id: \"autoplay\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#autoplay\",\n \"aria-label\": \"autoplay permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Autoplay\"), \"\\n\", React.createElement(ExampleCarouselAutoplaySandboxes), \"\\n\", React.createElement(ExampleCarouselAutoplay), \"\\n\", React.createElement(_components.h3, {\n id: \"class-names\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#class-names\",\n \"aria-label\": \"class names permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Class Names\"), \"\\n\", React.createElement(ExampleCarouselClassNamesSandboxes), \"\\n\", React.createElement(ExampleCarouselClassNames), \"\\n\", React.createElement(_components.h2, {\n id: \"miscellaneous-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#miscellaneous-examples\",\n \"aria-label\": \"miscellaneous examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Miscellaneous Examples\"), \"\\n\", React.createElement(_components.p, null, \"Add features using the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" and the internal engine.\"), \"\\n\", React.createElement(_components.h3, {\n id: \"progress\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#progress\",\n \"aria-label\": \"progress permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Progress\"), \"\\n\", React.createElement(ExampleCarouselProgressSandboxes), \"\\n\", React.createElement(ExampleCarouselProgress), \"\\n\", React.createElement(_components.h3, {\n id: \"lazy-load\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#lazy-load\",\n \"aria-label\": \"lazy load permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Lazy Load\"), \"\\n\", React.createElement(ExampleCarouselLazyLoadSandboxes), \"\\n\", React.createElement(ExampleCarouselLazyLoad), \"\\n\", React.createElement(_components.h3, {\n id: \"infinite-scroll\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#infinite-scroll\",\n \"aria-label\": \"infinite scroll permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Infinite Scroll\"), \"\\n\", React.createElement(ExampleCarouselInfiniteScrollSandboxes), \"\\n\", React.createElement(ExampleCarouselInfiniteScroll), \"\\n\", React.createElement(_components.h3, {\n id: \"ios-style-picker-default\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#ios-style-picker-default\",\n \"aria-label\": \"ios style picker default permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"IOS Style Picker Default\"), \"\\n\", React.createElement(ExampleCarouselIosPickerDefaultSandboxes), \"\\n\", React.createElement(ExampleCarouselIosPicker, {\n loop: false\n }), \"\\n\", React.createElement(_components.h3, {\n id: \"ios-style-picker-loop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#ios-style-picker-loop\",\n \"aria-label\": \"ios style picker loop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"IOS Style Picker Loop\"), \"\\n\", React.createElement(ExampleCarouselIosPickerLoopSandboxes), \"\\n\", React.createElement(ExampleCarouselIosPicker, {\n loop: true\n }));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/examples/predefined.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n"],"names":["ID","SLIDES","arrayFromNumber","OPTIONS","STYLES","createCarouselDefaultStyles","Wrapper","styled","carouselDefaultWrapperStyles","ExampleCarouselDefault","inViewRef","inView","useInView","React","className","ref","CarouselDefault","slides","options","INPUT_RADIO_GROUP_NAME","SandboxSelectionFormWrapper","Fieldset","SPACINGS","Legend","FONT_SIZES","FONT_WEIGHTS","SandboxSelectionList","createGapStyles","SANDBOX_SELECTION_SPACING","SandboxSelection","SandboxSelectionForm","props","sandboxes","sandboxKey","setSandboxKey","useState","sandbox","setSandbox","isLoading","loadSandbox","useCallback","async","find","key","createSandbox","onChange","event","currentTarget","value","useEffect","action","URLS","method","target","role","map","SandboxSelectionInput","framework","name","id","snakeCaseToKebabCase","checked","label","type","ButtonPrimaryFilledWithLoading","disabled","PORTAL_ELEMENT_ID","Portal","children","portalWrapper","useRef","isBrowser","wrapper","document","getElementById","createElement","body","appendChild","getExistingOrCreatePortalWrapper","portalContent","current","removeChild","createPortal","SELECT_CODESANDBOX_DIALOG_ID","CLOSE_KEYS","DESKTOP_END_SPACING","SandboxSelectionWrapper","SandboxSelectionButtons","ButtonBare","COLORS","BORDER_RADIUSES","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","SelectionModal","LAYERS","PAGE_FRAME_SPACING","MEDIA","SelectionModalOverlay","SelectionModalCloseButton","createSquareSizeStyles","SelectionModalScrollArea","selectionOpen","setSelectionOpen","onKeyUp","_ref","includes","useEventListener","onClick","IconWithText","iconSvg","iconSize","FocusTrap","active","Icon","svg","size","SHARED_CONFIG","styles","sandboxVanilla","isTypeScript","sandboxLanguageUtils","language","carouselScript","createSandboxVanilla","default","carouselHtml","ReactDOMServer","sandboxReact","createSandboxReact","SANDBOXES","createSandboxFunctionsWithLabels","VANILLA_JS","SANDBOX_LANGUAGES","VANILLA_TS","REACT_JS","REACT_TS","ExampleCarouselDefaultSandboxes","loop","ExampleCarouselLoop","ExampleCarouselLoopSandboxes","emblaRef","useEmblaCarousel","dir","index","src","imageByIndex","alt","direction","ExampleCarouselRightToLeft","CarouselRightToLeft","ExampleCarouselRightToLeftSandboxes","slidesToScroll","containScroll","ExampleCarouselSlidesToScroll","ExampleCarouselSlidesToScrollSandboxes","dragFree","ExampleCarouselDragFree","ExampleCarouselDragFreeSandboxes","align","ExampleCarouselAlign","ExampleCarouselAlignSandboxes","createCarouselVariableWidthStyles","ExampleCarouselVariableWidths","ExampleCarouselVariableWidthsSandboxes","axis","undefined","ExampleCarouselYAxis","ExampleCarouselYAxisSandboxes","DotButton","restProps","PrevButton","viewBox","fill","d","NextButton","emblaApi","prevBtnDisabled","setPrevBtnDisabled","nextBtnDisabled","setNextBtnDisabled","selectedIndex","setSelectedIndex","scrollSnaps","setScrollSnaps","scrollPrev","scrollNext","scrollTo","onInit","scrollSnapList","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","_","concat","createCarouselArrowsDotsStyles","ExampleCarouselArrowsDots","CarouselArrowsDots","vanillaScriptExtension","formatScript","buttonsScript","sandboxOverrides","SANDBOX_VANILLA_FOLDERS","isBinary","content","reactScriptExtension","SANDBOX_REACT_FOLDERS","ExampleCarouselArrowsDotsSandboxes","Thumb","selected","imgSrc","emblaMainRef","emblaMainApi","emblaThumbsRef","emblaThumbsApi","onThumbClick","createCarouselThumbsStyles","carouselThumbsWrapperStyles","ExampleCarouselThumbs","CarouselThumbs","ExampleCarouselThumbsSandboxes","tweenValues","setTweenValues","onScroll","engine","internalEngine","scrollProgress","scrollSnap","diffToTarget","slideLooper","loopPoints","forEach","loopItem","sign","Math","flushSync","style","length","transform","createCarouselParallaxStyles","ExampleCarouselParallax","CarouselParallax","tweenScript","ExampleCarouselParallaxSandboxes","tweenValue","abs","number","min","max","createCarouselScaleStyles","ExampleCarouselScale","CarouselScale","ExampleCarouselScaleSandboxes","opacity","ExampleCarouselOpacity","CarouselOpacity","ExampleCarouselOpacitySandboxes","defaultOptions","breakpoints","delay","jump","playOnInit","stopOnFocusIn","stopOnInteraction","stopOnMouseEnter","stopOnLastSnap","rootNode","Autoplay","userOptions","destroyed","playing","resume","animationFrame","timer","startTimer","emit","ownerWindow","clearInterval","setInterval","next","clearTimer","play","jumpOverride","requestAnimationFrame","nextIndex","clone","add","get","lastIndex","init","emblaApiInstance","optionsHandler","mergeOptions","optionsAtMedia","optionsBase","globalOptions","allOptions","eventStore","ownerDocument","emblaRoot","root","visibilityState","destroy","off","cancelAnimationFrame","stop","reset","isPlaying","ExampleCarouselAutoplay","CarouselAutoplay","addSandboxPlugins","SANDBOX_PLUGINS","ExampleCarouselAutoplaySandboxes","snapped","draggable","dragging","removeClass","node","classList","contains","remove","addClass","ClassNames","selectedEvents","draggingEvents","inViewEvents","toggleDraggingClass","evt","toggleSlideClasses","slideIndexes","slideNodeList","containerNode","querySelectorAll","nodeList","Array","from","slide","toggleSnappedClasses","slideRegistry","toggleInViewClasses","slidesInView","slideNodes","watchDrag","createCarouselClassNamesStyles","ExampleCarouselClassNames","CarouselClassNames","ExampleCarouselClassNamesSandboxes","setScrollProgress","progress","createCarouselProgressStyles","ExampleCarouselProgress","CarouselProgress","progressBarScript","ExampleCarouselProgressSandboxes","LazyLoadImage","hasLoaded","setHasLoaded","setLoaded","onLoad","emblaRed","setSlidesInView","updateSlidesInView","filter","indexOf","createCarouselLazyLoadStyles","ExampleCarouselLazyLoad","CarouselLazyLoad","lazyLoadScript","ExampleCarouselLazyLoadSandboxes","propSlides","scrollListenerRef","listenForScrollRef","hasMoreToLoadRef","setSlides","hasMoreToLoad","setHasMoreToLoad","loadingMore","setLoadingMore","watchSlides","reloadEmbla","oldEngine","reInit","newEngine","engineModule","Object","assign","translate","to","location","scrollTarget","byDistance","set","animation","start","reloadAfterPointerUp","dragHandler","pointerDown","boundsActive","limit","reachedMax","scrollBounds","toggleActive","lastSlide","lastSlideInView","minWait","maxWait","callback","ceil","floor","wait","random","setTimeout","mockApiCall","currentSlides","newSlideCount","keys","addScrollListener","onResize","window","addEventListener","removeEventListener","watchResize","createCarouselInfiniteScrollStyles","ExampleCarouselInfiniteScroll","CarouselInfiniteScroll","infiniteScrollScript","ExampleCarouselInfiniteScrollSandboxes","WHEEL_ITEM_RADIUS","CIRCLE_DEGREES","WHEEL_RADIUS","round","WHEEL_ITEM_SIZE","tan","PI","isInView","wheelLocation","slidePosition","getSlideStyles","slideCount","totalRadius","positionDefault","positionLoopStart","positionLoopEnd","angle","IosPickerItem","perspective","wheelReady","setWheelReady","wheelRotation","setWheelRotation","rootNodeRef","rootNodeSize","rotationOffset","containerStyles","getContainerStyles","slideStyles","slidesStyles","slideStyle","push","getSlidesStyles","inactivateEmblaTransform","clear","readRootNodeSize","getBoundingClientRect","height","rotateWheel","distance","resizeObserver","ResizeObserver","observe","disconnect","position","createCarouselIosPickerStyles","iosPickerWrapperStyles","ExampleCarouselIosPicker","CarouselIosPicker","iosPickerScript","indexScript","createSandboxReactIosPickerEntry","itemScript","SANDBOXES_DEFAULT","SANDBOXES_LOOP","ExampleCarouselIosPickerDefaultSandboxes","ExampleCarouselIosPickerLoopSandboxes","_createMdxContent","_components","h1","p","a","hr","h2","div","h3","_provideComponents","components","href","dangerouslySetInnerHTML","__html","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","removeProtocol","maskable","PageDefault","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/components/Examples/Basic/Default.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/SandboxSelectionForm.tsx","webpack://embla-carousel-docs/./src/components/Portal/Portal.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/SandboxSelection.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/DefaultSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/Loop.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/LoopSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/RightToLeft/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/RightToLeft.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/RightToLeftSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/SlidesToScroll.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/SlidesToScrollSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/DragFree.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/DragFreeSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/Align.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/AlignSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/VariableWidths.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/VariableWidthsSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/YAxis.tsx","webpack://embla-carousel-docs/./src/components/Examples/Basic/YAxisSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/ArrowsDots/EmblaCarouselArrowsDotsButtons.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/ArrowsDots/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Navigation/ArrowsDots.tsx","webpack://embla-carousel-docs/./src/components/Examples/Navigation/ArrowsDotsSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/Thumbs/EmblaCarouselThumbsButton.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/Thumbs/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Navigation/Thumbs.tsx","webpack://embla-carousel-docs/./src/components/Examples/Navigation/ThumbsSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/Parallax/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Tween/Parallax.tsx","webpack://embla-carousel-docs/./src/components/Examples/Tween/ParallaxSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/Scale/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Tween/Scale.tsx","webpack://embla-carousel-docs/./src/components/Examples/Tween/ScaleSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/Opacity/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Tween/Opacity.tsx","webpack://embla-carousel-docs/./src/components/Examples/Tween/OpacitySandboxes.tsx","webpack://embla-carousel-docs/../src/components/Options.ts","webpack://embla-carousel-docs/../src/components/Autoplay.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/Autoplay/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Plugins/Autoplay.tsx","webpack://embla-carousel-docs/./src/components/Examples/Plugins/AutoplaySandboxes.tsx","webpack://embla-carousel-docs/../src/components/utils.ts","webpack://embla-carousel-docs/../src/components/ClassNames.ts","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/ClassNames/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Plugins/ClassNames.tsx","webpack://embla-carousel-docs/./src/components/Examples/Plugins/ClassNamesSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/Progress/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Miscellaneous/Progress.tsx","webpack://embla-carousel-docs/./src/components/Examples/Miscellaneous/ProgressSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/LazyLoad/EmblaCarouselLazyLoadImage.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/LazyLoad/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Miscellaneous/LazyLoad.tsx","webpack://embla-carousel-docs/./src/components/Examples/Miscellaneous/LazyLoadSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/InfiniteScroll/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Miscellaneous/InfiniteScroll.tsx","webpack://embla-carousel-docs/./src/components/Examples/Miscellaneous/InfiniteScrollSandboxes.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/IosPicker/EmblaCarouselIosPickerItem.tsx","webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesSrc/IosPicker/EmblaCarousel.tsx","webpack://embla-carousel-docs/./src/components/Examples/Miscellaneous/IosPicker.tsx","webpack://embla-carousel-docs/./src/components/Examples/Miscellaneous/IosPickerSandboxes.tsx","webpack://embla-carousel-docs/./src/content/pages/examples/predefined.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx"],"sourcesContent":["import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-default'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselDefaultStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselDefault = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React, { useCallback, useState } from 'react'\nimport styled from 'styled-components'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { useEffect } from 'react'\nimport { ButtonPrimaryFilledWithLoading } from 'components/Button/ButtonPrimaryFilled'\nimport { createGapStyles } from 'utils/createGapStyles'\nimport { PropType } from 'components/Sandbox/SandboxSelection'\nimport { SandboxLabelKeyType, SANDBOX_SELECTION_SPACING } from 'consts/sandbox'\nimport { snakeCaseToKebabCase } from 'utils/snakeCaseToKebabCase'\nimport { SandboxSelectionInput } from './SandboxSelectionInput'\n\nconst INPUT_RADIO_GROUP_NAME = 'choose-sandbox'\n\nconst SandboxSelectionFormWrapper = styled.form`\n display: flex;\n flex-direction: column;\n`\n\nconst Fieldset = styled.div`\n padding-bottom: ${SPACINGS.FIVE};\n`\n\nconst Legend = styled.h3`\n margin-bottom: ${SPACINGS.FOUR};\n font-size: ${FONT_SIZES.H3};\n\n width: 100%;\n font-weight: ${FONT_WEIGHTS.BOLD};\n line-height: 1.5;\n`\n\nconst SandboxSelectionList = styled.ul`\n ${createGapStyles(\n SANDBOX_SELECTION_SPACING,\n SANDBOX_SELECTION_SPACING,\n 'li'\n )};\n display: flex;\n flex-wrap: wrap;\n`\n\nconst SandboxSelection = styled.li`\n position: relative;\n flex: 0 0 50%;\n min-width: 0;\n`\n\nexport const SandboxSelectionForm = (props: PropType) => {\n const { sandboxes = [] } = props\n const [sandboxKey, setSandboxKey] = useState('')\n const [sandbox, setSandbox] = useState('')\n const isLoading = !!(sandboxKey && !sandbox)\n\n const loadSandbox = useCallback(\n async (key: SandboxLabelKeyType) => {\n const sandbox = sandboxes.find((sandbox) => sandbox.key === key)\n if (sandbox) setSandbox(await sandbox.createSandbox())\n },\n [sandboxes]\n )\n\n const onChange = useCallback((event: React.FormEvent) => {\n const key = event.currentTarget.value as SandboxLabelKeyType\n setSandbox('')\n setSandboxKey(key)\n }, [])\n\n useEffect(() => {\n if (sandboxKey) loadSandbox(sandboxKey)\n }, [sandboxKey])\n\n return (\n \n
    \n Select CodeSandbox\n\n \n {sandboxes.map((sandbox) => (\n \n \n {sandbox.label}\n \n \n ))}\n \n
    \n\n \n\n \n Create CodeSandbox\n \n \n )\n}\n","import { useEffect, PropsWithChildren, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { isBrowser } from 'utils/isBrowser'\n\nconst getExistingOrCreatePortalWrapper = (): HTMLElement | null => {\n if (!isBrowser) return null\n\n let wrapper = document.getElementById(PORTAL_ELEMENT_ID)\n if (wrapper) return wrapper\n\n wrapper = document.createElement('div')\n wrapper.id = PORTAL_ELEMENT_ID\n document.body.appendChild(wrapper)\n return wrapper\n}\n\nconst PORTAL_ELEMENT_ID = 'portal-root'\n\ntype PropType = PropsWithChildren<{}>\n\nexport const Portal = (props: PropType) => {\n const { children } = props\n const portalWrapper = useRef(getExistingOrCreatePortalWrapper())\n const portalContent = useRef(\n isBrowser ? document.createElement('div') : null\n )\n\n useEffect(() => {\n if (!portalWrapper.current || !portalContent.current) return\n\n portalWrapper.current.appendChild(portalContent.current)\n\n return () => {\n if (!portalWrapper.current || !portalContent.current) return\n portalWrapper.current.removeChild(portalContent.current)\n }\n }, [])\n\n return createPortal(children, portalContent.current as HTMLDivElement)\n}\n","import React, { useState, useCallback } from 'react'\nimport styled from 'styled-components'\nimport FocusTrap from 'focus-trap-react'\nimport { SandboxSelectionType } from 'consts/sandbox'\nimport { ButtonBare } from 'components/Button/ButtonBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { COLORS } from 'consts/themes'\nimport { LAYERS } from 'consts/layers'\nimport { SPACINGS } from 'consts/spacings'\nimport { MEDIA } from 'consts/breakpoints'\nimport { PAGE_FRAME_SPACING } from 'components/Page/PageFrame'\nimport { BORDER_RADIUSES } from 'consts/border'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { Icon } from 'components/Icon/Icon'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { SandboxSelectionForm } from './SandboxSelectionForm'\nimport { Portal } from 'components/Portal/Portal'\nimport { useEventListener } from 'hooks/useEventListener'\n\nexport const SELECT_CODESANDBOX_DIALOG_ID = 'select-codesandbox-dialog'\nconst CLOSE_KEYS = ['Escape', 'Esc']\nconst MODAL_MAX_WIDTH = '36rem'\nconst DESKTOP_END_SPACING = SPACINGS.TEN\n\nconst BUTTON_SIZE = '4rem'\nconst ICON_SIZE = '2.35rem'\n\nconst SandboxSelectionWrapper = styled.div`\n margin-top: -${SPACINGS.THREE};\n`\n\nconst SandboxSelectionButtons = styled(ButtonBare)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.ONE};\n padding: ${SPACINGS.TWO} 0 ${SPACINGS.TWO} 0;\n border-radius: ${BORDER_RADIUSES.BOX};\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\nconst SelectionModal = styled.div`\n z-index: ${LAYERS.SEARCH + LAYERS.STEP};\n padding: ${PAGE_FRAME_SPACING} 0;\n background-color: ${COLORS.BACKGROUND_SITE};\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n margin: auto;\n width: 100%;\n display: flex;\n margin: 0 auto;\n flex-direction: column;\n height: 100vh;\n\n ${MEDIA.MIN_XS} {\n max-width: ${MODAL_MAX_WIDTH};\n box-shadow: 0 0 0 0.1rem ${COLORS.DETAIL_LOW_CONTRAST};\n top: ${DESKTOP_END_SPACING};\n max-height: calc(100vh - ${DESKTOP_END_SPACING} * 2);\n height: auto;\n }\n`\n\nconst SelectionModalOverlay = styled.div`\n z-index: ${LAYERS.SEARCH};\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background-color: ${COLORS.BACKGROUND_SITE};\n\n ${MEDIA.MIN_XS} {\n opacity: 0.9;\n }\n`\n\nconst SelectionModalCloseButton = styled(ButtonBare)`\n ${createSquareSizeStyles(BUTTON_SIZE)};\n z-index: ${LAYERS.STEP};\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n right: 0;\n`\n\nconst SelectionModalScrollArea = styled.div`\n padding: 0 ${PAGE_FRAME_SPACING};\n overflow: auto;\n position: relative;\n max-height: 100%;\n`\n\nexport type PropType = {\n sandboxes: SandboxSelectionType[]\n}\n\nexport const SandboxSelection = (props: PropType) => {\n const { sandboxes = [] } = props\n const [selectionOpen, setSelectionOpen] = useState(false)\n\n const onKeyUp = useCallback(\n ({ key }: KeyboardEvent) => {\n if (CLOSE_KEYS.includes(key)) setSelectionOpen(false)\n },\n [setSelectionOpen]\n )\n\n useEventListener('keyup', onKeyUp)\n\n return (\n \n setSelectionOpen(true)}\n >\n \n Edit Code\n \n \n\n {selectionOpen && (\n \n \n
    \n setSelectionOpen(false)} />\n\n \n setSelectionOpen(false)}\n >\n \n \n\n \n \n \n \n
    \n     \n     \n )}\n     \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Basic/Default'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselDefaultSandboxes = () => {\n return \n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-loop'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { loop: true }\nexport const STYLES = createCarouselDefaultStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselLoop = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Basic/Loop'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselLoopSandboxes = () => {\n return \n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef] = useEmblaCarousel(options)\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselRightToLeft from 'components/Sandbox/React/SandboxFilesSrc/RightToLeft/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-right-to-left'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { direction: 'rtl' }\nexport const STYLES = createCarouselDefaultStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselRightToLeft = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? (\n \n ) : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselRightToLeft from 'components/Sandbox/React/SandboxFilesSrc/RightToLeft/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Basic/RightToLeft'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/RightToLeft/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/RightToLeft/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselRightToLeftSandboxes = () => {\n return \n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-slides-to-scroll'\nexport const SLIDES = arrayFromNumber(8)\nexport const OPTIONS: EmblaOptionsType = {\n slidesToScroll: 'auto',\n containScroll: 'trimSnaps'\n}\nexport const STYLES = createCarouselDefaultStyles('50%')\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselSlidesToScroll = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Basic/SlidesToScroll'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselSlidesToScrollSandboxes = () => {\n return \n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-drag-free'\nexport const SLIDES = arrayFromNumber(16)\nexport const OPTIONS: EmblaOptionsType = {\n dragFree: true,\n containScroll: 'trimSnaps'\n}\nexport const STYLES = createCarouselDefaultStyles('50%')\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselDragFree = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Basic/DragFree'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselDragFreeSandboxes = () => {\n return \n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-align'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {\n align: 'center',\n containScroll: false\n}\nexport const STYLES = createCarouselDefaultStyles('80%')\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselAlign = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Basic/Align'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselAlignSandboxes = () => {\n return \n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselVariableWidthStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-variable-widths'\nexport const SLIDES = arrayFromNumber(9)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselVariableWidthStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselVariableWidths = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Basic/VariableWidths'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselVariableWidthsSandboxes = () => {\n return \n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-y-axis'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { axis: 'y' }\nexport const STYLES = createCarouselDefaultStyles(\n undefined,\n undefined,\n OPTIONS.axis\n)\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselYAxis = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Basic/YAxis'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Default/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Default/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselYAxisSandboxes = () => {\n return \n}\n","import React, { PropsWithChildren } from 'react'\n\ntype PropType = PropsWithChildren<\n React.DetailedHTMLProps<\n React.ButtonHTMLAttributes,\n HTMLButtonElement\n >\n>\n\nexport const DotButton: React.FC = (props) => {\n const { children, ...restProps } = props\n\n return (\n \n )\n}\n\nexport const PrevButton: React.FC = (props) => {\n const { children, ...restProps } = props\n\n return (\n \n \n \n \n {children}\n \n )\n}\n\nexport const NextButton: React.FC = (props) => {\n const { children, ...restProps } = props\n\n return (\n \n \n \n \n {children}\n \n )\n}\n","import React, { useState, useEffect, useCallback } from 'react'\nimport { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport {\n DotButton,\n PrevButton,\n NextButton\n} from './EmblaCarouselArrowsDotsButtons'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef, emblaApi] = useEmblaCarousel(options)\n const [prevBtnDisabled, setPrevBtnDisabled] = useState(true)\n const [nextBtnDisabled, setNextBtnDisabled] = useState(true)\n const [selectedIndex, setSelectedIndex] = useState(0)\n const [scrollSnaps, setScrollSnaps] = useState([])\n\n const scrollPrev = useCallback(\n () => emblaApi && emblaApi.scrollPrev(),\n [emblaApi]\n )\n const scrollNext = useCallback(\n () => emblaApi && emblaApi.scrollNext(),\n [emblaApi]\n )\n const scrollTo = useCallback(\n (index: number) => emblaApi && emblaApi.scrollTo(index),\n [emblaApi]\n )\n\n const onInit = useCallback((emblaApi: EmblaCarouselType) => {\n setScrollSnaps(emblaApi.scrollSnapList())\n }, [])\n\n const onSelect = useCallback((emblaApi: EmblaCarouselType) => {\n setSelectedIndex(emblaApi.selectedScrollSnap())\n setPrevBtnDisabled(!emblaApi.canScrollPrev())\n setNextBtnDisabled(!emblaApi.canScrollNext())\n }, [])\n\n useEffect(() => {\n if (!emblaApi) return\n\n onInit(emblaApi)\n onSelect(emblaApi)\n emblaApi.on('reInit', onInit)\n emblaApi.on('reInit', onSelect)\n emblaApi.on('select', onSelect)\n }, [emblaApi, onInit, onSelect])\n\n return (\n <>\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n\n
    \n \n \n
    \n
    \n\n
    \n {scrollSnaps.map((_, index) => (\n scrollTo(index)}\n className={'embla__dot'.concat(\n index === selectedIndex ? ' embla__dot--selected' : ''\n )}\n />\n ))}\n
    \n \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselArrowsDots from 'components/Sandbox/React/SandboxFilesSrc/ArrowsDots/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselArrowsDotsStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-arrow-dots'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselArrowsDotsStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselArrowsDots = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport { SANDBOX_REACT_FOLDERS } from 'components/Sandbox/React/sandboxReactFolders'\nimport CarouselArrowsDots from 'components/Sandbox/React/SandboxFilesSrc/ArrowsDots/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Navigation/ArrowsDots'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_BUTTONS_FILE_NAME = 'arrows-dots-buttons'\nconst REACT_BUTTONS_FILE_NAME = 'EmblaCarouselArrowsDotsButtons'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let buttonsScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/ArrowsDots/EmblaCarousel.ts'\n )\n buttonsScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/ArrowsDots/arrows-dots-buttons.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/ArrowsDots/EmblaCarousel.js'\n )\n buttonsScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/ArrowsDots/arrows-dots-buttons.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_BUTTONS_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(buttonsScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript, reactScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let buttonsScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/ArrowsDots/EmblaCarousel.tsx`\n )\n buttonsScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/ArrowsDots/EmblaCarouselArrowsDotsButtons.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/ArrowsDots/EmblaCarousel.jsx`\n )\n buttonsScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/ArrowsDots/EmblaCarouselArrowsDotsButtons.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n sandboxOverrides: {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_BUTTONS_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(buttonsScript.default)\n }\n }\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselArrowsDotsSandboxes = () => {\n return \n}\n","import React from 'react'\n\ntype PropType = {\n selected: boolean\n imgSrc: string\n index: number\n onClick: () => void\n}\n\nexport const Thumb: React.FC = (props) => {\n const { selected, imgSrc, index, onClick } = props\n\n return (\n \n \n
    \n {index + 1}\n
    \n \n \n
    \n )\n}\n","import React, { useState, useEffect, useCallback } from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { Thumb } from './EmblaCarouselThumbsButton'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [selectedIndex, setSelectedIndex] = useState(0)\n const [emblaMainRef, emblaMainApi] = useEmblaCarousel(options)\n const [emblaThumbsRef, emblaThumbsApi] = useEmblaCarousel({\n containScroll: 'keepSnaps',\n dragFree: true\n })\n\n const onThumbClick = useCallback(\n (index: number) => {\n if (!emblaMainApi || !emblaThumbsApi) return\n emblaMainApi.scrollTo(index)\n },\n [emblaMainApi, emblaThumbsApi]\n )\n\n const onSelect = useCallback(() => {\n if (!emblaMainApi || !emblaThumbsApi) return\n setSelectedIndex(emblaMainApi.selectedScrollSnap())\n emblaThumbsApi.scrollTo(emblaMainApi.selectedScrollSnap())\n }, [emblaMainApi, emblaThumbsApi, setSelectedIndex])\n\n useEffect(() => {\n if (!emblaMainApi) return\n onSelect()\n emblaMainApi.on('select', onSelect)\n emblaMainApi.on('reInit', onSelect)\n }, [emblaMainApi, onSelect])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n\n
    \n
    \n
    \n {slides.map((index) => (\n onThumbClick(index)}\n selected={index === selectedIndex}\n index={index}\n imgSrc={imageByIndex(index)}\n key={index}\n />\n ))}\n
    \n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselThumbs from 'components/Sandbox/React/SandboxFilesSrc/Thumbs/EmblaCarousel'\nimport { carouselThumbsWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselThumbsStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-thumbs'\nexport const SLIDES = arrayFromNumber(10)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselThumbsStyles()\n\nexport const Wrapper = styled.div`\n ${carouselThumbsWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselThumbs = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport { SANDBOX_REACT_FOLDERS } from 'components/Sandbox/React/sandboxReactFolders'\nimport CarouselThumbs from 'components/Sandbox/React/SandboxFilesSrc/Thumbs/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Navigation/Thumbs'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_THUMBS_FILE_NAME = 'thumb-buttons'\nconst REACT_THUMBS_FILE_NAME = 'EmblaCarouselThumbsButton'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let buttonsScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Thumbs/EmblaCarousel.ts'\n )\n buttonsScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Thumbs/thumb-buttons.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Thumbs/EmblaCarousel.js'\n )\n buttonsScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Thumbs/thumb-buttons.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_THUMBS_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(buttonsScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript, reactScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let buttonsScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Thumbs/EmblaCarousel.tsx`\n )\n buttonsScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Thumbs/EmblaCarouselThumbsButton.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Thumbs/EmblaCarousel.jsx`\n )\n buttonsScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Thumbs/EmblaCarouselThumbsButton.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n sandboxOverrides: {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_THUMBS_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(buttonsScript.default)\n }\n }\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselThumbsSandboxes = () => {\n return \n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { flushSync } from 'react-dom'\nimport imageByIndex from '../imageByIndex'\n\nconst TWEEN_FACTOR = 1.2\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef, emblaApi] = useEmblaCarousel(options)\n const [tweenValues, setTweenValues] = useState([])\n\n const onScroll = useCallback(() => {\n if (!emblaApi) return\n\n const engine = emblaApi.internalEngine()\n const scrollProgress = emblaApi.scrollProgress()\n\n const styles = emblaApi.scrollSnapList().map((scrollSnap, index) => {\n let diffToTarget = scrollSnap - scrollProgress\n\n if (engine.options.loop) {\n engine.slideLooper.loopPoints.forEach((loopItem) => {\n const target = loopItem.target()\n if (index === loopItem.index && target !== 0) {\n const sign = Math.sign(target)\n if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n }\n })\n }\n return diffToTarget * (-1 / TWEEN_FACTOR) * 100\n })\n setTweenValues(styles)\n }, [emblaApi, setTweenValues])\n\n useEffect(() => {\n if (!emblaApi) return\n onScroll()\n emblaApi.on('scroll', () => {\n flushSync(() => onScroll())\n })\n emblaApi.on('reInit', onScroll)\n }, [emblaApi, onScroll])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n
    \n \n \n
    \n
    \n
    \n ))}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselParallax from 'components/Sandbox/React/SandboxFilesSrc/Parallax/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselParallaxStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-parallax'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { dragFree: true }\nexport const STYLES = createCarouselParallaxStyles('80%')\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselParallax = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport CarouselParallax from 'components/Sandbox/React/SandboxFilesSrc/Parallax/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Tween/Parallax'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_TWEEN_FILE_NAME = 'tween-parallax'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let tweenScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Parallax/EmblaCarousel.ts'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Parallax/tween-parallax.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Parallax/EmblaCarousel.js'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Parallax/tween-parallax.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_TWEEN_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(tweenScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Parallax/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Parallax/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselParallaxSandboxes = () => {\n return \n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { flushSync } from 'react-dom'\nimport imageByIndex from '../imageByIndex'\n\nconst TWEEN_FACTOR = 3\n\nconst numberWithinRange = (number: number, min: number, max: number): number =>\n Math.min(Math.max(number, min), max)\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef, emblaApi] = useEmblaCarousel(options)\n const [tweenValues, setTweenValues] = useState([])\n\n const onScroll = useCallback(() => {\n if (!emblaApi) return\n\n const engine = emblaApi.internalEngine()\n const scrollProgress = emblaApi.scrollProgress()\n\n const styles = emblaApi.scrollSnapList().map((scrollSnap, index) => {\n let diffToTarget = scrollSnap - scrollProgress\n\n if (engine.options.loop) {\n engine.slideLooper.loopPoints.forEach((loopItem) => {\n const target = loopItem.target()\n if (index === loopItem.index && target !== 0) {\n const sign = Math.sign(target)\n if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n }\n })\n }\n const tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n return numberWithinRange(tweenValue, 0, 1)\n })\n setTweenValues(styles)\n }, [emblaApi, setTweenValues])\n\n useEffect(() => {\n if (!emblaApi) return\n\n onScroll()\n emblaApi.on('scroll', () => {\n flushSync(() => onScroll())\n })\n emblaApi.on('reInit', onScroll)\n }, [emblaApi, onScroll])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n \n
    \n {index + 1}\n
    \n \n
    \n
    \n ))}\n
    \n
    \n \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselScale from 'components/Sandbox/React/SandboxFilesSrc/Scale/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselScaleStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-scale'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { loop: true }\nexport const STYLES = createCarouselScaleStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselScale = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport CarouselScale from 'components/Sandbox/React/SandboxFilesSrc/Scale/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Tween/Scale'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_TWEEN_FILE_NAME = 'tween-scale'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let tweenScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Scale/EmblaCarousel.ts'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Scale/tween-scale.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Scale/EmblaCarousel.js'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Scale/tween-scale.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_TWEEN_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(tweenScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Scale/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Scale/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselScaleSandboxes = () => {\n return \n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { flushSync } from 'react-dom'\nimport imageByIndex from '../imageByIndex'\n\nconst TWEEN_FACTOR = 4.2\n\nconst numberWithinRange = (number: number, min: number, max: number): number =>\n Math.min(Math.max(number, min), max)\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef, emblaApi] = useEmblaCarousel(options)\n const [tweenValues, setTweenValues] = useState([])\n\n const onScroll = useCallback(() => {\n if (!emblaApi) return\n\n const engine = emblaApi.internalEngine()\n const scrollProgress = emblaApi.scrollProgress()\n\n const styles = emblaApi.scrollSnapList().map((scrollSnap, index) => {\n let diffToTarget = scrollSnap - scrollProgress\n\n if (engine.options.loop) {\n engine.slideLooper.loopPoints.forEach((loopItem) => {\n const target = loopItem.target()\n if (index === loopItem.index && target !== 0) {\n const sign = Math.sign(target)\n if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n }\n })\n }\n const tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n return numberWithinRange(tweenValue, 0, 1)\n })\n setTweenValues(styles)\n }, [emblaApi, setTweenValues])\n\n useEffect(() => {\n if (!emblaApi) return\n\n onScroll()\n emblaApi.on('scroll', () => {\n flushSync(() => onScroll())\n })\n emblaApi.on('reInit', onScroll)\n }, [emblaApi, onScroll])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselOpacity from 'components/Sandbox/React/SandboxFilesSrc/Opacity/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-opacity'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { loop: true }\nexport const STYLES = createCarouselDefaultStyles('70%')\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselOpacity = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport CarouselOpacity from 'components/Sandbox/React/SandboxFilesSrc/Opacity/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport { ID, SLIDES, OPTIONS, STYLES } from 'components/Examples/Tween/Opacity'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_TWEEN_FILE_NAME = 'tween-opacity'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let tweenScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Opacity/EmblaCarousel.ts'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Opacity/tween-opacity.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Opacity/EmblaCarousel.js'\n )\n tweenScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Opacity/tween-opacity.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_TWEEN_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(tweenScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Opacity/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Opacity/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselOpacitySandboxes = () => {\n return \n}\n","import { CreateOptionsType } from 'embla-carousel/components/Options'\n\nexport type OptionsType = CreateOptionsType<{\n delay: number\n jump: boolean\n playOnInit: boolean\n stopOnFocusIn: boolean\n stopOnInteraction: boolean\n stopOnMouseEnter: boolean\n stopOnLastSnap: boolean\n rootNode: ((emblaRoot: HTMLElement) => HTMLElement | null) | null\n}>\n\nexport const defaultOptions: OptionsType = {\n active: true,\n breakpoints: {},\n delay: 4000,\n jump: false,\n playOnInit: true,\n stopOnFocusIn: true,\n stopOnInteraction: true,\n stopOnMouseEnter: false,\n stopOnLastSnap: false,\n rootNode: null\n}\n","import { OptionsType, defaultOptions } from './Options'\nimport { CreatePluginType } from 'embla-carousel/components/Plugins'\nimport { OptionsHandlerType } from 'embla-carousel/components/OptionsHandler'\nimport { EmblaCarouselType } from 'embla-carousel'\n\ndeclare module 'embla-carousel/components/Plugins' {\n interface EmblaPluginsType {\n autoplay?: AutoplayType\n }\n}\n\ndeclare module 'embla-carousel/components/EventHandler' {\n interface EmblaEventListType {\n autoplayPlay: 'autoplay:play'\n autoplayStop: 'autoplay:stop'\n }\n}\n\nexport type AutoplayType = CreatePluginType<\n {\n play: (jump?: boolean) => void\n stop: () => void\n reset: () => void\n isPlaying: () => boolean\n },\n OptionsType\n>\n\nexport type AutoplayOptionsType = AutoplayType['options']\n\nfunction Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {\n let options: OptionsType\n let emblaApi: EmblaCarouselType\n let destroyed: boolean\n let playing = false\n let resume = true\n let jump = false\n let animationFrame = 0\n let timer = 0\n\n function init(\n emblaApiInstance: EmblaCarouselType,\n optionsHandler: OptionsHandlerType\n ): void {\n emblaApi = emblaApiInstance\n\n const { mergeOptions, optionsAtMedia } = optionsHandler\n const optionsBase = mergeOptions(defaultOptions, Autoplay.globalOptions)\n const allOptions = mergeOptions(optionsBase, userOptions)\n options = optionsAtMedia(allOptions)\n\n if (emblaApi.scrollSnapList().length <= 1) return\n\n jump = options.jump\n destroyed = false\n\n const { eventStore, ownerDocument } = emblaApi.internalEngine()\n const emblaRoot = emblaApi.rootNode()\n const root = (options.rootNode && options.rootNode(emblaRoot)) || emblaRoot\n\n emblaApi.on('pointerDown', clearTimer)\n\n if (!options.stopOnInteraction) {\n emblaApi.on('pointerUp', startTimer)\n }\n\n if (options.stopOnMouseEnter) {\n eventStore.add(root, 'mouseenter', () => {\n resume = false\n clearTimer()\n })\n\n if (!options.stopOnInteraction) {\n eventStore.add(root, 'mouseleave', () => {\n resume = true\n startTimer()\n })\n }\n }\n\n if (options.stopOnFocusIn) {\n eventStore.add(root, 'focusin', clearTimer)\n\n if (!options.stopOnInteraction) {\n eventStore.add(root, 'focusout', startTimer)\n }\n }\n\n eventStore.add(ownerDocument, 'visibilitychange', () => {\n if (ownerDocument.visibilityState === 'hidden') {\n resume = playing\n return clearTimer()\n }\n\n if (resume) startTimer()\n })\n\n if (options.playOnInit) {\n emblaApi.on('init', startTimer).on('reInit', startTimer)\n }\n }\n\n function destroy(): void {\n destroyed = true\n playing = false\n emblaApi.off('init', startTimer).off('reInit', startTimer)\n emblaApi.off('pointerDown', clearTimer)\n if (!options.stopOnInteraction) emblaApi.off('pointerUp', startTimer)\n clearTimer()\n cancelAnimationFrame(animationFrame)\n animationFrame = 0\n }\n\n function startTimer(): void {\n if (destroyed) return\n if (!resume) return\n if (!playing) emblaApi.emit('autoplay:play')\n const { ownerWindow } = emblaApi.internalEngine()\n ownerWindow.clearInterval(timer)\n timer = ownerWindow.setInterval(next, options.delay)\n playing = true\n }\n\n function clearTimer(): void {\n if (destroyed) return\n if (playing) emblaApi.emit('autoplay:stop')\n const { ownerWindow } = emblaApi.internalEngine()\n ownerWindow.clearInterval(timer)\n timer = 0\n playing = false\n }\n\n function play(jumpOverride?: boolean): void {\n if (typeof jumpOverride !== 'undefined') jump = jumpOverride\n resume = true\n startTimer()\n }\n\n function stop(): void {\n if (playing) clearTimer()\n }\n\n function reset(): void {\n if (playing) play()\n }\n\n function isPlaying(): boolean {\n return playing\n }\n\n function next(): void {\n animationFrame = requestAnimationFrame(() => {\n const { index } = emblaApi.internalEngine()\n const nextIndex = index.clone().add(1).get()\n const lastIndex = emblaApi.scrollSnapList().length - 1\n const kill = options.stopOnLastSnap && nextIndex === lastIndex\n\n if (kill) clearTimer()\n\n if (emblaApi.canScrollNext()) {\n emblaApi.scrollNext(jump)\n } else {\n emblaApi.scrollTo(0, jump)\n }\n })\n }\n\n const self: AutoplayType = {\n name: 'autoplay',\n options: userOptions,\n init,\n destroy,\n play,\n stop,\n reset,\n isPlaying\n }\n return self\n}\n\nAutoplay.globalOptions = undefined\n\nexport default Autoplay\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport Autoplay from 'embla-carousel-autoplay'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef] = useEmblaCarousel(options, [Autoplay()])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselAutoplay from 'components/Sandbox/React/SandboxFilesSrc/Autoplay/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-autoplay'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselDefaultStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselAutoplay = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselAutoplay from 'components/Sandbox/React/SandboxFilesSrc/Autoplay/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Plugins/Autoplay'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES,\n SANDBOX_PLUGINS\n} from 'consts/sandbox'\nimport {\n addSandboxPlugins,\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID,\n ...addSandboxPlugins(SANDBOX_PLUGINS.AUTOPLAY)\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Autoplay/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Autoplay/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Autoplay/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Autoplay/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselAutoplaySandboxes = () => {\n return \n}\n","export function removeClass(node: HTMLElement, className: string): void {\n if (!node || !className) return\n const { classList } = node\n if (classList.contains(className)) classList.remove(className)\n}\n\nexport function addClass(node: HTMLElement, className: string): void {\n if (!node || !className) return\n const { classList } = node\n if (!classList.contains(className)) classList.add(className)\n}\n\nexport function nodeListToArray(nodeList: NodeListOf): HTMLElement[] {\n return Array.from(nodeList)\n}\n","import { defaultOptions, OptionsType } from './Options'\nimport { nodeListToArray, addClass, removeClass } from './utils'\nimport { CreatePluginType } from 'embla-carousel/components/Plugins'\nimport { EmblaCarouselType, EmblaEventType } from 'embla-carousel'\nimport { OptionsHandlerType } from 'embla-carousel/components/OptionsHandler'\n\ndeclare module 'embla-carousel/components/Plugins' {\n interface EmblaPluginsType {\n classNames?: ClassNamesType\n }\n}\n\nexport type ClassNamesType = CreatePluginType<{}, OptionsType>\n\nexport type ClassNamesOptionsType = ClassNamesType['options']\n\nfunction ClassNames(userOptions: ClassNamesOptionsType = {}): ClassNamesType {\n let options: OptionsType\n let emblaApi: EmblaCarouselType\n let root: HTMLElement\n let slides: HTMLElement[]\n const selectedEvents: EmblaEventType[] = ['select']\n const draggingEvents: EmblaEventType[] = ['pointerDown', 'pointerUp']\n const inViewEvents: EmblaEventType[] = ['slidesInView']\n\n function init(\n emblaApiInstance: EmblaCarouselType,\n optionsHandler: OptionsHandlerType\n ): void {\n emblaApi = emblaApiInstance\n\n const { mergeOptions, optionsAtMedia } = optionsHandler\n const optionsBase = mergeOptions(defaultOptions, ClassNames.globalOptions)\n const allOptions = mergeOptions(optionsBase, userOptions)\n options = optionsAtMedia(allOptions)\n\n root = emblaApi.rootNode()\n slides = emblaApi.slideNodes()\n const isDraggable = !!emblaApi.internalEngine().options.watchDrag\n\n if (isDraggable) {\n addClass(root, options.draggable)\n }\n if (options.dragging) {\n draggingEvents.forEach((evt) => emblaApi.on(evt, toggleDraggingClass))\n }\n if (options.snapped) {\n selectedEvents.forEach((evt) => emblaApi.on(evt, toggleSnappedClasses))\n toggleSnappedClasses()\n }\n if (options.inView) {\n inViewEvents.forEach((evt) => emblaApi.on(evt, toggleInViewClasses))\n toggleInViewClasses()\n }\n }\n\n function destroy(): void {\n removeClass(root, options.draggable)\n draggingEvents.forEach((evt) => emblaApi.off(evt, toggleDraggingClass))\n selectedEvents.forEach((evt) => emblaApi.off(evt, toggleSnappedClasses))\n inViewEvents.forEach((evt) => emblaApi.off(evt, toggleInViewClasses))\n slides.forEach((slide) => removeClass(slide, options.snapped))\n }\n\n function toggleDraggingClass(\n _: EmblaCarouselType,\n evt: EmblaEventType\n ): void {\n if (evt === 'pointerDown') addClass(root, options.dragging)\n else removeClass(root, options.dragging)\n }\n\n function toggleSlideClasses(slideIndexes: number[], className: string): void {\n const container = emblaApi.containerNode()\n const slideNodeList = container.querySelectorAll(`.${className}`)\n const removeClassSlides = nodeListToArray(slideNodeList)\n\n removeClassSlides.forEach((slide) => removeClass(slide, className))\n slideIndexes.forEach((index) => addClass(slides[index], className))\n }\n\n function toggleSnappedClasses(): void {\n const { slideRegistry } = emblaApi.internalEngine()\n const slideIndexes = slideRegistry[emblaApi.selectedScrollSnap()]\n toggleSlideClasses(slideIndexes, options.snapped)\n }\n\n function toggleInViewClasses(): void {\n const slideIndexes = emblaApi.slidesInView()\n toggleSlideClasses(slideIndexes, options.inView)\n }\n\n const self: ClassNamesType = {\n name: 'classNames',\n options: userOptions,\n init,\n destroy\n }\n return self\n}\n\nClassNames.globalOptions = undefined\n\nexport default ClassNames\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport ClassNames from 'embla-carousel-class-names'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef] = useEmblaCarousel(options, [ClassNames()])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselClassNames from 'components/Sandbox/React/SandboxFilesSrc/ClassNames/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselClassNamesStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-class-names'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselClassNamesStyles('60%')\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselClassNames = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport CarouselClassNames from 'components/Sandbox/React/SandboxFilesSrc/ClassNames/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Plugins/ClassNames'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES,\n SANDBOX_PLUGINS\n} from 'consts/sandbox'\nimport {\n addSandboxPlugins,\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID,\n ...addSandboxPlugins(SANDBOX_PLUGINS.CLASS_NAMES)\n}\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/ClassNames/EmblaCarousel.ts'\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/ClassNames/EmblaCarousel.js'\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n )\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/ClassNames/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/ClassNames/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselClassNamesSandboxes = () => {\n return \n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRef, emblaApi] = useEmblaCarousel(options)\n const [scrollProgress, setScrollProgress] = useState(0)\n\n const onScroll = useCallback((emblaApi: EmblaCarouselType) => {\n const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()))\n setScrollProgress(progress * 100)\n }, [])\n\n useEffect(() => {\n if (!emblaApi) return\n\n onScroll(emblaApi)\n emblaApi.on('reInit', onScroll)\n emblaApi.on('scroll', onScroll)\n }, [emblaApi, onScroll])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n
    \n
    \n
    \n \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselProgress from 'components/Sandbox/React/SandboxFilesSrc/Progress/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselProgressStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-progress'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = { dragFree: true }\nexport const STYLES = createCarouselProgressStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselProgress = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport CarouselProgress from 'components/Sandbox/React/SandboxFilesSrc/Progress/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Miscellaneous/Progress'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_PROGRESS_FILE_NAME = 'progress-bar'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let progressBarScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Progress/EmblaCarousel.ts'\n )\n progressBarScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Progress/progress-bar.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Progress/EmblaCarousel.js'\n )\n progressBarScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/Progress/progress-bar.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_PROGRESS_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(progressBarScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Progress/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/Progress/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselProgressSandboxes = () => {\n return \n}\n","import React, { useState, useCallback } from 'react'\n\nconst PLACEHOLDER_SRC = `data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D`\n\ntype PropType = {\n imgSrc: string\n inView: boolean\n index: number\n}\n\nexport const LazyLoadImage: React.FC = (props) => {\n const { imgSrc, inView, index } = props\n const [hasLoaded, setHasLoaded] = useState(false)\n\n const setLoaded = useCallback(() => {\n if (inView) setHasLoaded(true)\n }, [inView, setHasLoaded])\n\n return (\n
    \n \n {!hasLoaded && }\n
    \n {index + 1}\n
    \n \n
    \n \n )\n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { LazyLoadImage } from './EmblaCarouselLazyLoadImage'\nimport imageByIndex from '../imageByIndex'\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { slides, options } = props\n const [emblaRed, emblaApi] = useEmblaCarousel(options)\n const [slidesInView, setSlidesInView] = useState([])\n\n const updateSlidesInView = useCallback((emblaApi: EmblaCarouselType) => {\n setSlidesInView((slidesInView) => {\n if (slidesInView.length === emblaApi.slideNodes().length) {\n emblaApi.off('slidesInView', updateSlidesInView)\n }\n const inView = emblaApi\n .slidesInView()\n .filter((index) => !slidesInView.includes(index))\n return slidesInView.concat(inView)\n })\n }, [])\n\n useEffect(() => {\n if (!emblaApi) return\n\n updateSlidesInView(emblaApi)\n emblaApi.on('slidesInView', updateSlidesInView)\n emblaApi.on('reInit', updateSlidesInView)\n }, [emblaApi, updateSlidesInView])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n -1}\n />\n ))}\n
    \n
    \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselLazyLoad from 'components/Sandbox/React/SandboxFilesSrc/LazyLoad/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselLazyLoadStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-lazy-load'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {}\nexport const STYLES = createCarouselLazyLoadStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselLazyLoad = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport { SANDBOX_REACT_FOLDERS } from 'components/Sandbox/React/sandboxReactFolders'\nimport CarouselLazyLoad from 'components/Sandbox/React/SandboxFilesSrc/LazyLoad/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Miscellaneous/LazyLoad'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_LAZY_LOAD_FILE_NAME = 'lazy-load'\nconst REACT_LAZY_LOAD_FILE_NAME = 'EmblaCarouselLazyLoadImage'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let lazyLoadScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/LazyLoad/EmblaCarousel.ts'\n )\n lazyLoadScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/LazyLoad/lazy-load.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/LazyLoad/EmblaCarousel.js'\n )\n lazyLoadScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/LazyLoad/lazy-load.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_LAZY_LOAD_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(lazyLoadScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript, reactScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let lazyLoadScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/LazyLoad/EmblaCarousel.tsx`\n )\n lazyLoadScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/LazyLoad/EmblaCarouselLazyLoadImage.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/LazyLoad/EmblaCarousel.jsx`\n )\n lazyLoadScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/LazyLoad/EmblaCarouselLazyLoadImage.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n sandboxOverrides: {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_LAZY_LOAD_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(lazyLoadScript.default)\n }\n }\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\nexport const ExampleCarouselLazyLoadSandboxes = () => {\n return \n}\n","import React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { EngineType } from 'embla-carousel/components/Engine'\nimport { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport imageByIndex from '../imageByIndex'\n\nconst mockApiCall = (\n minWait: number,\n maxWait: number,\n callback: () => void\n): void => {\n const min = Math.ceil(minWait)\n const max = Math.floor(maxWait)\n const wait = Math.floor(Math.random() * (max - min + 1)) + min\n setTimeout(callback, wait)\n}\n\ntype PropType = {\n slides: number[]\n options?: EmblaOptionsType\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { options, slides: propSlides } = props\n const scrollListenerRef = useRef<() => void>(() => undefined)\n const listenForScrollRef = useRef(true)\n const hasMoreToLoadRef = useRef(true)\n const [slides, setSlides] = useState(propSlides)\n const [hasMoreToLoad, setHasMoreToLoad] = useState(true)\n const [loadingMore, setLoadingMore] = useState(false)\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n ...options,\n watchSlides: (emblaApi) => {\n const reloadEmbla = (): void => {\n const oldEngine = emblaApi.internalEngine()\n\n emblaApi.reInit()\n const newEngine = emblaApi.internalEngine()\n const copyEngineModules: (keyof EngineType)[] = [\n 'location',\n 'target',\n 'scrollBody'\n ]\n copyEngineModules.forEach((engineModule) => {\n Object.assign(newEngine[engineModule], oldEngine[engineModule])\n })\n\n newEngine.translate.to(oldEngine.location.get())\n const { index } = newEngine.scrollTarget.byDistance(0, false)\n newEngine.index.set(index)\n newEngine.animation.start()\n\n setLoadingMore(false)\n listenForScrollRef.current = true\n }\n\n const reloadAfterPointerUp = (): void => {\n emblaApi.off('pointerUp', reloadAfterPointerUp)\n reloadEmbla()\n }\n\n const engine = emblaApi.internalEngine()\n\n if (hasMoreToLoadRef.current && engine.dragHandler.pointerDown()) {\n const boundsActive = engine.limit.reachedMax(engine.target.get())\n engine.scrollBounds.toggleActive(boundsActive)\n emblaApi.on('pointerUp', reloadAfterPointerUp)\n } else {\n reloadEmbla()\n }\n }\n })\n\n const onScroll = useCallback((emblaApi: EmblaCarouselType) => {\n if (!listenForScrollRef.current) return\n\n setLoadingMore((loadingMore) => {\n const lastSlide = emblaApi.slideNodes().length - 1\n const lastSlideInView = emblaApi.slidesInView().includes(lastSlide)\n const loadMore = !loadingMore && lastSlideInView\n\n if (loadMore) {\n listenForScrollRef.current = false\n\n mockApiCall(1000, 2000, () => {\n setSlides((currentSlides) => {\n if (currentSlides.length === 20) {\n setHasMoreToLoad(false)\n emblaApi.off('scroll', scrollListenerRef.current)\n return currentSlides\n }\n const newSlideCount = currentSlides.length + 5\n return Array.from(Array(newSlideCount).keys())\n })\n })\n }\n\n return loadingMore || lastSlideInView\n })\n }, [])\n\n const addScrollListener = useCallback(\n (emblaApi: EmblaCarouselType) => {\n scrollListenerRef.current = () => onScroll(emblaApi)\n emblaApi.on('scroll', scrollListenerRef.current)\n },\n [onScroll]\n )\n\n useEffect(() => {\n if (!emblaApi) return\n addScrollListener(emblaApi)\n\n const onResize = () => emblaApi.reInit()\n window.addEventListener('resize', onResize)\n emblaApi.on('destroy', () => window.removeEventListener('resize', onResize))\n }, [emblaApi, addScrollListener])\n\n useEffect(() => {\n hasMoreToLoadRef.current = hasMoreToLoad\n }, [hasMoreToLoad])\n\n return (\n
    \n
    \n
    \n {slides.map((index) => (\n
    \n
    \n {index + 1}\n
    \n \n
    \n ))}\n {hasMoreToLoad && (\n \n \n
    \n )}\n
    \n
    \n \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselInfiniteScroll from 'components/Sandbox/React/SandboxFilesSrc/InfiniteScroll/EmblaCarousel'\nimport { carouselDefaultWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselInfiniteScrollStyles } from 'components/Examples/createCarouselStyles'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\n\nexport const ID = 'embla-carousel-infinite-scroll'\nexport const SLIDES = arrayFromNumber(5)\nexport const OPTIONS: EmblaOptionsType = {\n dragFree: true,\n containScroll: 'keepSnaps',\n watchSlides: false,\n watchResize: false\n}\nexport const STYLES = createCarouselInfiniteScrollStyles()\n\nexport const Wrapper = styled.div`\n ${carouselDefaultWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\nexport const ExampleCarouselInfiniteScroll = () => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? (\n \n ) : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport CarouselInfiniteScroll from 'components/Sandbox/React/SandboxFilesSrc/InfiniteScroll/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport {\n ID,\n SLIDES,\n OPTIONS,\n STYLES\n} from 'components/Examples/Miscellaneous/InfiniteScroll'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: SLIDES,\n options: OPTIONS,\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_INFINITE_SCROLL_FILE_NAME = 'infinite-scroll'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let infiniteScrollScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/EmblaCarousel.ts'\n )\n infiniteScrollScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/infinite-scroll.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/EmblaCarousel.js'\n )\n infiniteScrollScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/infinite-scroll.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(\n \n ),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_INFINITE_SCROLL_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(infiniteScrollScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (language: SandboxLanguageType): Promise => {\n const { isTypeScript } = await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/InfiniteScroll/EmblaCarousel.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/InfiniteScroll/EmblaCarousel.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n carouselScript: carouselScript.default\n })\n}\n\nconst SANDBOXES: SandboxSelectionType[] = createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT)\n})\n\nexport const ExampleCarouselInfiniteScrollSandboxes = () => {\n return \n}\n","import React, { useEffect, useState, useCallback, useRef } from 'react'\nimport { EmblaCarouselType } from 'embla-carousel'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { flushSync } from 'react-dom'\n\nconst CIRCLE_DEGREES = 360\nconst WHEEL_ITEM_SIZE = 30\nconst WHEEL_ITEM_COUNT = 18\nconst WHEEL_ITEMS_IN_VIEW = 4\n\nexport const WHEEL_ITEM_RADIUS = CIRCLE_DEGREES / WHEEL_ITEM_COUNT\nexport const IN_VIEW_DEGREES = WHEEL_ITEM_RADIUS * WHEEL_ITEMS_IN_VIEW\nexport const WHEEL_RADIUS = Math.round(\n WHEEL_ITEM_SIZE / 2 / Math.tan(Math.PI / WHEEL_ITEM_COUNT)\n)\n\nconst isInView = (wheelLocation: number, slidePosition: number): boolean =>\n Math.abs(wheelLocation - slidePosition) < IN_VIEW_DEGREES\n\ntype SlideStylesType = {\n opacity: number\n transform: string\n}\n\nconst getSlideStyles = (\n emblaApi: EmblaCarouselType,\n index: number,\n loop: boolean,\n slideCount: number,\n totalRadius: number\n): SlideStylesType => {\n const wheelLocation = emblaApi.scrollProgress() * totalRadius\n const positionDefault = emblaApi.scrollSnapList()[index] * totalRadius\n const positionLoopStart = positionDefault + totalRadius\n const positionLoopEnd = positionDefault - totalRadius\n\n let inView = false\n let angle = index * -WHEEL_ITEM_RADIUS\n\n if (isInView(wheelLocation, positionDefault)) {\n inView = true\n }\n\n if (loop && isInView(wheelLocation, positionLoopEnd)) {\n inView = true\n angle = -CIRCLE_DEGREES + (slideCount - index) * WHEEL_ITEM_RADIUS\n }\n\n if (loop && isInView(wheelLocation, positionLoopStart)) {\n inView = true\n angle = -(totalRadius % CIRCLE_DEGREES) - index * WHEEL_ITEM_RADIUS\n }\n\n if (inView) {\n return {\n opacity: 1,\n transform: `rotateX(${angle}deg) translateZ(${WHEEL_RADIUS}px)`\n }\n }\n return { opacity: 0, transform: 'none' }\n}\n\nexport const getContainerStyles = (\n wheelRotation: number\n): Pick => ({\n transform: `translateZ(${WHEEL_RADIUS}px) rotateX(${wheelRotation}deg)`\n})\n\nexport const getSlidesStyles = (\n emblaApi: EmblaCarouselType | undefined,\n loop: boolean,\n slideCount: number,\n totalRadius: number\n): SlideStylesType[] => {\n const slidesStyles: SlideStylesType[] = []\n\n for (let index = 0; index < slideCount; index += 1) {\n const slideStyle = emblaApi\n ? getSlideStyles(emblaApi, index, loop, slideCount, totalRadius)\n : ({} as SlideStylesType)\n slidesStyles.push(slideStyle)\n }\n return slidesStyles\n}\n\ntype PropType = {\n loop?: boolean\n label: string\n slideCount: number\n perspective: 'left' | 'right'\n}\n\nexport const IosPickerItem: React.FC = (props) => {\n const { slideCount, perspective, label, loop = false } = props\n const [emblaRef, emblaApi] = useEmblaCarousel({\n loop,\n axis: 'y',\n dragFree: true,\n containScroll: false,\n watchResize: false,\n watchSlides: false\n })\n const [wheelReady, setWheelReady] = useState(false)\n const [wheelRotation, setWheelRotation] = useState(0)\n const rootNodeRef = useRef(null)\n const rootNodeSize = useRef(0)\n const totalRadius = slideCount * WHEEL_ITEM_RADIUS\n const rotationOffset = loop ? 0 : WHEEL_ITEM_RADIUS\n const containerStyles = getContainerStyles(wheelRotation)\n const slideStyles = getSlidesStyles(emblaApi, loop, slideCount, totalRadius)\n\n const inactivateEmblaTransform = useCallback(\n (emblaApi: EmblaCarouselType) => {\n if (!emblaApi) return\n const { translate, slideLooper } = emblaApi.internalEngine()\n translate.clear()\n translate.toggleActive(false)\n slideLooper.loopPoints.forEach(({ translate }) => {\n translate.clear()\n translate.toggleActive(false)\n })\n },\n []\n )\n\n const readRootNodeSize = useCallback((emblaApi: EmblaCarouselType) => {\n if (!emblaApi) return 0\n return emblaApi.rootNode().getBoundingClientRect().height\n }, [])\n\n const rotateWheel = useCallback(\n (emblaApi: EmblaCarouselType) => {\n if (!emblaApi) return\n const rotation = slideCount * WHEEL_ITEM_RADIUS - rotationOffset\n setWheelRotation(rotation * emblaApi.scrollProgress())\n },\n [slideCount, rotationOffset, setWheelRotation]\n )\n\n useEffect(() => {\n if (!emblaApi) return\n\n emblaApi.on('pointerUp', () => {\n const { scrollTo, target, location } = emblaApi.internalEngine()\n const diffToTarget = target.get() - location.get()\n const factor = Math.abs(diffToTarget) < WHEEL_ITEM_SIZE / 2.5 ? 10 : 0.1\n const distance = diffToTarget * factor\n scrollTo.distance(distance, true)\n })\n\n emblaApi.on('scroll', () => {\n flushSync(() => rotateWheel(emblaApi))\n })\n\n setWheelReady(true)\n inactivateEmblaTransform(emblaApi)\n rotateWheel(emblaApi)\n }, [emblaApi, inactivateEmblaTransform, rotateWheel])\n\n useEffect(() => {\n if (!emblaApi) return\n if (!rootNodeSize.current) rootNodeSize.current = readRootNodeSize(emblaApi)\n\n const resizeObserver = new ResizeObserver(() => {\n if (readRootNodeSize(emblaApi) !== rootNodeSize.current) {\n rootNodeSize.current = readRootNodeSize(emblaApi)\n flushSync(() => setWheelReady(false))\n\n setWheelReady(() => {\n emblaApi.reInit()\n inactivateEmblaTransform(emblaApi)\n rotateWheel(emblaApi)\n return true\n })\n }\n })\n\n resizeObserver.observe(emblaApi.rootNode())\n\n return () => {\n resizeObserver.disconnect()\n }\n }, [\n emblaApi,\n inactivateEmblaTransform,\n setWheelReady,\n rotateWheel,\n readRootNodeSize\n ])\n\n return (\n
    \n
    \n \n \n {slideStyles.map((slideStyle, index) => (\n \n {index}\n
    \n ))}\n
    \n \n \n
    {label}
    \n \n )\n}\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport { IosPickerItem } from './EmblaCarouselIosPickerItem'\n\ntype PropType = {\n loop?: EmblaOptionsType['loop']\n}\n\nconst EmblaCarousel: React.FC = (props) => {\n const { loop } = props\n\n return (\n
    \n \n \n
    \n )\n}\n\nexport default EmblaCarousel\n","import React from 'react'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport styled from 'styled-components'\nimport { useInView } from 'react-intersection-observer'\nimport CarouselIosPicker from 'components/Sandbox/React/SandboxFilesSrc/IosPicker/EmblaCarousel'\nimport { iosPickerWrapperStyles } from 'components/Examples/carouselWrapperStyles'\nimport { createCarouselIosPickerStyles } from 'components/Examples/createCarouselStyles'\n\nexport const ID = 'embla-carousel-ios-style-picker'\nexport const STYLES = createCarouselIosPickerStyles()\n\nexport const Wrapper = styled.div`\n ${iosPickerWrapperStyles};\n\n &.${ID} {\n ${STYLES};\n }\n`\n\ntype PropType = {\n loop: EmblaOptionsType['loop']\n}\n\nexport const ExampleCarouselIosPicker = (props: PropType) => {\n const [inViewRef, inView] = useInView()\n\n return (\n \n {inView ? : null}\n \n )\n}\n","import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport { SANDBOX_REACT_FOLDERS } from 'components/Sandbox/React/sandboxReactFolders'\nimport CarouselIosPicker from 'components/Sandbox/React/SandboxFilesSrc/IosPicker/EmblaCarousel'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { SandboxSelection } from 'components/Sandbox/SandboxSelection'\nimport { createSandboxReactIosPickerEntry } from 'components/Sandbox/React/createSandboxReactEntry'\nimport { ID, STYLES } from 'components/Examples/Miscellaneous/IosPicker'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst SHARED_CONFIG = {\n slides: [],\n styles: STYLES,\n id: ID\n}\n\nconst VANILLA_IOS_PICKER_FILE_NAME = 'ios-picker'\nconst REACT_IOS_PICKER_FILE_NAME = 'EmblaCarouselIosPickerItem'\n\nconst sandboxVanilla = async (\n language: SandboxLanguageType,\n loop: boolean\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let iosPickerScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/IosPicker/EmblaCarousel.ts'\n )\n iosPickerScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/IosPicker/ios-picker.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/IosPicker/EmblaCarousel.js'\n )\n iosPickerScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/IosPicker/ios-picker.js`\n )\n }\n\n return createSandboxVanilla({\n ...SHARED_CONFIG,\n language,\n options: { loop },\n carouselScript: carouselScript.default,\n carouselHtml: ReactDOMServer.renderToStaticMarkup(),\n sandboxOverrides: {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_IOS_PICKER_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(iosPickerScript.default)\n }\n }\n })\n}\n\nconst sandboxReact = async (\n language: SandboxLanguageType,\n loop: boolean\n): Promise => {\n const { isTypeScript, reactScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n const indexScript = await createSandboxReactIosPickerEntry(isTypeScript, loop)\n let carouselScript: SandboxModuleType\n let itemScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/IosPicker/EmblaCarousel.tsx`\n )\n itemScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/IosPicker/EmblaCarouselIosPickerItem.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/IosPicker/EmblaCarousel.jsx`\n )\n itemScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/IosPicker/EmblaCarouselIosPickerItem.jsx`\n )\n }\n\n return createSandboxReact({\n ...SHARED_CONFIG,\n language,\n indexScript: indexScript,\n options: { loop },\n carouselScript: carouselScript.default,\n sandboxOverrides: {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_IOS_PICKER_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(itemScript.default)\n }\n }\n })\n}\n\nconst SANDBOXES_DEFAULT: SandboxSelectionType[] =\n createSandboxFunctionsWithLabels({\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT, false),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT, false),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT, false),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT, false)\n })\n\nconst SANDBOXES_LOOP: SandboxSelectionType[] = createSandboxFunctionsWithLabels(\n {\n VANILLA_JS: () => sandboxVanilla(SANDBOX_LANGUAGES.JAVASCRIPT, true),\n VANILLA_TS: () => sandboxVanilla(SANDBOX_LANGUAGES.TYPESCRIPT, true),\n REACT_JS: () => sandboxReact(SANDBOX_LANGUAGES.JAVASCRIPT, true),\n REACT_TS: () => sandboxReact(SANDBOX_LANGUAGES.TYPESCRIPT, true)\n }\n)\n\nexport const ExampleCarouselIosPickerDefaultSandboxes = () => {\n return \n}\n\nexport const ExampleCarouselIosPickerLoopSandboxes = () => {\n return \n}\n","/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {ExampleCarouselDefault} from 'components/Examples/Basic/Default';\nimport {ExampleCarouselDefaultSandboxes} from 'components/Examples/Basic/DefaultSandboxes';\nimport {ExampleCarouselLoop} from 'components/Examples/Basic/Loop';\nimport {ExampleCarouselLoopSandboxes} from 'components/Examples/Basic/LoopSandboxes';\nimport {ExampleCarouselRightToLeft} from 'components/Examples/Basic/RightToLeft';\nimport {ExampleCarouselRightToLeftSandboxes} from 'components/Examples/Basic/RightToLeftSandboxes';\nimport {ExampleCarouselSlidesToScroll} from 'components/Examples/Basic/SlidesToScroll';\nimport {ExampleCarouselSlidesToScrollSandboxes} from 'components/Examples/Basic/SlidesToScrollSandboxes';\nimport {ExampleCarouselDragFree} from 'components/Examples/Basic/DragFree';\nimport {ExampleCarouselDragFreeSandboxes} from 'components/Examples/Basic/DragFreeSandboxes';\nimport {ExampleCarouselAlign} from 'components/Examples/Basic/Align';\nimport {ExampleCarouselAlignSandboxes} from 'components/Examples/Basic/AlignSandboxes';\nimport {ExampleCarouselVariableWidths} from 'components/Examples/Basic/VariableWidths';\nimport {ExampleCarouselVariableWidthsSandboxes} from 'components/Examples/Basic/VariableWidthsSandboxes';\nimport {ExampleCarouselYAxis} from 'components/Examples/Basic/YAxis';\nimport {ExampleCarouselYAxisSandboxes} from 'components/Examples/Basic/YAxisSandboxes';\nimport {ExampleCarouselArrowsDots} from 'components/Examples/Navigation/ArrowsDots';\nimport {ExampleCarouselArrowsDotsSandboxes} from 'components/Examples/Navigation/ArrowsDotsSandboxes';\nimport {ExampleCarouselThumbs} from 'components/Examples/Navigation/Thumbs';\nimport {ExampleCarouselThumbsSandboxes} from 'components/Examples/Navigation/ThumbsSandboxes';\nimport {ExampleCarouselParallax} from 'components/Examples/Tween/Parallax';\nimport {ExampleCarouselParallaxSandboxes} from 'components/Examples/Tween/ParallaxSandboxes';\nimport {ExampleCarouselScale} from 'components/Examples/Tween/Scale';\nimport {ExampleCarouselScaleSandboxes} from 'components/Examples/Tween/ScaleSandboxes';\nimport {ExampleCarouselOpacity} from 'components/Examples/Tween/Opacity';\nimport {ExampleCarouselOpacitySandboxes} from 'components/Examples/Tween/OpacitySandboxes';\nimport {ExampleCarouselAutoplay} from 'components/Examples/Plugins/Autoplay';\nimport {ExampleCarouselAutoplaySandboxes} from 'components/Examples/Plugins/AutoplaySandboxes';\nimport {ExampleCarouselClassNames} from 'components/Examples/Plugins/ClassNames';\nimport {ExampleCarouselClassNamesSandboxes} from 'components/Examples/Plugins/ClassNamesSandboxes';\nimport {ExampleCarouselProgress} from 'components/Examples/Miscellaneous/Progress';\nimport {ExampleCarouselProgressSandboxes} from 'components/Examples/Miscellaneous/ProgressSandboxes';\nimport {ExampleCarouselLazyLoad} from 'components/Examples/Miscellaneous/LazyLoad';\nimport {ExampleCarouselLazyLoadSandboxes} from 'components/Examples/Miscellaneous/LazyLoadSandboxes';\nimport {ExampleCarouselInfiniteScroll} from 'components/Examples/Miscellaneous/InfiniteScroll';\nimport {ExampleCarouselInfiniteScrollSandboxes} from 'components/Examples/Miscellaneous/InfiniteScrollSandboxes';\nimport {ExampleCarouselIosPicker} from 'components/Examples/Miscellaneous/IosPicker';\nimport {ExampleCarouselIosPickerDefaultSandboxes, ExampleCarouselIosPickerLoopSandboxes} from 'components/Examples/Miscellaneous/IosPickerSandboxes';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n h3: \"h3\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Predefined Examples\"), \"\\n\", React.createElement(_components.p, null, \"Get started instantly with pre-made CodeSandboxes. Do you want to customize your carousel more? Try the \", React.createElement(_components.a, {\n href: \"/examples/generator\"\n }, \"carousel generator\"), \".\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"basic-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#basic-examples\",\n \"aria-label\": \"basic examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Basic Examples\"), \"\\n\", React.createElement(_components.p, null, \"Basic carousel setups that require minimal effort to get started with.\"), \"\\n\", React.createElement(_components.h3, {\n id: \"default\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#default\",\n \"aria-label\": \"default permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Default\"), \"\\n\", React.createElement(ExampleCarouselDefaultSandboxes), \"\\n\", React.createElement(ExampleCarouselDefault), \"\\n\", React.createElement(_components.h3, {\n id: \"loop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#loop\",\n \"aria-label\": \"loop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Loop\"), \"\\n\", React.createElement(ExampleCarouselLoopSandboxes), \"\\n\", React.createElement(ExampleCarouselLoop), \"\\n\", React.createElement(_components.h3, {\n id: \"right-to-left\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#right-to-left\",\n \"aria-label\": \"right to left permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Right To Left\"), \"\\n\", React.createElement(ExampleCarouselRightToLeftSandboxes), \"\\n\", React.createElement(ExampleCarouselRightToLeft), \"\\n\", React.createElement(_components.h3, {\n id: \"slides-to-scroll\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#slides-to-scroll\",\n \"aria-label\": \"slides to scroll permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Slides To Scroll\"), \"\\n\", React.createElement(ExampleCarouselSlidesToScrollSandboxes), \"\\n\", React.createElement(ExampleCarouselSlidesToScroll), \"\\n\", React.createElement(_components.h3, {\n id: \"drag-free\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#drag-free\",\n \"aria-label\": \"drag free permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Drag Free\"), \"\\n\", React.createElement(ExampleCarouselDragFreeSandboxes), \"\\n\", React.createElement(ExampleCarouselDragFree), \"\\n\", React.createElement(_components.h3, {\n id: \"align\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#align\",\n \"aria-label\": \"align permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Align\"), \"\\n\", React.createElement(ExampleCarouselAlignSandboxes), \"\\n\", React.createElement(ExampleCarouselAlign), \"\\n\", React.createElement(_components.h3, {\n id: \"variable-widths\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#variable-widths\",\n \"aria-label\": \"variable widths permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Variable Widths\"), \"\\n\", React.createElement(ExampleCarouselVariableWidthsSandboxes), \"\\n\", React.createElement(ExampleCarouselVariableWidths), \"\\n\", React.createElement(_components.h3, {\n id: \"y-axis\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#y-axis\",\n \"aria-label\": \"y axis permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Y-axis\"), \"\\n\", React.createElement(ExampleCarouselYAxisSandboxes), \"\\n\", React.createElement(ExampleCarouselYAxis), \"\\n\", React.createElement(_components.h2, {\n id: \"navigation-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#navigation-examples\",\n \"aria-label\": \"navigation examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Navigation Examples\"), \"\\n\", React.createElement(_components.p, null, \"Add navigation to your carousels by utilizing the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \".\"), \"\\n\", React.createElement(_components.h3, {\n id: \"arrows--dots\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#arrows--dots\",\n \"aria-label\": \"arrows dots permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Arrows & Dots\"), \"\\n\", React.createElement(ExampleCarouselArrowsDotsSandboxes), \"\\n\", React.createElement(ExampleCarouselArrowsDots), \"\\n\", React.createElement(_components.h3, {\n id: \"thumbnails\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#thumbnails\",\n \"aria-label\": \"thumbnails permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Thumbnails\"), \"\\n\", React.createElement(ExampleCarouselThumbsSandboxes), \"\\n\", React.createElement(ExampleCarouselThumbs), \"\\n\", React.createElement(_components.h2, {\n id: \"tween-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#tween-examples\",\n \"aria-label\": \"tween examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Tween Examples\"), \"\\n\", React.createElement(_components.p, null, \"Tween styles on your slides as the carousel scrolls.\"), \"\\n\", React.createElement(_components.h3, {\n id: \"parallax\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#parallax\",\n \"aria-label\": \"parallax permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Parallax\"), \"\\n\", React.createElement(ExampleCarouselParallaxSandboxes), \"\\n\", React.createElement(ExampleCarouselParallax), \"\\n\", React.createElement(_components.h3, {\n id: \"scale\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#scale\",\n \"aria-label\": \"scale permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Scale\"), \"\\n\", React.createElement(ExampleCarouselScaleSandboxes), \"\\n\", React.createElement(ExampleCarouselScale), \"\\n\", React.createElement(_components.h3, {\n id: \"opacity\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#opacity\",\n \"aria-label\": \"opacity permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Opacity\"), \"\\n\", React.createElement(ExampleCarouselOpacitySandboxes), \"\\n\", React.createElement(ExampleCarouselOpacity), \"\\n\", React.createElement(_components.h2, {\n id: \"plugin-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#plugin-examples\",\n \"aria-label\": \"plugin examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Plugin Examples\"), \"\\n\", React.createElement(_components.p, null, \"Extend your carousels with \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \" and easily add features.\"), \"\\n\", React.createElement(_components.h3, {\n id: \"autoplay\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#autoplay\",\n \"aria-label\": \"autoplay permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Autoplay\"), \"\\n\", React.createElement(ExampleCarouselAutoplaySandboxes), \"\\n\", React.createElement(ExampleCarouselAutoplay), \"\\n\", React.createElement(_components.h3, {\n id: \"class-names\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#class-names\",\n \"aria-label\": \"class names permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Class Names\"), \"\\n\", React.createElement(ExampleCarouselClassNamesSandboxes), \"\\n\", React.createElement(ExampleCarouselClassNames), \"\\n\", React.createElement(_components.h2, {\n id: \"miscellaneous-examples\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#miscellaneous-examples\",\n \"aria-label\": \"miscellaneous examples permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Miscellaneous Examples\"), \"\\n\", React.createElement(_components.p, null, \"Add features using the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" and the internal engine.\"), \"\\n\", React.createElement(_components.h3, {\n id: \"progress\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#progress\",\n \"aria-label\": \"progress permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Progress\"), \"\\n\", React.createElement(ExampleCarouselProgressSandboxes), \"\\n\", React.createElement(ExampleCarouselProgress), \"\\n\", React.createElement(_components.h3, {\n id: \"lazy-load\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#lazy-load\",\n \"aria-label\": \"lazy load permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Lazy Load\"), \"\\n\", React.createElement(ExampleCarouselLazyLoadSandboxes), \"\\n\", React.createElement(ExampleCarouselLazyLoad), \"\\n\", React.createElement(_components.h3, {\n id: \"infinite-scroll\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#infinite-scroll\",\n \"aria-label\": \"infinite scroll permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Infinite Scroll\"), \"\\n\", React.createElement(ExampleCarouselInfiniteScrollSandboxes), \"\\n\", React.createElement(ExampleCarouselInfiniteScroll), \"\\n\", React.createElement(_components.h3, {\n id: \"ios-style-picker-default\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#ios-style-picker-default\",\n \"aria-label\": \"ios style picker default permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"IOS Style Picker Default\"), \"\\n\", React.createElement(ExampleCarouselIosPickerDefaultSandboxes), \"\\n\", React.createElement(ExampleCarouselIosPicker, {\n loop: false\n }), \"\\n\", React.createElement(_components.h3, {\n id: \"ios-style-picker-loop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#ios-style-picker-loop\",\n \"aria-label\": \"ios style picker loop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"IOS Style Picker Loop\"), \"\\n\", React.createElement(ExampleCarouselIosPickerLoopSandboxes), \"\\n\", React.createElement(ExampleCarouselIosPicker, {\n loop: true\n }));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/examples/predefined.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n"],"names":["ID","SLIDES","arrayFromNumber","OPTIONS","STYLES","createCarouselDefaultStyles","Wrapper","styled","carouselDefaultWrapperStyles","ExampleCarouselDefault","inViewRef","inView","useInView","React","className","ref","CarouselDefault","slides","options","INPUT_RADIO_GROUP_NAME","SandboxSelectionFormWrapper","Fieldset","SPACINGS","Legend","FONT_SIZES","FONT_WEIGHTS","SandboxSelectionList","createGapStyles","SANDBOX_SELECTION_SPACING","SandboxSelection","SandboxSelectionForm","props","sandboxes","sandboxKey","setSandboxKey","useState","sandbox","setSandbox","isLoading","loadSandbox","useCallback","async","find","key","createSandbox","onChange","event","currentTarget","value","useEffect","action","URLS","method","target","role","map","SandboxSelectionInput","framework","name","id","snakeCaseToKebabCase","checked","label","type","ButtonPrimaryFilledWithLoading","disabled","PORTAL_ELEMENT_ID","Portal","children","portalWrapper","useRef","isBrowser","wrapper","document","getElementById","createElement","body","appendChild","getExistingOrCreatePortalWrapper","portalContent","current","removeChild","createPortal","SELECT_CODESANDBOX_DIALOG_ID","CLOSE_KEYS","DESKTOP_END_SPACING","SandboxSelectionWrapper","SandboxSelectionButtons","ButtonBare","COLORS","BORDER_RADIUSES","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","SelectionModal","LAYERS","PAGE_FRAME_SPACING","MEDIA","SelectionModalOverlay","SelectionModalCloseButton","createSquareSizeStyles","SelectionModalScrollArea","selectionOpen","setSelectionOpen","onKeyUp","_ref","includes","useEventListener","onClick","IconWithText","iconSvg","iconSize","FocusTrap","active","Icon","svg","size","SHARED_CONFIG","styles","sandboxVanilla","isTypeScript","sandboxLanguageUtils","language","carouselScript","createSandboxVanilla","default","carouselHtml","ReactDOMServer","sandboxReact","createSandboxReact","SANDBOXES","createSandboxFunctionsWithLabels","VANILLA_JS","SANDBOX_LANGUAGES","VANILLA_TS","REACT_JS","REACT_TS","ExampleCarouselDefaultSandboxes","loop","ExampleCarouselLoop","ExampleCarouselLoopSandboxes","emblaRef","useEmblaCarousel","dir","index","src","imageByIndex","alt","direction","ExampleCarouselRightToLeft","CarouselRightToLeft","ExampleCarouselRightToLeftSandboxes","slidesToScroll","containScroll","ExampleCarouselSlidesToScroll","ExampleCarouselSlidesToScrollSandboxes","dragFree","ExampleCarouselDragFree","ExampleCarouselDragFreeSandboxes","align","ExampleCarouselAlign","ExampleCarouselAlignSandboxes","createCarouselVariableWidthStyles","ExampleCarouselVariableWidths","ExampleCarouselVariableWidthsSandboxes","axis","undefined","ExampleCarouselYAxis","ExampleCarouselYAxisSandboxes","DotButton","restProps","PrevButton","viewBox","fill","d","NextButton","emblaApi","prevBtnDisabled","setPrevBtnDisabled","nextBtnDisabled","setNextBtnDisabled","selectedIndex","setSelectedIndex","scrollSnaps","setScrollSnaps","scrollPrev","scrollNext","scrollTo","onInit","scrollSnapList","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","_","concat","createCarouselArrowsDotsStyles","ExampleCarouselArrowsDots","CarouselArrowsDots","vanillaScriptExtension","formatScript","buttonsScript","sandboxOverrides","SANDBOX_VANILLA_FOLDERS","isBinary","content","reactScriptExtension","SANDBOX_REACT_FOLDERS","ExampleCarouselArrowsDotsSandboxes","Thumb","selected","imgSrc","emblaMainRef","emblaMainApi","emblaThumbsRef","emblaThumbsApi","onThumbClick","createCarouselThumbsStyles","carouselThumbsWrapperStyles","ExampleCarouselThumbs","CarouselThumbs","ExampleCarouselThumbsSandboxes","tweenValues","setTweenValues","onScroll","engine","internalEngine","scrollProgress","scrollSnap","diffToTarget","slideLooper","loopPoints","forEach","loopItem","sign","Math","flushSync","style","length","transform","createCarouselParallaxStyles","ExampleCarouselParallax","CarouselParallax","tweenScript","ExampleCarouselParallaxSandboxes","tweenValue","abs","number","min","max","createCarouselScaleStyles","ExampleCarouselScale","CarouselScale","ExampleCarouselScaleSandboxes","opacity","ExampleCarouselOpacity","CarouselOpacity","ExampleCarouselOpacitySandboxes","defaultOptions","breakpoints","delay","jump","playOnInit","stopOnFocusIn","stopOnInteraction","stopOnMouseEnter","stopOnLastSnap","rootNode","Autoplay","userOptions","destroyed","playing","resume","animationFrame","timer","startTimer","emit","ownerWindow","clearInterval","setInterval","next","clearTimer","play","jumpOverride","requestAnimationFrame","nextIndex","clone","add","get","lastIndex","init","emblaApiInstance","optionsHandler","mergeOptions","optionsAtMedia","optionsBase","globalOptions","allOptions","eventStore","ownerDocument","emblaRoot","root","visibilityState","destroy","off","cancelAnimationFrame","stop","reset","isPlaying","ExampleCarouselAutoplay","CarouselAutoplay","addSandboxPlugins","SANDBOX_PLUGINS","ExampleCarouselAutoplaySandboxes","snapped","draggable","dragging","removeClass","node","classList","contains","remove","addClass","ClassNames","selectedEvents","draggingEvents","inViewEvents","toggleDraggingClass","evt","toggleSlideClasses","slideIndexes","slideNodeList","containerNode","querySelectorAll","nodeList","Array","from","slide","toggleSnappedClasses","slideRegistry","toggleInViewClasses","slidesInView","slideNodes","watchDrag","createCarouselClassNamesStyles","ExampleCarouselClassNames","CarouselClassNames","ExampleCarouselClassNamesSandboxes","setScrollProgress","progress","createCarouselProgressStyles","ExampleCarouselProgress","CarouselProgress","progressBarScript","ExampleCarouselProgressSandboxes","LazyLoadImage","hasLoaded","setHasLoaded","setLoaded","onLoad","emblaRed","setSlidesInView","updateSlidesInView","filter","indexOf","createCarouselLazyLoadStyles","ExampleCarouselLazyLoad","CarouselLazyLoad","lazyLoadScript","ExampleCarouselLazyLoadSandboxes","propSlides","scrollListenerRef","listenForScrollRef","hasMoreToLoadRef","setSlides","hasMoreToLoad","setHasMoreToLoad","loadingMore","setLoadingMore","watchSlides","reloadEmbla","oldEngine","reInit","newEngine","engineModule","Object","assign","translate","to","location","scrollTarget","byDistance","set","animation","start","reloadAfterPointerUp","dragHandler","pointerDown","boundsActive","limit","reachedMax","scrollBounds","toggleActive","lastSlide","lastSlideInView","minWait","maxWait","callback","ceil","floor","wait","random","setTimeout","mockApiCall","currentSlides","newSlideCount","keys","addScrollListener","onResize","window","addEventListener","removeEventListener","watchResize","createCarouselInfiniteScrollStyles","ExampleCarouselInfiniteScroll","CarouselInfiniteScroll","infiniteScrollScript","ExampleCarouselInfiniteScrollSandboxes","WHEEL_ITEM_RADIUS","CIRCLE_DEGREES","WHEEL_RADIUS","round","WHEEL_ITEM_SIZE","tan","PI","isInView","wheelLocation","slidePosition","getSlideStyles","slideCount","totalRadius","positionDefault","positionLoopStart","positionLoopEnd","angle","IosPickerItem","perspective","wheelReady","setWheelReady","wheelRotation","setWheelRotation","rootNodeRef","rootNodeSize","rotationOffset","containerStyles","getContainerStyles","slideStyles","slidesStyles","slideStyle","push","getSlidesStyles","inactivateEmblaTransform","clear","readRootNodeSize","getBoundingClientRect","height","rotateWheel","distance","resizeObserver","ResizeObserver","observe","disconnect","position","createCarouselIosPickerStyles","iosPickerWrapperStyles","ExampleCarouselIosPicker","CarouselIosPicker","iosPickerScript","indexScript","createSandboxReactIosPickerEntry","itemScript","SANDBOXES_DEFAULT","SANDBOXES_LOOP","ExampleCarouselIosPickerDefaultSandboxes","ExampleCarouselIosPickerLoopSandboxes","_createMdxContent","_components","h1","p","a","hr","h2","div","h3","_provideComponents","components","href","dangerouslySetInnerHTML","__html","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","removeProtocol","maskable","PageDefault","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js similarity index 98% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js index 0eafc8445..af4bd9ba5 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[3530],{4564:function(e,t,n){n.r(t),n.d(t,{Head:function(){return E},default:function(){return f}});var a=n(5392),l=n(2784);function r(e){const t=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",hr:"hr",h2:"h2",a:"a",div:"div",strong:"strong"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"CDN"),"\n",l.createElement(t.p,null,"Start by including the Embla Carousel script from a CDN with a ",l.createElement(t.code,null,"script")," tag:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\\n\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"the-html-structure\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#the-html-structure\",\n \"aria-label\": \"the html structure permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"The HTML structure\"), \"\\n\", React.createElement(_components.p, null, \"A minimal setup requires an \", React.createElement(_components.strong, null, \"overflow wrapper\"), \" and a \", React.createElement(_components.strong, null, \"scroll container\"), \". Start by adding the following \", React.createElement(_components.strong, null, \"HTML\"), \" structure to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \" is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla {\\n overflow: hidden;\\n}\\n.embla__container {\\n display: flex;\\n}\\n.embla__slide {\\n flex: 0 0 100%;\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"Grab the element with the classname \", React.createElement(_components.code, null, \"embla\"), \" and pass it as the first argument to the \", React.createElement(_components.code, null, \"EmblaCarousel\"), \" constructor. This will \", React.createElement(_components.strong, null, \"initialize\"), \" the \", React.createElement(_components.strong, null, \"carousel\"), \" and give you \", React.createElement(_components.strong, null, \"access\"), \" to the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \".\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={6}\"\n }, \"\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by including the plugin you want to use. In this example, we're going to include the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={2}\"\n }, \"\\n\\n\")), \"\\n\", React.createElement(_components.p, null, \"Plugins included from a CDN will be \", React.createElement(_components.strong, null, \"prefixed\"), \" with \", React.createElement(_components.strong, null, \"EmblaCarousel\"), \". Here's an example that shows how to add the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={4-5}\"\n }, \"\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/cdn.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","code","pre","hr","h2","a","div","strong","_provideComponents","components","React","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/get-started/cdn.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n code: \"code\",\n pre: \"pre\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\",\n strong: \"strong\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"CDN\"), \"\\n\", React.createElement(_components.p, null, \"Start by including the Embla Carousel script from a CDN with a \", React.createElement(_components.code, null, \"script\"), \" tag:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"\\n\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"the-html-structure\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#the-html-structure\",\n \"aria-label\": \"the html structure permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"The HTML structure\"), \"\\n\", React.createElement(_components.p, null, \"A minimal setup requires an \", React.createElement(_components.strong, null, \"overflow wrapper\"), \" and a \", React.createElement(_components.strong, null, \"scroll container\"), \". Start by adding the following \", React.createElement(_components.strong, null, \"HTML\"), \" structure to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \" is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla {\\n overflow: hidden;\\n}\\n.embla__container {\\n display: flex;\\n}\\n.embla__slide {\\n flex: 0 0 100%;\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"Grab the element with the classname \", React.createElement(_components.code, null, \"embla\"), \" and pass it as the first argument to the \", React.createElement(_components.code, null, \"EmblaCarousel\"), \" constructor. This will \", React.createElement(_components.strong, null, \"initialize\"), \" the \", React.createElement(_components.strong, null, \"carousel\"), \" and give you \", React.createElement(_components.strong, null, \"access\"), \" to the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \".\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={6}\"\n }, \"\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by including the plugin you want to use. In this example, we're going to include the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={2}\"\n }, \"\\n\\n\")), \"\\n\", React.createElement(_components.p, null, \"Plugins included from a CDN will be \", React.createElement(_components.strong, null, \"prefixed\"), \" with \", React.createElement(_components.strong, null, \"EmblaCarousel\"), \". Here's an example that shows how to add the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={4-5}\"\n }, \"\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/cdn.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","code","pre","hr","h2","a","div","strong","_provideComponents","components","React","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js similarity index 97% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js index 95995150d..d9913c0b1 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[3964],{2446:function(e,t,n){n.r(t),n.d(t,{Head:function(){return h},default:function(){return v}});var a=n(5392),r=n(2784);function l(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",hr:"hr",h2:"h2",div:"div"},(0,a.ah)(),e.components),{PageChildLinks:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("PageChildLinks",!0),r.createElement(r.Fragment,null,r.createElement(t.h1,null,"Get Started"),"\n",r.createElement(t.p,null,"Embla Carousel is a ",r.createElement(t.strong,null,"library agnostic"),", ",r.createElement(t.strong,null,"dependency free")," and ",r.createElement(t.strong,null,"lightweight")," carousel library. It aims to solve the hardest technical challenges with building carousels, and the rest is up to the user utilizing its highly extensible ",r.createElement(t.a,{href:"/api/"},"API")," and ",r.createElement(t.a,{href:"/plugins/"},"plugins"),". Embla Carousel works in all modern browsers."),"\n",r.createElement(t.hr),"\n",r.createElement(t.h2,{id:"choose-installation-type",style:{position:"relative"}},r.createElement(t.a,{href:"#choose-installation-type","aria-label":"choose installation type permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Choose installation type"),"\n",r.createElement(n))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?r.createElement(t,e,r.createElement(l,e)):l(e)};var o=n(4234),c=n(3785),m=n(8116),s=n(3559),d=n(7377),u=n(286),g=n(1429),p=n(8944),E=n(8147);const h=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:l}=(0,m.$)(),{title:i="",description:s,date:d}=t.mdx.frontmatter,u=(0,r.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return r.createElement(o.p,{title:i,description:s,url:""+a+n.slug},r.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+s+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+l+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+l+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:l,filePath:i,id:o}=t;return r.createElement(r.Fragment,null,r.createElement(u.V,{id:o}),r.createElement("article",{id:g.O},r.createElement(E.i,null,n)),r.createElement(s.l,{pageUrl:i}),r.createElement(d.R,{previous:l,next:a}))};function v(e){return r.createElement(f,e,r.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),r=n(1195),l=n(9900),i=(n(7694),n(4049)),o=n(5211);var c=n(6807),m=n(3792),s=n(727),d=n(127);const u=r.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],s.u.COMPLEMENTARY,d.v.THREE),g=(0,r.css)(["color:",";padding:"," 0;"],m.DM.TEXT_LOW_CONTRAST,d.v.ONE),p=(0,r.default)(l.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),E=r.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),h=(0,r.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],m.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:r,slug:l,title:i}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:r},a.createElement(p,{to:l},i),a.createElement(h,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(E,{key:r},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),r=n(1195),l=n(9900),i=n(3792),o=n(727),c=n(127),m=n(2657),s=n(6722);const d=(0,r.default)(l.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=m.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(s.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),r=n(1195),l=n(9900),i=n(4097),o=n(3792),c=n(127),m=n(727),s=n(6722),d=n(6991);const u=c.v.FOUR,g=r.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),p=r.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),E=r.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),h=r.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],m.X.MEDIUM,s.EG,i.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(l.t,{to:n.slug},a.createElement(E,null,"Previous"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(l.t,{to:t.slug},a.createElement(E,null,"Next"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),r=n(8116),l=n(8944),i=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:m}=e,s=(0,r.$)(),d=t+" | "+(0,i.g)(s.title),u=n||s.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,l.P)(s.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:s.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),m)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js.map \ No newline at end of file +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[3964],{2446:function(e,t,n){n.r(t),n.d(t,{Head:function(){return h},default:function(){return v}});var a=n(5392),r=n(2784);function l(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",hr:"hr",h2:"h2",div:"div"},(0,a.ah)(),e.components),{PageChildLinks:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("PageChildLinks",!0),r.createElement(r.Fragment,null,r.createElement(t.h1,null,"Get Started"),"\n",r.createElement(t.p,null,"Embla Carousel is a ",r.createElement(t.strong,null,"library agnostic"),", ",r.createElement(t.strong,null,"dependency free")," and ",r.createElement(t.strong,null,"lightweight")," carousel library. It aims to solve the hardest technical challenges with building carousels, and the rest is up to the user utilizing its highly extensible ",r.createElement(t.a,{href:"/api/"},"API")," and ",r.createElement(t.a,{href:"/plugins/"},"plugins"),". Embla Carousel works in all modern browsers."),"\n",r.createElement(t.hr),"\n",r.createElement(t.h2,{id:"choose-installation-type",style:{position:"relative"}},r.createElement(t.a,{href:"#choose-installation-type","aria-label":"choose installation type permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Choose installation type"),"\n",r.createElement(n))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?r.createElement(t,e,r.createElement(l,e)):l(e)};var o=n(4810),c=n(3785),m=n(8116),s=n(3559),d=n(7377),u=n(286),g=n(1429),p=n(8944),E=n(8147);const h=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:l}=(0,m.$)(),{title:i="",description:s,date:d}=t.mdx.frontmatter,u=(0,r.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return r.createElement(o.p,{title:i,description:s,url:""+a+n.slug},r.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+s+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+l+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+l+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:l,filePath:i,id:o}=t;return r.createElement(r.Fragment,null,r.createElement(u.V,{id:o}),r.createElement("article",{id:g.O},r.createElement(E.i,null,n)),r.createElement(s.l,{pageUrl:i}),r.createElement(d.R,{previous:l,next:a}))};function v(e){return r.createElement(f,e,r.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),r=n(1195),l=n(9900),i=(n(7694),n(4049)),o=n(5211);var c=n(6807),m=n(3792),s=n(727),d=n(127);const u=r.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],s.u.COMPLEMENTARY,d.v.THREE),g=(0,r.css)(["color:",";padding:"," 0;"],m.DM.TEXT_LOW_CONTRAST,d.v.ONE),p=(0,r.default)(l.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),E=r.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),h=(0,r.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],m.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:r,slug:l,title:i}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:r},a.createElement(p,{to:l},i),a.createElement(h,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(E,{key:r},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),r=n(1195),l=n(9900),i=n(3792),o=n(727),c=n(127),m=n(2657),s=n(6722);const d=(0,r.default)(l.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=m.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(s.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),r=n(1195),l=n(9900),i=n(4097),o=n(3792),c=n(127),m=n(727),s=n(6722),d=n(6991);const u=c.v.FOUR,g=r.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),p=r.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),E=r.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),h=r.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],m.X.MEDIUM,s.EG,i.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(l.t,{to:n.slug},a.createElement(E,null,"Previous"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(l.t,{to:t.slug},a.createElement(E,null,"Next"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),r=n(8116),l=n(8944),i=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:m}=e,s=(0,r.$)(),d=t+" | "+(0,i.g)(s.title),u=n||s.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,l.P)(s.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:s.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),m)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js.map similarity index 99% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js.map rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js.map index 6c6a5eca2..808f760e0 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js.map +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/get-started/index.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\"\n }, _provideComponents(), props.components), {PageChildLinks} = _components;\n if (!PageChildLinks) _missingMdxReference(\"PageChildLinks\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Get Started\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel is a \", React.createElement(_components.strong, null, \"library agnostic\"), \", \", React.createElement(_components.strong, null, \"dependency free\"), \" and \", React.createElement(_components.strong, null, \"lightweight\"), \" carousel library. It aims to solve the hardest technical challenges with building carousels, and the rest is up to the user utilizing its highly extensible \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" and \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \". Embla Carousel works in all modern browsers.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"choose-installation-type\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#choose-installation-type\",\n \"aria-label\": \"choose installation type permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Choose installation type\"), \"\\n\", React.createElement(PageChildLinks));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/index.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","hr","h2","div","_provideComponents","components","PageChildLinks","id","component","Error","_missingMdxReference","React","href","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/get-started/index.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\"\n }, _provideComponents(), props.components), {PageChildLinks} = _components;\n if (!PageChildLinks) _missingMdxReference(\"PageChildLinks\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Get Started\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel is a \", React.createElement(_components.strong, null, \"library agnostic\"), \", \", React.createElement(_components.strong, null, \"dependency free\"), \" and \", React.createElement(_components.strong, null, \"lightweight\"), \" carousel library. It aims to solve the hardest technical challenges with building carousels, and the rest is up to the user utilizing its highly extensible \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" and \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \". Embla Carousel works in all modern browsers.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"choose-installation-type\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#choose-installation-type\",\n \"aria-label\": \"choose installation type permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Choose installation type\"), \"\\n\", React.createElement(PageChildLinks));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/index.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","hr","h2","div","_provideComponents","components","PageChildLinks","id","component","Error","_missingMdxReference","React","href","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js new file mode 100644 index 000000000..46c40fc75 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[1829],{4136:function(e,t,n){n.r(t),n.d(t,{Head:function(){return b},default:function(){return y}});var a=n(5392),l=n(2784),r=n(1316),c=n(6854),o=n(4234);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Module"),"\n",l.createElement(t.p,null,"Start by installing the ",l.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",l.createElement(r.m,{groupId:o.JP.GROUP_ID},l.createElement(c.L,{tab:o.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel --save\n"))),l.createElement(c.L,{tab:o.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-html-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-html-structure","aria-label":"the html structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The HTML structure"),"\n",l.createElement(t.p,null,"A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following ",l.createElement(t.strong,null,"HTML")," structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n')),"\n",l.createElement(t.h2,{id:"styling-the-carousel",style:{position:"relative"}},l.createElement(t.a,{href:"#styling-the-carousel","aria-label":"styling the carousel permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Styling the carousel"),"\n",l.createElement(t.p,null,"The wrapping element with the classname ",l.createElement(t.code,null,"embla")," is needed to cover the scroll overflow. The element with the ",l.createElement(t.code,null,"container")," classname is the scroll body that scrolls the slides. Continue by adding the following ",l.createElement(t.strong,null,"CSS")," to these elements:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla {\n overflow: hidden;\n}\n.embla__container {\n display: flex;\n}\n.embla__slide {\n flex: 0 0 100%;\n min-width: 0;\n}\n")),"\n",l.createElement(t.h2,{id:"accessing-the-carousel-api",style:{position:"relative"}},l.createElement(t.a,{href:"#accessing-the-carousel-api","aria-label":"accessing the carousel api permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Accessing the carousel API"),"\n",l.createElement(t.p,null,"Grab the element with the classname ",l.createElement(t.code,null,"embla")," and pass it as the first argument to the ",l.createElement(t.code,null,"EmblaCarousel")," constructor. This will ",l.createElement(t.strong,null,"initialize")," the ",l.createElement(t.strong,null,"carousel")," and give you ",l.createElement(t.strong,null,"access")," to the Embla Carousel ",l.createElement(t.a,{href:"/api/"},"API"),"."),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-js___highlight={7}"},"import EmblaCarousel from 'embla-carousel'\n\nconst emblaNode = document.querySelector('.embla')\nconst options = { loop: false }\nconst emblaApi = EmblaCarousel(emblaNode, options)\n\nconsole.log(emblaApi.slideNodes()) // Access API\n")),"\n",l.createElement(t.h2,{id:"adding-plugins",style:{position:"relative"}},l.createElement(t.a,{href:"#adding-plugins","aria-label":"adding plugins permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Adding plugins"),"\n",l.createElement(t.p,null,"Start by installing the plugin you want to use. In this example, we're going to install the ",l.createElement(t.a,{href:"/plugins/autoplay/"},"Autoplay")," plugin:"),"\n",l.createElement(r.m,{groupId:o.JP.GROUP_ID},l.createElement(c.L,{tab:o.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-autoplay --save\n"))),l.createElement(c.L,{tab:o.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-autoplay\n")))),"\n",l.createElement(t.p,null,"Embla Carousel accepts an optional ",l.createElement(t.strong,null,"plugin array")," as the thrid argument. Here's a basic example of how to make use of it:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-js___highlight={6-7}"},"import EmblaCarousel from 'embla-carousel'\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst emblaNode = document.querySelector('.embla')\nconst options = { loop: false }\nconst plugins = [Autoplay()]\nconst emblaApi = EmblaCarousel(emblaNode, options, plugins)\n")),"\n",l.createElement(t.p,null,"Congratulations! You just created your first Embla Carousel."))}var s=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(i,e)):i(e)},m=n(4810),u=n(3785),d=n(8116),g=n(3559),p=n(7377),h=n(286),E=n(1429),f=n(8944),v=n(8147);const b=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,d.$)(),{title:c="",description:o,date:i}=t.mdx.frontmatter,s=(0,l.useMemo)((()=>new Date(i+" UTC").toISOString()),[i]);return l.createElement(m.p,{title:c,description:o,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,f.P)(a)+'",\n "description": "'+o+'",\n "url": "'+a+n.slug+'",\n "headline": "'+c+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+s+'",\n "dateModified": "'+s+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+u.Z+'"\n }\n }\n }\n '))},_=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:c,id:o}=t;return l.createElement(l.Fragment,null,l.createElement(h.V,{id:o}),l.createElement("article",{id:E.O},l.createElement(v.i,null,n)),l.createElement(g.l,{pageUrl:c}),l.createElement(p.R,{previous:r,next:a}))};function y(e){return l.createElement(_,e,l.createElement(s,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),c=(n(7694),n(4049)),o=n(5211);var i=n(6807),s=n(3792),m=n(727),u=n(127);const d=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,u.v.THREE),g=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,u.v.ONE),p=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),E=(0,l.default)(i.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,u.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,c.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(d,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:c}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(p,{to:r},c),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},c)})))}},3559:function(e,t,n){n.d(t,{l:function(){return d}});var a=n(2784),l=n(1195),r=n(9900),c=n(3792),o=n(727),i=n(127),s=n(2657),m=n(6722);const u=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,i.v.ONE,i.v.ONE,i.v.EIGHT,c.DM.TEXT_LOW_CONTRAST),d=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(u,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),c=n(4097),o=n(3792),i=n(127),s=n(727),m=n(6722),u=n(6991);const d=i.v.FOUR,g=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,u.h)(d,"","div"),i.v.EIGHT),p=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,i.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,c.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),l=n(8116),r=n(8944),c=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:i,children:s}=e,m=(0,l.$)(),u=t+" | "+(0,c.g)(m.title),d=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,u),a.createElement("link",{rel:"canonical",href:i}),a.createElement("meta",{name:"description",content:d}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:d}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:i}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:d}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js.map new file mode 100644 index 000000000..433cef466 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/get-started/module.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {Tabs} from 'components/Tabs/Tabs';\nimport {TabsItem} from 'components/Tabs/TabsItem';\nimport {TABS_PACKAGE_MANAGER} from 'consts/tabs';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n pre: \"pre\",\n code: \"code\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Module\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the \", React.createElement(_components.strong, null, \"npm package\"), \" and save it to your dependencies:\"), \"\\n\", React.createElement(Tabs, {\n groupId: TABS_PACKAGE_MANAGER.GROUP_ID\n }, React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.NPM\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel --save\\n\"))), React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.YARN\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel\\n\")))), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"the-html-structure\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#the-html-structure\",\n \"aria-label\": \"the html structure permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"The HTML structure\"), \"\\n\", React.createElement(_components.p, null, \"A minimal setup requires an \", React.createElement(_components.strong, null, \"overflow wrapper\"), \" and a \", React.createElement(_components.strong, null, \"scroll container\"), \". Start by adding the following \", React.createElement(_components.strong, null, \"HTML\"), \" structure to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \" is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla {\\n overflow: hidden;\\n}\\n.embla__container {\\n display: flex;\\n}\\n.embla__slide {\\n flex: 0 0 100%;\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"Grab the element with the classname \", React.createElement(_components.code, null, \"embla\"), \" and pass it as the first argument to the \", React.createElement(_components.code, null, \"EmblaCarousel\"), \" constructor. This will \", React.createElement(_components.strong, null, \"initialize\"), \" the \", React.createElement(_components.strong, null, \"carousel\"), \" and give you \", React.createElement(_components.strong, null, \"access\"), \" to the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \".\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js___highlight={7}\"\n }, \"import EmblaCarousel from 'embla-carousel'\\n\\nconst emblaNode = document.querySelector('.embla')\\nconst options = { loop: false }\\nconst emblaApi = EmblaCarousel(emblaNode, options)\\n\\nconsole.log(emblaApi.slideNodes()) // Access API\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: TABS_PACKAGE_MANAGER.GROUP_ID\n }, React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.NPM\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.YARN\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel accepts an optional \", React.createElement(_components.strong, null, \"plugin array\"), \" as the thrid argument. Here's a basic example of how to make use of it:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js___highlight={6-7}\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport Autoplay from 'embla-carousel-autoplay'\\n\\nconst emblaNode = document.querySelector('.embla')\\nconst options = { loop: false }\\nconst plugins = [Autoplay()]\\nconst emblaApi = EmblaCarousel(emblaNode, options, plugins)\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/module.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TABS_PACKAGE_MANAGER","TabsItem","tab","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js deleted file mode 100644 index 377bfcb40..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[1829],{4136:function(e,t,n){n.r(t),n.d(t,{Head:function(){return f},default:function(){return y}});var a=n(5392),l=n(2784),r=n(4385),c=n(6854);function o(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Module"),"\n",l.createElement(t.p,null,"Start by installing the ",l.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(c.L,{label:"npm",value:"npm"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel --save\n"))),l.createElement(c.L,{label:"yarn",value:"yarn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-html-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-html-structure","aria-label":"the html structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The HTML structure"),"\n",l.createElement(t.p,null,"A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following ",l.createElement(t.strong,null,"HTML")," structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n')),"\n",l.createElement(t.h2,{id:"styling-the-carousel",style:{position:"relative"}},l.createElement(t.a,{href:"#styling-the-carousel","aria-label":"styling the carousel permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Styling the carousel"),"\n",l.createElement(t.p,null,"The wrapping element with the classname ",l.createElement(t.code,null,"embla")," is needed to cover the scroll overflow. The element with the ",l.createElement(t.code,null,"container")," classname is the scroll body that scrolls the slides. Continue by adding the following ",l.createElement(t.strong,null,"CSS")," to these elements:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla {\n overflow: hidden;\n}\n.embla__container {\n display: flex;\n}\n.embla__slide {\n flex: 0 0 100%;\n min-width: 0;\n}\n")),"\n",l.createElement(t.h2,{id:"accessing-the-carousel-api",style:{position:"relative"}},l.createElement(t.a,{href:"#accessing-the-carousel-api","aria-label":"accessing the carousel api permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Accessing the carousel API"),"\n",l.createElement(t.p,null,"Grab the element with the classname ",l.createElement(t.code,null,"embla")," and pass it as the first argument to the ",l.createElement(t.code,null,"EmblaCarousel")," constructor. This will ",l.createElement(t.strong,null,"initialize")," the ",l.createElement(t.strong,null,"carousel")," and give you ",l.createElement(t.strong,null,"access")," to the Embla Carousel ",l.createElement(t.a,{href:"/api/"},"API"),"."),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-js___highlight={7}"},"import EmblaCarousel from 'embla-carousel'\n\nconst emblaNode = document.querySelector('.embla')\nconst options = { loop: false }\nconst emblaApi = EmblaCarousel(emblaNode, options)\n\nconsole.log(emblaApi.slideNodes()) // Access API\n")),"\n",l.createElement(t.h2,{id:"adding-plugins",style:{position:"relative"}},l.createElement(t.a,{href:"#adding-plugins","aria-label":"adding plugins permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Adding plugins"),"\n",l.createElement(t.p,null,"Start by installing the plugin you want to use. In this example, we're going to install the ",l.createElement(t.a,{href:"/plugins/autoplay/"},"Autoplay")," plugin:"),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(c.L,{label:"npm",value:"npm"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-autoplay --save\n"))),l.createElement(c.L,{label:"yarn",value:"yarn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-autoplay\n")))),"\n",l.createElement(t.p,null,"Embla Carousel accepts an optional ",l.createElement(t.strong,null,"plugin array")," as the thrid argument. Here's a basic example of how to make use of it:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-js___highlight={6-7}"},"import EmblaCarousel from 'embla-carousel'\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst emblaNode = document.querySelector('.embla')\nconst options = { loop: false }\nconst plugins = [Autoplay()]\nconst emblaApi = EmblaCarousel(emblaNode, options, plugins)\n")),"\n",l.createElement(t.p,null,"Congratulations! You just created your first Embla Carousel."))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(o,e)):o(e)},s=n(4234),m=n(3785),u=n(8116),d=n(3559),g=n(7377),p=n(286),h=n(1429),E=n(8944),v=n(8147);const f=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,u.$)(),{title:c="",description:o,date:i}=t.mdx.frontmatter,d=(0,l.useMemo)((()=>new Date(i+" UTC").toISOString()),[i]);return l.createElement(s.p,{title:c,description:o,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,E.P)(a)+'",\n "description": "'+o+'",\n "url": "'+a+n.slug+'",\n "headline": "'+c+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+d+'",\n "dateModified": "'+d+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+m.Z+'"\n }\n }\n }\n '))},b=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:c,id:o}=t;return l.createElement(l.Fragment,null,l.createElement(p.V,{id:o}),l.createElement("article",{id:h.O},l.createElement(v.i,null,n)),l.createElement(d.l,{pageUrl:c}),l.createElement(g.R,{previous:r,next:a}))};function y(e){return l.createElement(b,e,l.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return v}});var a=n(2784),l=n(1195),r=n(9900),c=(n(7694),n(4049)),o=n(5211);var i=n(6807),s=n(3792),m=n(727),u=n(127);const d=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,u.v.THREE),g=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,u.v.ONE),p=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),E=(0,l.default)(i.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,u.v.ONE),v=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,c.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(d,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:c}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(p,{to:r},c),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},c)})))}},3559:function(e,t,n){n.d(t,{l:function(){return d}});var a=n(2784),l=n(1195),r=n(9900),c=n(3792),o=n(727),i=n(127),s=n(2657),m=n(6722);const u=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,i.v.ONE,i.v.ONE,i.v.EIGHT,c.DM.TEXT_LOW_CONTRAST),d=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(u,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return v}});var a=n(2784),l=n(1195),r=n(9900),c=n(4097),o=n(3792),i=n(127),s=n(727),m=n(6722),u=n(6991);const d=i.v.FOUR,g=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,u.h)(d,"","div"),i.v.EIGHT),p=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,i.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,c.V),v=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),l=n(8116),r=n(8944),c=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:i,children:s}=e,m=(0,l.$)(),u=t+" | "+(0,c.g)(m.title),d=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,u),a.createElement("link",{rel:"canonical",href:i}),a.createElement("meta",{name:"description",content:d}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:d}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:i}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:d}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js.map deleted file mode 100644 index b0ff53a32..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/get-started/module.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {Tabs} from 'components/Tabs/Tabs';\nimport {TabsItem} from 'components/Tabs/TabsItem';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n pre: \"pre\",\n code: \"code\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Module\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the \", React.createElement(_components.strong, null, \"npm package\"), \" and save it to your dependencies:\"), \"\\n\", React.createElement(Tabs, {\n groupId: \"package-manager\"\n }, React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel\\n\")))), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"the-html-structure\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#the-html-structure\",\n \"aria-label\": \"the html structure permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"The HTML structure\"), \"\\n\", React.createElement(_components.p, null, \"A minimal setup requires an \", React.createElement(_components.strong, null, \"overflow wrapper\"), \" and a \", React.createElement(_components.strong, null, \"scroll container\"), \". Start by adding the following \", React.createElement(_components.strong, null, \"HTML\"), \" structure to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \" is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla {\\n overflow: hidden;\\n}\\n.embla__container {\\n display: flex;\\n}\\n.embla__slide {\\n flex: 0 0 100%;\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"Grab the element with the classname \", React.createElement(_components.code, null, \"embla\"), \" and pass it as the first argument to the \", React.createElement(_components.code, null, \"EmblaCarousel\"), \" constructor. This will \", React.createElement(_components.strong, null, \"initialize\"), \" the \", React.createElement(_components.strong, null, \"carousel\"), \" and give you \", React.createElement(_components.strong, null, \"access\"), \" to the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \".\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js___highlight={7}\"\n }, \"import EmblaCarousel from 'embla-carousel'\\n\\nconst emblaNode = document.querySelector('.embla')\\nconst options = { loop: false }\\nconst emblaApi = EmblaCarousel(emblaNode, options)\\n\\nconsole.log(emblaApi.slideNodes()) // Access API\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: \"package-manager\"\n }, React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel accepts an optional \", React.createElement(_components.strong, null, \"plugin array\"), \" as the thrid argument. Here's a basic example of how to make use of it:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js___highlight={6-7}\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport Autoplay from 'embla-carousel-autoplay'\\n\\nconst emblaNode = document.querySelector('.embla')\\nconst options = { loop: false }\\nconst plugins = [Autoplay()]\\nconst emblaApi = EmblaCarousel(emblaNode, options, plugins)\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/module.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TabsItem","label","value","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js new file mode 100644 index 000000000..079b12cee --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[2228],{8954:function(e,t,n){n.r(t),n.d(t,{Head:function(){return b},default:function(){return y}});var a=n(5392),l=n(2784),r=n(1316),c=n(6854),i=n(4234);function o(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"React"),"\n",l.createElement(t.p,null,"Start by installing the Embla Carousel ",l.createElement(t.strong,null,"npm package")," and add it to your dependencies."),"\n",l.createElement(r.m,{groupId:i.JP.GROUP_ID},l.createElement(c.L,{tab:i.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-react --save\n"))),l.createElement(c.L,{tab:i.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-react\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-component-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-component-structure","aria-label":"the component structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The component structure"),"\n",l.createElement(t.p,null,"Embla Carousel provides the handy ",l.createElement(t.code,null,"useEmblaCarousel")," hook for seamless integration with React. A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx"},'import React from \'react\'\nimport useEmblaCarousel from \'embla-carousel-react\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef] = useEmblaCarousel()\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.h2,{id:"styling-the-carousel",style:{position:"relative"}},l.createElement(t.a,{href:"#styling-the-carousel","aria-label":"styling the carousel permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Styling the carousel"),"\n",l.createElement(t.p,null,"The hook gives us a ",l.createElement(t.strong,null,"ref")," to attach to our wrapping element with the classname ",l.createElement(t.code,null,"embla"),", which is needed to cover the scroll overflow. The element with the ",l.createElement(t.code,null,"container")," classname is the scroll body that scrolls the slides. Continue by adding the following ",l.createElement(t.strong,null,"CSS")," to these elements:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla {\n overflow: hidden;\n}\n.embla__container {\n display: flex;\n}\n.embla__slide {\n flex: 0 0 100%;\n min-width: 0;\n}\n")),"\n",l.createElement(t.h2,{id:"accessing-the-carousel-api",style:{position:"relative"}},l.createElement(t.a,{href:"#accessing-the-carousel-api","aria-label":"accessing the carousel api permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Accessing the carousel API"),"\n",l.createElement(t.p,null,"The ",l.createElement(t.code,null,"useEmblaCarousel")," hook takes the Embla Carousel ",l.createElement(t.a,{href:"/api/options/"},"options")," as the first argument. Additionally, you can access the ",l.createElement(t.a,{href:"/api/"},"API")," with a ",l.createElement(t.code,null,"useEffect")," like demonstrated below:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx___highlight={5,7-11}"},'import React, { useEffect } from \'react\'\nimport useEmblaCarousel from \'embla-carousel-react\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef, emblaApi] = useEmblaCarousel({ loop: false })\n\n useEffect(() => {\n if (emblaApi) {\n console.log(emblaApi.slideNodes()) // Access API\n }\n }, [emblaApi])\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.h2,{id:"adding-plugins",style:{position:"relative"}},l.createElement(t.a,{href:"#adding-plugins","aria-label":"adding plugins permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Adding plugins"),"\n",l.createElement(t.p,null,"Start by installing the plugin you want to use. In this example, we're going to install the ",l.createElement(t.a,{href:"/plugins/autoplay/"},"Autoplay")," plugin:"),"\n",l.createElement(r.m,{groupId:i.JP.GROUP_ID},l.createElement(c.L,{tab:i.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-autoplay --save\n"))),l.createElement(c.L,{tab:i.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-autoplay\n")))),"\n",l.createElement(t.p,null,"The ",l.createElement(t.code,null,"useEmblaCarousel")," hook accepts ",l.createElement(t.a,{href:"/plugins/"},"plugins")," as the second argument. Note that plugins need to be passed in an ",l.createElement(t.strong,null,"array")," like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx___highlight={3,6}"},'import React, { useEffect } from \'react\'\nimport useEmblaCarousel from \'embla-carousel-react\'\nimport Autoplay from \'embla-carousel-autoplay\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef] = useEmblaCarousel({ loop: false }, [Autoplay()])\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.p,null,"Congratulations! You just created your first Embla Carousel component."))}var s=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(o,e)):o(e)},m=n(4810),u=n(3785),d=n(8116),p=n(3559),g=n(7377),h=n(286),E=n(1429),f=n(8944),v=n(8147);const b=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,d.$)(),{title:c="",description:i,date:o}=t.mdx.frontmatter,s=(0,l.useMemo)((()=>new Date(o+" UTC").toISOString()),[o]);return l.createElement(m.p,{title:c,description:i,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,f.P)(a)+'",\n "description": "'+i+'",\n "url": "'+a+n.slug+'",\n "headline": "'+c+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+s+'",\n "dateModified": "'+s+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+u.Z+'"\n }\n }\n }\n '))},_=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:c,id:i}=t;return l.createElement(l.Fragment,null,l.createElement(h.V,{id:i}),l.createElement("article",{id:E.O},l.createElement(v.i,null,n)),l.createElement(p.l,{pageUrl:c}),l.createElement(g.R,{previous:r,next:a}))};function y(e){return l.createElement(_,e,l.createElement(s,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),c=(n(7694),n(4049)),i=n(5211);var o=n(6807),s=n(3792),m=n(727),u=n(127);const d=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,u.v.THREE),p=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,u.v.ONE),g=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],p),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],p),E=(0,l.default)(o.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,u.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,i.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,c.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(d,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:c}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(g,{to:r},c),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},c)})))}},3559:function(e,t,n){n.d(t,{l:function(){return d}});var a=n(2784),l=n(1195),r=n(9900),c=n(3792),i=n(727),o=n(127),s=n(2657),m=n(6722);const u=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],i.u.COMPLEMENTARY,o.v.ONE,o.v.ONE,o.v.EIGHT,c.DM.TEXT_LOW_CONTRAST),d=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(u,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),c=n(4097),i=n(3792),o=n(127),s=n(727),m=n(6722),u=n(6991);const d=o.v.FOUR,p=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,u.h)(d,"","div"),o.v.EIGHT),g=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],i.DM.BRAND_PRIMARY,i.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],i.DM.TEXT_LOW_CONTRAST,o.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,c.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(p,{"aria-label":"Pagination Navigation"},a.createElement(g,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(g,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return i}});var a=n(2784),l=n(8116),r=n(8944),c=n(3471);const i=e=>{const{title:t,description:n,lang:i="en",url:o,children:s}=e,m=(0,l.$)(),u=t+" | "+(0,c.g)(m.title),d=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:i}),a.createElement("title",null,u),a.createElement("link",{rel:"canonical",href:o}),a.createElement("meta",{name:"description",content:d}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:d}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:o}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:d}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js.map new file mode 100644 index 000000000..156cea542 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js.map @@ -0,0 +1 @@ +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/get-started/react.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {Tabs} from 'components/Tabs/Tabs';\nimport {TabsItem} from 'components/Tabs/TabsItem';\nimport {TABS_PACKAGE_MANAGER} from 'consts/tabs';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n pre: \"pre\",\n code: \"code\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"React\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the Embla Carousel \", React.createElement(_components.strong, null, \"npm package\"), \" and add it to your dependencies.\"), \"\\n\", React.createElement(Tabs, {\n groupId: TABS_PACKAGE_MANAGER.GROUP_ID\n }, React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.NPM\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-react --save\\n\"))), React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.YARN\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-react\\n\")))), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"the-component-structure\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#the-component-structure\",\n \"aria-label\": \"the component structure permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"The component structure\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel provides the handy \", React.createElement(_components.code, null, \"useEmblaCarousel\"), \" hook for seamless integration with React. A minimal setup requires an \", React.createElement(_components.strong, null, \"overflow wrapper\"), \" and a \", React.createElement(_components.strong, null, \"scroll container\"), \". Start by adding the following structure to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx\"\n }, \"import React from 'react'\\nimport useEmblaCarousel from 'embla-carousel-react'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef] = useEmblaCarousel()\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The hook gives us a \", React.createElement(_components.strong, null, \"ref\"), \" to attach to our wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \", which is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla {\\n overflow: hidden;\\n}\\n.embla__container {\\n display: flex;\\n}\\n.embla__slide {\\n flex: 0 0 100%;\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"useEmblaCarousel\"), \" hook takes the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" as the first argument. Additionally, you can access the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" with a \", React.createElement(_components.code, null, \"useEffect\"), \" like demonstrated below:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={5,7-11}\"\n }, \"import React, { useEffect } from 'react'\\nimport useEmblaCarousel from 'embla-carousel-react'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef, emblaApi] = useEmblaCarousel({ loop: false })\\n\\n useEffect(() => {\\n if (emblaApi) {\\n console.log(emblaApi.slideNodes()) // Access API\\n }\\n }, [emblaApi])\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: TABS_PACKAGE_MANAGER.GROUP_ID\n }, React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.NPM\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.YARN\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"useEmblaCarousel\"), \" hook accepts \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \" as the second argument. Note that plugins need to be passed in an \", React.createElement(_components.strong, null, \"array\"), \" like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={3,6}\"\n }, \"import React, { useEffect } from 'react'\\nimport useEmblaCarousel from 'embla-carousel-react'\\nimport Autoplay from 'embla-carousel-autoplay'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef] = useEmblaCarousel({ loop: false }, [Autoplay()])\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel component.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/react.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TABS_PACKAGE_MANAGER","TabsItem","tab","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js deleted file mode 100644 index ea6654301..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[2228],{8954:function(e,t,n){n.r(t),n.d(t,{Head:function(){return v},default:function(){return _}});var a=n(5392),l=n(2784),r=n(4385),c=n(6854);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"React"),"\n",l.createElement(t.p,null,"Start by installing the Embla Carousel ",l.createElement(t.strong,null,"npm package")," and add it to your dependencies."),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(c.L,{label:"npm",value:"npm"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-react --save\n"))),l.createElement(c.L,{label:"yarn",value:"yarn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-react\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-component-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-component-structure","aria-label":"the component structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The component structure"),"\n",l.createElement(t.p,null,"Embla Carousel provides the handy ",l.createElement(t.code,null,"useEmblaCarousel")," hook for seamless integration with React. A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx"},'import React from \'react\'\nimport useEmblaCarousel from \'embla-carousel-react\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef] = useEmblaCarousel()\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.h2,{id:"styling-the-carousel",style:{position:"relative"}},l.createElement(t.a,{href:"#styling-the-carousel","aria-label":"styling the carousel permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Styling the carousel"),"\n",l.createElement(t.p,null,"The hook gives us a ",l.createElement(t.strong,null,"ref")," to attach to our wrapping element with the classname ",l.createElement(t.code,null,"embla"),", which is needed to cover the scroll overflow. The element with the ",l.createElement(t.code,null,"container")," classname is the scroll body that scrolls the slides. Continue by adding the following ",l.createElement(t.strong,null,"CSS")," to these elements:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla {\n overflow: hidden;\n}\n.embla__container {\n display: flex;\n}\n.embla__slide {\n flex: 0 0 100%;\n min-width: 0;\n}\n")),"\n",l.createElement(t.h2,{id:"accessing-the-carousel-api",style:{position:"relative"}},l.createElement(t.a,{href:"#accessing-the-carousel-api","aria-label":"accessing the carousel api permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Accessing the carousel API"),"\n",l.createElement(t.p,null,"The ",l.createElement(t.code,null,"useEmblaCarousel")," hook takes the Embla Carousel ",l.createElement(t.a,{href:"/api/options/"},"options")," as the first argument. Additionally, you can access the ",l.createElement(t.a,{href:"/api/"},"API")," with a ",l.createElement(t.code,null,"useEffect")," like demonstrated below:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx___highlight={5,7-11}"},'import React, { useEffect } from \'react\'\nimport useEmblaCarousel from \'embla-carousel-react\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef, emblaApi] = useEmblaCarousel({ loop: false })\n\n useEffect(() => {\n if (emblaApi) {\n console.log(emblaApi.slideNodes()) // Access API\n }\n }, [emblaApi])\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.h2,{id:"adding-plugins",style:{position:"relative"}},l.createElement(t.a,{href:"#adding-plugins","aria-label":"adding plugins permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Adding plugins"),"\n",l.createElement(t.p,null,"Start by installing the plugin you want to use. In this example, we're going to install the ",l.createElement(t.a,{href:"/plugins/autoplay/"},"Autoplay")," plugin:"),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(c.L,{label:"npm",value:"npm"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-autoplay --save\n"))),l.createElement(c.L,{label:"yarn",value:"yarn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-autoplay\n")))),"\n",l.createElement(t.p,null,"The ",l.createElement(t.code,null,"useEmblaCarousel")," hook accepts ",l.createElement(t.a,{href:"/plugins/"},"plugins")," as the second argument. Note that plugins need to be passed in an ",l.createElement(t.strong,null,"array")," like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx___highlight={3,6}"},'import React, { useEffect } from \'react\'\nimport useEmblaCarousel from \'embla-carousel-react\'\nimport Autoplay from \'embla-carousel-autoplay\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef] = useEmblaCarousel({ loop: false }, [Autoplay()])\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.p,null,"Congratulations! You just created your first Embla Carousel component."))}var o=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(i,e)):i(e)},s=n(4234),m=n(3785),u=n(8116),d=n(3559),p=n(7377),g=n(286),h=n(1429),E=n(8944),f=n(8147);const v=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,u.$)(),{title:c="",description:i,date:o}=t.mdx.frontmatter,d=(0,l.useMemo)((()=>new Date(o+" UTC").toISOString()),[o]);return l.createElement(s.p,{title:c,description:i,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,E.P)(a)+'",\n "description": "'+i+'",\n "url": "'+a+n.slug+'",\n "headline": "'+c+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+d+'",\n "dateModified": "'+d+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+m.Z+'"\n }\n }\n }\n '))},b=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:c,id:i}=t;return l.createElement(l.Fragment,null,l.createElement(g.V,{id:i}),l.createElement("article",{id:h.O},l.createElement(f.i,null,n)),l.createElement(d.l,{pageUrl:c}),l.createElement(p.R,{previous:r,next:a}))};function _(e){return l.createElement(b,e,l.createElement(o,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),c=(n(7694),n(4049)),i=n(5211);var o=n(6807),s=n(3792),m=n(727),u=n(127);const d=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,u.v.THREE),p=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,u.v.ONE),g=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],p),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],p),E=(0,l.default)(o.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,u.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,i.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,c.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(d,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:c}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(g,{to:r},c),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},c)})))}},3559:function(e,t,n){n.d(t,{l:function(){return d}});var a=n(2784),l=n(1195),r=n(9900),c=n(3792),i=n(727),o=n(127),s=n(2657),m=n(6722);const u=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],i.u.COMPLEMENTARY,o.v.ONE,o.v.ONE,o.v.EIGHT,c.DM.TEXT_LOW_CONTRAST),d=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(u,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),c=n(4097),i=n(3792),o=n(127),s=n(727),m=n(6722),u=n(6991);const d=o.v.FOUR,p=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,u.h)(d,"","div"),o.v.EIGHT),g=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],i.DM.BRAND_PRIMARY,i.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],i.DM.TEXT_LOW_CONTRAST,o.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,c.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(p,{"aria-label":"Pagination Navigation"},a.createElement(g,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(g,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return i}});var a=n(2784),l=n(8116),r=n(8944),c=n(3471);const i=e=>{const{title:t,description:n,lang:i="en",url:o,children:s}=e,m=(0,l.$)(),u=t+" | "+(0,c.g)(m.title),d=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:i}),a.createElement("title",null,u),a.createElement("link",{rel:"canonical",href:o}),a.createElement("meta",{name:"description",content:d}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:d}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:o}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:d}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js.map deleted file mode 100644 index 8b17a960f..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/get-started/react.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {Tabs} from 'components/Tabs/Tabs';\nimport {TabsItem} from 'components/Tabs/TabsItem';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n pre: \"pre\",\n code: \"code\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"React\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the Embla Carousel \", React.createElement(_components.strong, null, \"npm package\"), \" and add it to your dependencies.\"), \"\\n\", React.createElement(Tabs, {\n groupId: \"package-manager\"\n }, React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-react --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-react\\n\")))), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"the-component-structure\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#the-component-structure\",\n \"aria-label\": \"the component structure permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"The component structure\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel provides the handy \", React.createElement(_components.code, null, \"useEmblaCarousel\"), \" hook for seamless integration with React. A minimal setup requires an \", React.createElement(_components.strong, null, \"overflow wrapper\"), \" and a \", React.createElement(_components.strong, null, \"scroll container\"), \". Start by adding the following structure to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx\"\n }, \"import React from 'react'\\nimport useEmblaCarousel from 'embla-carousel-react'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef] = useEmblaCarousel()\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The hook gives us a \", React.createElement(_components.strong, null, \"ref\"), \" to attach to our wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \", which is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla {\\n overflow: hidden;\\n}\\n.embla__container {\\n display: flex;\\n}\\n.embla__slide {\\n flex: 0 0 100%;\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"useEmblaCarousel\"), \" hook takes the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" as the first argument. Additionally, you can access the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" with a \", React.createElement(_components.code, null, \"useEffect\"), \" like demonstrated below:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={5,7-11}\"\n }, \"import React, { useEffect } from 'react'\\nimport useEmblaCarousel from 'embla-carousel-react'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef, emblaApi] = useEmblaCarousel({ loop: false })\\n\\n useEffect(() => {\\n if (emblaApi) {\\n console.log(emblaApi.slideNodes()) // Access API\\n }\\n }, [emblaApi])\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: \"package-manager\"\n }, React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"useEmblaCarousel\"), \" hook accepts \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \" as the second argument. Note that plugins need to be passed in an \", React.createElement(_components.strong, null, \"array\"), \" like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={3,6}\"\n }, \"import React, { useEffect } from 'react'\\nimport useEmblaCarousel from 'embla-carousel-react'\\nimport Autoplay from 'embla-carousel-autoplay'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef] = useEmblaCarousel({ loop: false }, [Autoplay()])\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel component.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/react.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TabsItem","label","value","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js new file mode 100644 index 000000000..5eeafbe35 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[4324],{7923:function(e,t,n){n.r(t),n.d(t,{Head:function(){return b},default:function(){return y}});var a=n(5392),l=n(2784),r=n(1316),c=n(6854),i=n(4234);function o(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Solid"),"\n",l.createElement(t.p,null,"Start by installing the Embla Carousel ",l.createElement(t.strong,null,"npm package")," and add it to your dependencies."),"\n",l.createElement(r.m,{groupId:i.JP.GROUP_ID},l.createElement(c.L,{tab:i.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-solid --save\n"))),l.createElement(c.L,{tab:i.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-solid\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-component-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-component-structure","aria-label":"the component structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The component structure"),"\n",l.createElement(t.p,null,"Embla Carousel provides the handy ",l.createElement(t.code,null,"createEmblaCarousel")," method for seamless integration with Solid. A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx"},'import createEmblaCarousel from \'embla-carousel-solid\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef] = createEmblaCarousel()\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.h2,{id:"styling-the-carousel",style:{position:"relative"}},l.createElement(t.a,{href:"#styling-the-carousel","aria-label":"styling the carousel permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Styling the carousel"),"\n",l.createElement(t.p,null,"The method gives us a ",l.createElement(t.strong,null,"ref")," to attach to our wrapping element with the classname ",l.createElement(t.code,null,"embla"),", which is needed to cover the scroll overflow. The element with the ",l.createElement(t.code,null,"container")," classname is the scroll body that scrolls the slides. Continue by adding the following ",l.createElement(t.strong,null,"CSS")," to these elements:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla {\n overflow: hidden;\n}\n.embla__container {\n display: flex;\n}\n.embla__slide {\n flex: 0 0 100%;\n min-width: 0;\n}\n")),"\n",l.createElement(t.h2,{id:"accessing-the-carousel-api",style:{position:"relative"}},l.createElement(t.a,{href:"#accessing-the-carousel-api","aria-label":"accessing the carousel api permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Accessing the carousel API"),"\n",l.createElement(t.p,null,"The ",l.createElement(t.code,null,"createEmblaCarousel")," method takes the Embla Carousel ",l.createElement(t.a,{href:"/api/options/"},"options")," as the first argument, which is a Solid accessor. Additionally, you can access the ",l.createElement(t.a,{href:"/api/"},"API")," with a ",l.createElement(t.code,null,"createEffect")," like demonstrated below:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx___highlight={5,7-12}"},'import { createEffect } from \'solid-js\'\nimport createEmblaCarousel from \'embla-carousel-solid\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef, emblaApi] = createEmblaCarousel(() => ({ loop: true }))\n\n createEffect(() => {\n const api = emblaApi()\n if (api) {\n console.log(api.slideNodes()) // Access API\n }\n })\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.h2,{id:"adding-plugins",style:{position:"relative"}},l.createElement(t.a,{href:"#adding-plugins","aria-label":"adding plugins permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Adding plugins"),"\n",l.createElement(t.p,null,"Start by installing the plugin you want to use. In this example, we're going to install the ",l.createElement(t.a,{href:"/plugins/autoplay/"},"Autoplay")," plugin:"),"\n",l.createElement(r.m,{groupId:i.JP.GROUP_ID},l.createElement(c.L,{tab:i.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-autoplay --save\n"))),l.createElement(c.L,{tab:i.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-autoplay\n")))),"\n",l.createElement(t.p,null,"The ",l.createElement(t.code,null,"createEmblaCarousel")," method accepts ",l.createElement(t.a,{href:"/plugins/"},"plugins")," as the second argument, which is a Solid accessor. Note that plugins need to be passed in an ",l.createElement(t.strong,null,"array")," like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx___highlight={2,7}"},'import createEmblaCarousel from \'embla-carousel-solid\'\nimport Autoplay from \'embla-carousel-autoplay\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef] = createEmblaCarousel(\n () => ({ loop: true }),\n () => [AutoPlay()]\n )\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.p,null,"Congratulations! You just created your first Embla Carousel component."))}var s=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(o,e)):o(e)},m=n(4810),d=n(3785),u=n(8116),p=n(3559),g=n(7377),h=n(286),E=n(1429),v=n(8944),f=n(8147);const b=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,u.$)(),{title:c="",description:i,date:o}=t.mdx.frontmatter,s=(0,l.useMemo)((()=>new Date(o+" UTC").toISOString()),[o]);return l.createElement(m.p,{title:c,description:i,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,v.P)(a)+'",\n "description": "'+i+'",\n "url": "'+a+n.slug+'",\n "headline": "'+c+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+s+'",\n "dateModified": "'+s+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+d.Z+'"\n }\n }\n }\n '))},_=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:c,id:i}=t;return l.createElement(l.Fragment,null,l.createElement(h.V,{id:i}),l.createElement("article",{id:E.O},l.createElement(f.i,null,n)),l.createElement(p.l,{pageUrl:c}),l.createElement(g.R,{previous:r,next:a}))};function y(e){return l.createElement(_,e,l.createElement(s,e))}},286:function(e,t,n){n.d(t,{V:function(){return v}});var a=n(2784),l=n(1195),r=n(9900),c=(n(7694),n(4049)),i=n(5211);var o=n(6807),s=n(3792),m=n(727),d=n(127);const u=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),p=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),g=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],p),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],p),E=(0,l.default)(o.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),v=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,i.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,c.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:c}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(g,{to:r},c),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},c)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),l=n(1195),r=n(9900),c=n(3792),i=n(727),o=n(127),s=n(2657),m=n(6722);const d=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],i.u.COMPLEMENTARY,o.v.ONE,o.v.ONE,o.v.EIGHT,c.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return v}});var a=n(2784),l=n(1195),r=n(9900),c=n(4097),i=n(3792),o=n(127),s=n(727),m=n(6722),d=n(6991);const u=o.v.FOUR,p=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),o.v.EIGHT),g=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],i.DM.BRAND_PRIMARY,i.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],i.DM.TEXT_LOW_CONTRAST,o.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,c.V),v=e=>{const{next:t,previous:n}=e;return a.createElement(p,{"aria-label":"Pagination Navigation"},a.createElement(g,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(g,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return i}});var a=n(2784),l=n(8116),r=n(8944),c=n(3471);const i=e=>{const{title:t,description:n,lang:i="en",url:o,children:s}=e,m=(0,l.$)(),d=t+" | "+(0,c.g)(m.title),u=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:i}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:o}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:o}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js.map new file mode 100644 index 000000000..572b4fd1c --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js.map @@ -0,0 +1 @@ +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/get-started/solid.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {Tabs} from 'components/Tabs/Tabs';\nimport {TabsItem} from 'components/Tabs/TabsItem';\nimport {TABS_PACKAGE_MANAGER} from 'consts/tabs';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n pre: \"pre\",\n code: \"code\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Solid\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the Embla Carousel \", React.createElement(_components.strong, null, \"npm package\"), \" and add it to your dependencies.\"), \"\\n\", React.createElement(Tabs, {\n groupId: TABS_PACKAGE_MANAGER.GROUP_ID\n }, React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.NPM\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-solid --save\\n\"))), React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.YARN\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-solid\\n\")))), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"the-component-structure\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#the-component-structure\",\n \"aria-label\": \"the component structure permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"The component structure\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel provides the handy \", React.createElement(_components.code, null, \"createEmblaCarousel\"), \" method for seamless integration with Solid. A minimal setup requires an \", React.createElement(_components.strong, null, \"overflow wrapper\"), \" and a \", React.createElement(_components.strong, null, \"scroll container\"), \". Start by adding the following structure to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx\"\n }, \"import createEmblaCarousel from 'embla-carousel-solid'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef] = createEmblaCarousel()\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The method gives us a \", React.createElement(_components.strong, null, \"ref\"), \" to attach to our wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \", which is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla {\\n overflow: hidden;\\n}\\n.embla__container {\\n display: flex;\\n}\\n.embla__slide {\\n flex: 0 0 100%;\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"createEmblaCarousel\"), \" method takes the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" as the first argument, which is a Solid accessor. Additionally, you can access the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" with a \", React.createElement(_components.code, null, \"createEffect\"), \" like demonstrated below:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={5,7-12}\"\n }, \"import { createEffect } from 'solid-js'\\nimport createEmblaCarousel from 'embla-carousel-solid'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef, emblaApi] = createEmblaCarousel(() => ({ loop: true }))\\n\\n createEffect(() => {\\n const api = emblaApi()\\n if (api) {\\n console.log(api.slideNodes()) // Access API\\n }\\n })\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: TABS_PACKAGE_MANAGER.GROUP_ID\n }, React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.NPM\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.YARN\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"createEmblaCarousel\"), \" method accepts \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \" as the second argument, which is a Solid accessor. Note that plugins need to be passed in an \", React.createElement(_components.strong, null, \"array\"), \" like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={2,7}\"\n }, \"import createEmblaCarousel from 'embla-carousel-solid'\\nimport Autoplay from 'embla-carousel-autoplay'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef] = createEmblaCarousel(\\n () => ({ loop: true }),\\n () => [AutoPlay()]\\n )\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel component.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/solid.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TABS_PACKAGE_MANAGER","TabsItem","tab","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js deleted file mode 100644 index 81ab941fb..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[4324],{7923:function(e,t,n){n.r(t),n.d(t,{Head:function(){return f},default:function(){return _}});var a=n(5392),l=n(2784),r=n(4385),c=n(6854);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Solid"),"\n",l.createElement(t.p,null,"Start by installing the Embla Carousel ",l.createElement(t.strong,null,"npm package")," and add it to your dependencies."),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(c.L,{label:"npm",value:"npm"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-solid --save\n"))),l.createElement(c.L,{label:"yarn",value:"yarn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-solid\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-component-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-component-structure","aria-label":"the component structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The component structure"),"\n",l.createElement(t.p,null,"Embla Carousel provides the handy ",l.createElement(t.code,null,"createEmblaCarousel")," method for seamless integration with Solid. A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx"},'import createEmblaCarousel from \'embla-carousel-solid\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef] = createEmblaCarousel()\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.h2,{id:"styling-the-carousel",style:{position:"relative"}},l.createElement(t.a,{href:"#styling-the-carousel","aria-label":"styling the carousel permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Styling the carousel"),"\n",l.createElement(t.p,null,"The method gives us a ",l.createElement(t.strong,null,"ref")," to attach to our wrapping element with the classname ",l.createElement(t.code,null,"embla"),", which is needed to cover the scroll overflow. The element with the ",l.createElement(t.code,null,"container")," classname is the scroll body that scrolls the slides. Continue by adding the following ",l.createElement(t.strong,null,"CSS")," to these elements:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla {\n overflow: hidden;\n}\n.embla__container {\n display: flex;\n}\n.embla__slide {\n flex: 0 0 100%;\n min-width: 0;\n}\n")),"\n",l.createElement(t.h2,{id:"accessing-the-carousel-api",style:{position:"relative"}},l.createElement(t.a,{href:"#accessing-the-carousel-api","aria-label":"accessing the carousel api permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Accessing the carousel API"),"\n",l.createElement(t.p,null,"The ",l.createElement(t.code,null,"createEmblaCarousel")," method takes the Embla Carousel ",l.createElement(t.a,{href:"/api/options/"},"options")," as the first argument, which is a Solid accessor. Additionally, you can access the ",l.createElement(t.a,{href:"/api/"},"API")," with a ",l.createElement(t.code,null,"createEffect")," like demonstrated below:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx___highlight={5,7-12}"},'import { createEffect } from \'solid-js\'\nimport createEmblaCarousel from \'embla-carousel-solid\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef, emblaApi] = createEmblaCarousel(() => ({ loop: true }))\n\n createEffect(() => {\n const api = emblaApi()\n if (api) {\n console.log(api.slideNodes()) // Access API\n }\n })\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.h2,{id:"adding-plugins",style:{position:"relative"}},l.createElement(t.a,{href:"#adding-plugins","aria-label":"adding plugins permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Adding plugins"),"\n",l.createElement(t.p,null,"Start by installing the plugin you want to use. In this example, we're going to install the ",l.createElement(t.a,{href:"/plugins/autoplay/"},"Autoplay")," plugin:"),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(c.L,{label:"npm",value:"npm"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-autoplay --save\n"))),l.createElement(c.L,{label:"yarn",value:"yarn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-autoplay\n")))),"\n",l.createElement(t.p,null,"The ",l.createElement(t.code,null,"createEmblaCarousel")," method accepts ",l.createElement(t.a,{href:"/plugins/"},"plugins")," as the second argument, which is a Solid accessor. Note that plugins need to be passed in an ",l.createElement(t.strong,null,"array")," like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-jsx___highlight={2,7}"},'import createEmblaCarousel from \'embla-carousel-solid\'\nimport Autoplay from \'embla-carousel-autoplay\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef] = createEmblaCarousel(\n () => ({ loop: true }),\n () => [AutoPlay()]\n )\n\n return (\n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n )\n}\n')),"\n",l.createElement(t.p,null,"Congratulations! You just created your first Embla Carousel component."))}var o=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(i,e)):i(e)},s=n(4234),m=n(3785),d=n(8116),u=n(3559),p=n(7377),g=n(286),h=n(1429),E=n(8944),v=n(8147);const f=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,d.$)(),{title:c="",description:i,date:o}=t.mdx.frontmatter,u=(0,l.useMemo)((()=>new Date(o+" UTC").toISOString()),[o]);return l.createElement(s.p,{title:c,description:i,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,E.P)(a)+'",\n "description": "'+i+'",\n "url": "'+a+n.slug+'",\n "headline": "'+c+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+m.Z+'"\n }\n }\n }\n '))},b=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:c,id:i}=t;return l.createElement(l.Fragment,null,l.createElement(g.V,{id:i}),l.createElement("article",{id:h.O},l.createElement(v.i,null,n)),l.createElement(u.l,{pageUrl:c}),l.createElement(p.R,{previous:r,next:a}))};function _(e){return l.createElement(b,e,l.createElement(o,e))}},286:function(e,t,n){n.d(t,{V:function(){return v}});var a=n(2784),l=n(1195),r=n(9900),c=(n(7694),n(4049)),i=n(5211);var o=n(6807),s=n(3792),m=n(727),d=n(127);const u=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),p=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),g=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],p),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],p),E=(0,l.default)(o.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),v=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,i.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,c.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:c}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(g,{to:r},c),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},c)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),l=n(1195),r=n(9900),c=n(3792),i=n(727),o=n(127),s=n(2657),m=n(6722);const d=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],i.u.COMPLEMENTARY,o.v.ONE,o.v.ONE,o.v.EIGHT,c.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return v}});var a=n(2784),l=n(1195),r=n(9900),c=n(4097),i=n(3792),o=n(127),s=n(727),m=n(6722),d=n(6991);const u=o.v.FOUR,p=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),o.v.EIGHT),g=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],i.DM.BRAND_PRIMARY,i.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],i.DM.TEXT_LOW_CONTRAST,o.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,c.V),v=e=>{const{next:t,previous:n}=e;return a.createElement(p,{"aria-label":"Pagination Navigation"},a.createElement(g,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(g,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return i}});var a=n(2784),l=n(8116),r=n(8944),c=n(3471);const i=e=>{const{title:t,description:n,lang:i="en",url:o,children:s}=e,m=(0,l.$)(),d=t+" | "+(0,c.g)(m.title),u=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:i}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:o}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:o}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js.map deleted file mode 100644 index 5342102d5..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/get-started/solid.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {Tabs} from 'components/Tabs/Tabs';\nimport {TabsItem} from 'components/Tabs/TabsItem';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n pre: \"pre\",\n code: \"code\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Solid\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the Embla Carousel \", React.createElement(_components.strong, null, \"npm package\"), \" and add it to your dependencies.\"), \"\\n\", React.createElement(Tabs, {\n groupId: \"package-manager\"\n }, React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-solid --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-solid\\n\")))), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"the-component-structure\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#the-component-structure\",\n \"aria-label\": \"the component structure permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"The component structure\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel provides the handy \", React.createElement(_components.code, null, \"createEmblaCarousel\"), \" method for seamless integration with Solid. A minimal setup requires an \", React.createElement(_components.strong, null, \"overflow wrapper\"), \" and a \", React.createElement(_components.strong, null, \"scroll container\"), \". Start by adding the following structure to your carousel:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx\"\n }, \"import createEmblaCarousel from 'embla-carousel-solid'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef] = createEmblaCarousel()\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The method gives us a \", React.createElement(_components.strong, null, \"ref\"), \" to attach to our wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \", which is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla {\\n overflow: hidden;\\n}\\n.embla__container {\\n display: flex;\\n}\\n.embla__slide {\\n flex: 0 0 100%;\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"createEmblaCarousel\"), \" method takes the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" as the first argument, which is a Solid accessor. Additionally, you can access the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" with a \", React.createElement(_components.code, null, \"createEffect\"), \" like demonstrated below:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={5,7-12}\"\n }, \"import { createEffect } from 'solid-js'\\nimport createEmblaCarousel from 'embla-carousel-solid'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef, emblaApi] = createEmblaCarousel(() => ({ loop: true }))\\n\\n createEffect(() => {\\n const api = emblaApi()\\n if (api) {\\n console.log(api.slideNodes()) // Access API\\n }\\n })\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: \"package-manager\"\n }, React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"createEmblaCarousel\"), \" method accepts \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \" as the second argument, which is a Solid accessor. Note that plugins need to be passed in an \", React.createElement(_components.strong, null, \"array\"), \" like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={2,7}\"\n }, \"import createEmblaCarousel from 'embla-carousel-solid'\\nimport Autoplay from 'embla-carousel-autoplay'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef] = createEmblaCarousel(\\n () => ({ loop: true }),\\n () => [AutoPlay()]\\n )\\n\\n return (\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n )\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel component.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/solid.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TabsItem","label","value","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js new file mode 100644 index 000000000..8dd25a3f9 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[20],{6154:function(e,t,n){n.r(t),n.d(t,{Head:function(){return f},default:function(){return y}});var a=n(5392),l=n(2784),r=n(1316),i=n(6854),c=n(4234);function o(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Svelte"),"\n",l.createElement(t.p,null,"Start by installing the Embla Carousel ",l.createElement(t.strong,null,"npm package")," and add it to your dependencies."),"\n",l.createElement(r.m,{groupId:c.JP.GROUP_ID},l.createElement(i.L,{tab:c.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-svelte --save\n"))),l.createElement(i.L,{tab:c.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-svelte\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-component-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-component-structure","aria-label":"the component structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The component structure"),"\n",l.createElement(t.p,null,"Embla Carousel provides the handy ",l.createElement(t.code,null,"emblaCarouselSvelte")," action for seamless integration with Svelte. A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\\n\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The element with the classname \", React.createElement(_components.code, null, \"embla\"), \" is needed to cover the scroll overflow. Its child element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselSvelte\"), \" action takes the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" as part of its parameter. Additionally, you can access the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" by using the \", React.createElement(_components.code, null, \"emblaInit\"), \" event to store the carousel instance in a variable:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={5,7-10,15-16}\"\n }, \"\\n\\n\\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: TABS_PACKAGE_MANAGER.GROUP_ID\n }, React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.NPM\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.YARN\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselSvelte\"), \" action parameter accepts \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \". Note that plugins need to be passed in an \", React.createElement(_components.strong, null, \"array\"), \" like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={3,6,9}\"\n }, \"\\n\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel component.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/svelte.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TABS_PACKAGE_MANAGER","TabsItem","tab","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js deleted file mode 100644 index ce5e72ea5..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[20],{6154:function(e,t,n){n.r(t),n.d(t,{Head:function(){return b},default:function(){return _}});var a=n(5392),l=n(2784),r=n(4385),i=n(6854);function c(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Svelte"),"\n",l.createElement(t.p,null,"Start by installing the Embla Carousel ",l.createElement(t.strong,null,"npm package")," and add it to your dependencies."),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(i.L,{label:"npm",value:"npm"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-svelte --save\n"))),l.createElement(i.L,{label:"yarn",value:"yarn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-svelte\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-component-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-component-structure","aria-label":"the component structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The component structure"),"\n",l.createElement(t.p,null,"Embla Carousel provides the handy ",l.createElement(t.code,null,"emblaCarouselSvelte")," action for seamless integration with Svelte. A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\\n\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The element with the classname \", React.createElement(_components.code, null, \"embla\"), \" is needed to cover the scroll overflow. Its child element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselSvelte\"), \" action takes the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" as part of its parameter. Additionally, you can access the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" by using the \", React.createElement(_components.code, null, \"emblaInit\"), \" event to store the carousel instance in a variable:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={5,7-10,15-16}\"\n }, \"\\n\\n\\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: \"package-manager\"\n }, React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselSvelte\"), \" action parameter accepts \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \". Note that plugins need to be passed in an \", React.createElement(_components.strong, null, \"array\"), \" like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={3,6,9}\"\n }, \"\\n\\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel component.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/svelte.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TabsItem","label","value","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js new file mode 100644 index 000000000..d05c9b958 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[3372],{7507:function(e,t,n){n.r(t),n.d(t,{Head:function(){return b},default:function(){return y}});var a=n(5392),l=n(2784),r=n(1316),c=n(6854),i=n(4234);function o(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Vue"),"\n",l.createElement(t.p,null,"Start by installing the Embla Carousel ",l.createElement(t.strong,null,"npm package")," and add it to your dependencies."),"\n",l.createElement(r.m,{groupId:i.JP.GROUP_ID},l.createElement(c.L,{tab:i.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-vue --save\n"))),l.createElement(c.L,{tab:i.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-vue\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-component-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-component-structure","aria-label":"the component structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The component structure"),"\n",l.createElement(t.p,null,"Embla Carousel provides the handy ",l.createElement(t.code,null,"emblaCarouselVue")," function for seamless integration with Vue. A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\n\n\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselVue\"), \" function gives us an \", React.createElement(_components.strong, null, \"emblaNode\"), \" to attach to our wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \", which is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselVue\"), \" function takes the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" as the first argument. Additionally, you can access the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" with an \", React.createElement(_components.code, null, \"watchEffect\"), \" like demonstrated below:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={17,19-23}\"\n }, \"\\n\\n\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: TABS_PACKAGE_MANAGER.GROUP_ID\n }, React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.NPM\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n tab: TABS_PACKAGE_MANAGER.TABS.YARN\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselVue\"), \" function accepts \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \" as the second argument. Note that plugins need to be passed in an \", React.createElement(_components.strong, null, \"array\"), \" like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={13,17}\"\n }, \"\\n\\n\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel component.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/vue.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TABS_PACKAGE_MANAGER","TabsItem","tab","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js deleted file mode 100644 index 6c4594c08..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[3372],{7507:function(e,t,n){n.r(t),n.d(t,{Head:function(){return f},default:function(){return _}});var a=n(5392),l=n(2784),r=n(4385),c=n(6854);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Vue"),"\n",l.createElement(t.p,null,"Start by installing the Embla Carousel ",l.createElement(t.strong,null,"npm package")," and add it to your dependencies."),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(c.L,{label:"npm",value:"npm"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-vue --save\n"))),l.createElement(c.L,{label:"yarn",value:"yarn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-vue\n")))),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"the-component-structure",style:{position:"relative"}},l.createElement(t.a,{href:"#the-component-structure","aria-label":"the component structure permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"The component structure"),"\n",l.createElement(t.p,null,"Embla Carousel provides the handy ",l.createElement(t.code,null,"emblaCarouselVue")," function for seamless integration with Vue. A minimal setup requires an ",l.createElement(t.strong,null,"overflow wrapper")," and a ",l.createElement(t.strong,null,"scroll container"),". Start by adding the following structure to your carousel:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\n\n\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"styling-the-carousel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#styling-the-carousel\",\n \"aria-label\": \"styling the carousel permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Styling the carousel\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselVue\"), \" function gives us an \", React.createElement(_components.strong, null, \"emblaNode\"), \" to attach to our wrapping element with the classname \", React.createElement(_components.code, null, \"embla\"), \", which is needed to cover the scroll overflow. The element with the \", React.createElement(_components.code, null, \"container\"), \" classname is the scroll body that scrolls the slides. Continue by adding the following \", React.createElement(_components.strong, null, \"CSS\"), \" to these elements:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"accessing-the-carousel-api\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#accessing-the-carousel-api\",\n \"aria-label\": \"accessing the carousel api permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Accessing the carousel API\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselVue\"), \" function takes the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" as the first argument. Additionally, you can access the \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \" with an \", React.createElement(_components.code, null, \"watchEffect\"), \" like demonstrated below:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={17,19-23}\"\n }, \"\\n\\n\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"adding-plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#adding-plugins\",\n \"aria-label\": \"adding plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Adding plugins\"), \"\\n\", React.createElement(_components.p, null, \"Start by installing the plugin you want to use. In this example, we're going to install the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/\"\n }, \"Autoplay\"), \" plugin:\"), \"\\n\", React.createElement(Tabs, {\n groupId: \"package-manager\"\n }, React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.code, null, \"emblaCarouselVue\"), \" function accepts \", React.createElement(_components.a, {\n href: \"/plugins/\"\n }, \"plugins\"), \" as the second argument. Note that plugins need to be passed in an \", React.createElement(_components.strong, null, \"array\"), \" like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={13,17}\"\n }, \"\\n\\n\\n\")), \"\\n\", React.createElement(_components.p, null, \"Congratulations! You just created your first Embla Carousel component.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/get-started/vue.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","pre","code","hr","h2","a","div","_provideComponents","components","React","Tabs","groupId","TabsItem","label","value","className","id","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js similarity index 98% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js index 25edfb91d..998e72657 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8555],{3239:function(e,n,t){t.r(n),t.d(n,{Head:function(){return E},default:function(){return v}});var a=t(5392),l=t(2784);function i(e){const n=Object.assign({h1:"h1",p:"p",a:"a",hr:"hr",h2:"h2",div:"div",strong:"strong",pre:"pre",code:"code"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(n.h1,null,"Breakpoints"),"\n",l.createElement(n.p,null,"This guide demonstrates how to customize your carousels for different breakpoints using the ",l.createElement(n.a,{href:"/guides/slide-container/#using-flexbox"},"flexbox")," setup. Embla Carousel offers a convenient way to customize your carousels based on different breakpoints including changing ",l.createElement(n.a,{href:"/api/options/"},"options"),", using plain CSS."),"\n",l.createElement(n.hr),"\n",l.createElement(n.h2,{id:"changing-slide-sizes",style:{position:"relative"}},l.createElement(n.a,{href:"#changing-slide-sizes","aria-label":"changing slide sizes permalink",className:"anchor before"},l.createElement(n.div,{dangerouslySetInnerHTML:{__html:''}})),"Changing slide sizes"),"\n",l.createElement(n.p,null,"Embla Carousel will ",l.createElement(n.strong,null,"automatically pick up")," any ",l.createElement(n.strong,null,"changes in slide sizes")," when the ",l.createElement(n.strong,null,"window is resized"),". It's a walk in the park to change slide sizes based on your breakpoints:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-css"},".embla__slide {\n flex: 0 0 100%; /* Default slide covers 100% of the viewport */\n}\n@media (min-width: 768px) {\n .embla__slide {\n flex: 0 0 50%; /* Breakpoint SM slide covers 50% of the viewport */\n }\n}\n")),"\n",l.createElement(n.h2,{id:"changing-slide-gaps",style:{position:"relative"}},l.createElement(n.a,{href:"#changing-slide-gaps","aria-label":"changing slide gaps permalink",className:"anchor before"},l.createElement(n.div,{dangerouslySetInnerHTML:{__html:''}})),"Changing slide gaps"),"\n",l.createElement(n.p,null,"Embla Carousel will ",l.createElement(n.strong,null,"automatically pick up")," any ",l.createElement(n.strong,null,"changes in gap sizes")," when the ",l.createElement(n.strong,null,"window is resized"),". It's very simple to change gap sizes based on your breakpoints:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-css"},".embla__slide {\n margin-right: 10px; /* Default slide gap */\n}\n@media (min-width: 768px) {\n .embla__slide {\n margin-right: 20px; /* Breakpoint SM gap */\n }\n}\n")),"\n",l.createElement(n.h2,{id:"changing-options",style:{position:"relative"}},l.createElement(n.a,{href:"#changing-options","aria-label":"changing options permalink",className:"anchor before"},l.createElement(n.div,{dangerouslySetInnerHTML:{__html:''}})),"Changing options"),"\n",l.createElement(n.p,null,"You can provide ",l.createElement(n.a,{href:"/api/options/"},"options")," that will be applied for specific breakpoints using the ",l.createElement(n.a,{href:"/api/options/#breakpoints"},"breakpoint")," option."),"\n",l.createElement(n.p,null,"Here's an example of a carousel that's only active when the screen width is less than 768px:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-js"},"const options = {\n active: true,\n breakpoints: {\n '(min-width: 768px)': { active: false }\n }\n}\n")),"\n",l.createElement(n.p,null,"Because the default ",l.createElement(n.a,{href:"/api/options/#active"},"active")," value is ",l.createElement(n.code,null,"true"),", we can omit it from the root level and achieve the same result as above like this:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-js"},"const options = {\n breakpoints: {\n '(min-width: 768px)': { active: false }\n }\n}\n")),"\n",l.createElement(n.p,null,"When breakpoint options ",l.createElement(n.strong,null,"are in conflict"),", the last option in the breakpoints options will be applied:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-js"},"const options = {\n loop: false,\n breakpoints: {\n '(min-width: 768px)': { loop: true },\n '(min-width: 420px)': { loop: false } // This will override the (min-width: 768px) breakpoint loop option\n }\n}\n")),"\n",l.createElement(n.p,null,"If multiple queries match, they will be ",l.createElement(n.strong,null,"merged"),":"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-js"},"const options = {\n loop: false, // --\x3e 419px screens and down will apply { loop: false }\n breakpoints: {\n '(min-width: 420px)': { align: 'start' }, // --\x3e 420px screens and up will apply { align: 'start', loop: false }\n '(min-width: 768px)': { loop: true } // --\x3e 768px screens and up will apply { align: 'start', loop: true }\n }\n}\n")))}var r=function(e){void 0===e&&(e={});const{wrapper:n}=Object.assign({},(0,a.ah)(),e.components);return n?l.createElement(n,e,l.createElement(i,e)):i(e)},o=t(4234),c=t(3785),s=t(8116),m=t(3559),p=t(7377),d=t(286),u=t(1429),g=t(8944),h=t(8147);const E=e=>{const{data:n,pageContext:t}=e,{siteUrl:a,author:i}=(0,s.$)(),{title:r="",description:m,date:p}=n.mdx.frontmatter,d=(0,l.useMemo)((()=>new Date(p+" UTC").toISOString()),[p]);return l.createElement(o.p,{title:r,description:m,url:""+a+t.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,g.P)(a)+'",\n "description": "'+m+'",\n "url": "'+a+t.slug+'",\n "headline": "'+r+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+d+'",\n "dateModified": "'+d+'",\n "author": {\n "@type": "Person",\n "name": "'+i+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+i+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:n,children:t}=e,{next:a,previous:i,filePath:r,id:o}=n;return l.createElement(l.Fragment,null,l.createElement(d.V,{id:o}),l.createElement("article",{id:u.O},l.createElement(h.i,null,t)),l.createElement(m.l,{pageUrl:r}),l.createElement(p.R,{previous:i,next:a}))};function v(e){return l.createElement(f,e,l.createElement(r,e))}},286:function(e,n,t){t.d(n,{V:function(){return f}});var a=t(2784),l=t(1195),i=t(9900),r=(t(7694),t(4049)),o=t(5211);var c=t(6807),s=t(3792),m=t(727),p=t(127);const d=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,p.v.THREE),u=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,p.v.ONE),g=(0,l.default)(i.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],u),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],u),E=(0,l.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,p.v.ONE),f=e=>{const{id:n}=e,t=(e=>{const{flat:n}=(0,o.V)(),t=n.find((n=>n.id===e));return n.filter((e=>(0,r.D)(e.slug,(null==t?void 0:t.slug)||""))).sort(((e,n)=>e.level-n.level))})(n);return 0===t.length?null:a.createElement(d,{"aria-label":"Breadcrumb Navigation"},t.map(((e,n)=>{let{id:l,slug:i,title:r}=e;return n!==t.length-1?a.createElement(a.Fragment,{key:l},a.createElement(g,{to:i},r),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},r)})))}},3559:function(e,n,t){t.d(n,{l:function(){return d}});var a=t(2784),l=t(1195),i=t(9900),r=t(3792),o=t(727),c=t(127),s=t(2657),m=t(6722);const p=(0,l.default)(i.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,r.DM.TEXT_LOW_CONTRAST),d=e=>{const{pageUrl:n}=e,t=s.n.GITHUB_DOCUMENTATION+"/"+n;return a.createElement(p,{to:t},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,n,t){t.d(n,{R:function(){return f}});var a=t(2784),l=t(1195),i=t(9900),r=t(4097),o=t(3792),c=t(127),s=t(727),m=t(6722),p=t(6991);const d=c.v.FOUR,u=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,p.h)(d,"","div"),c.v.EIGHT),g=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,r.V),f=e=>{const{next:n,previous:t}=e;return a.createElement(u,{"aria-label":"Pagination Navigation"},a.createElement(g,null,t&&a.createElement(i.t,{to:t.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},t.title)))),a.createElement(g,null,n&&a.createElement(i.t,{to:n.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},n.title)))))}},4234:function(e,n,t){t.d(n,{p:function(){return o}});var a=t(2784),l=t(8116),i=t(8944),r=t(3471);const o=e=>{const{title:n,description:t,lang:o="en",url:c,children:s}=e,m=(0,l.$)(),p=n+" | "+(0,r.g)(m.title),d=t||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,p),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:d}),a.createElement("meta",{name:"og:title",content:n}),a.createElement("meta",{name:"og:description",content:d}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,i.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:n}),a.createElement("meta",{name:"twitter:description",content:d}),s)}},3471:function(e,n,t){t.d(n,{g:function(){return a}});const a=function(e,n){return void 0===e&&(e=""),void 0===n&&(n=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,n).toUpperCase()))}},8944:function(e,n,t){t.d(n,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,n,t){n.Z=t.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js.map \ No newline at end of file +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8555],{3239:function(e,n,t){t.r(n),t.d(n,{Head:function(){return E},default:function(){return v}});var a=t(5392),l=t(2784);function i(e){const n=Object.assign({h1:"h1",p:"p",a:"a",hr:"hr",h2:"h2",div:"div",strong:"strong",pre:"pre",code:"code"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(n.h1,null,"Breakpoints"),"\n",l.createElement(n.p,null,"This guide demonstrates how to customize your carousels for different breakpoints using the ",l.createElement(n.a,{href:"/guides/slide-container/#using-flexbox"},"flexbox")," setup. Embla Carousel offers a convenient way to customize your carousels based on different breakpoints including changing ",l.createElement(n.a,{href:"/api/options/"},"options"),", using plain CSS."),"\n",l.createElement(n.hr),"\n",l.createElement(n.h2,{id:"changing-slide-sizes",style:{position:"relative"}},l.createElement(n.a,{href:"#changing-slide-sizes","aria-label":"changing slide sizes permalink",className:"anchor before"},l.createElement(n.div,{dangerouslySetInnerHTML:{__html:''}})),"Changing slide sizes"),"\n",l.createElement(n.p,null,"Embla Carousel will ",l.createElement(n.strong,null,"automatically pick up")," any ",l.createElement(n.strong,null,"changes in slide sizes")," when the ",l.createElement(n.strong,null,"window is resized"),". It's a walk in the park to change slide sizes based on your breakpoints:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-css"},".embla__slide {\n flex: 0 0 100%; /* Default slide covers 100% of the viewport */\n}\n@media (min-width: 768px) {\n .embla__slide {\n flex: 0 0 50%; /* Breakpoint SM slide covers 50% of the viewport */\n }\n}\n")),"\n",l.createElement(n.h2,{id:"changing-slide-gaps",style:{position:"relative"}},l.createElement(n.a,{href:"#changing-slide-gaps","aria-label":"changing slide gaps permalink",className:"anchor before"},l.createElement(n.div,{dangerouslySetInnerHTML:{__html:''}})),"Changing slide gaps"),"\n",l.createElement(n.p,null,"Embla Carousel will ",l.createElement(n.strong,null,"automatically pick up")," any ",l.createElement(n.strong,null,"changes in gap sizes")," when the ",l.createElement(n.strong,null,"window is resized"),". It's very simple to change gap sizes based on your breakpoints:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-css"},".embla__slide {\n margin-right: 10px; /* Default slide gap */\n}\n@media (min-width: 768px) {\n .embla__slide {\n margin-right: 20px; /* Breakpoint SM gap */\n }\n}\n")),"\n",l.createElement(n.h2,{id:"changing-options",style:{position:"relative"}},l.createElement(n.a,{href:"#changing-options","aria-label":"changing options permalink",className:"anchor before"},l.createElement(n.div,{dangerouslySetInnerHTML:{__html:''}})),"Changing options"),"\n",l.createElement(n.p,null,"You can provide ",l.createElement(n.a,{href:"/api/options/"},"options")," that will be applied for specific breakpoints using the ",l.createElement(n.a,{href:"/api/options/#breakpoints"},"breakpoint")," option."),"\n",l.createElement(n.p,null,"Here's an example of a carousel that's only active when the screen width is less than 768px:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-js"},"const options = {\n active: true,\n breakpoints: {\n '(min-width: 768px)': { active: false }\n }\n}\n")),"\n",l.createElement(n.p,null,"Because the default ",l.createElement(n.a,{href:"/api/options/#active"},"active")," value is ",l.createElement(n.code,null,"true"),", we can omit it from the root level and achieve the same result as above like this:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-js"},"const options = {\n breakpoints: {\n '(min-width: 768px)': { active: false }\n }\n}\n")),"\n",l.createElement(n.p,null,"When breakpoint options ",l.createElement(n.strong,null,"are in conflict"),", the last option in the breakpoints options will be applied:"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-js"},"const options = {\n loop: false,\n breakpoints: {\n '(min-width: 768px)': { loop: true },\n '(min-width: 420px)': { loop: false } // This will override the (min-width: 768px) breakpoint loop option\n }\n}\n")),"\n",l.createElement(n.p,null,"If multiple queries match, they will be ",l.createElement(n.strong,null,"merged"),":"),"\n",l.createElement(n.pre,null,l.createElement(n.code,{className:"language-js"},"const options = {\n loop: false, // --\x3e 419px screens and down will apply { loop: false }\n breakpoints: {\n '(min-width: 420px)': { align: 'start' }, // --\x3e 420px screens and up will apply { align: 'start', loop: false }\n '(min-width: 768px)': { loop: true } // --\x3e 768px screens and up will apply { align: 'start', loop: true }\n }\n}\n")))}var r=function(e){void 0===e&&(e={});const{wrapper:n}=Object.assign({},(0,a.ah)(),e.components);return n?l.createElement(n,e,l.createElement(i,e)):i(e)},o=t(4810),c=t(3785),s=t(8116),m=t(3559),p=t(7377),d=t(286),u=t(1429),g=t(8944),h=t(8147);const E=e=>{const{data:n,pageContext:t}=e,{siteUrl:a,author:i}=(0,s.$)(),{title:r="",description:m,date:p}=n.mdx.frontmatter,d=(0,l.useMemo)((()=>new Date(p+" UTC").toISOString()),[p]);return l.createElement(o.p,{title:r,description:m,url:""+a+t.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,g.P)(a)+'",\n "description": "'+m+'",\n "url": "'+a+t.slug+'",\n "headline": "'+r+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+d+'",\n "dateModified": "'+d+'",\n "author": {\n "@type": "Person",\n "name": "'+i+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+i+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:n,children:t}=e,{next:a,previous:i,filePath:r,id:o}=n;return l.createElement(l.Fragment,null,l.createElement(d.V,{id:o}),l.createElement("article",{id:u.O},l.createElement(h.i,null,t)),l.createElement(m.l,{pageUrl:r}),l.createElement(p.R,{previous:i,next:a}))};function v(e){return l.createElement(f,e,l.createElement(r,e))}},286:function(e,n,t){t.d(n,{V:function(){return f}});var a=t(2784),l=t(1195),i=t(9900),r=(t(7694),t(4049)),o=t(5211);var c=t(6807),s=t(3792),m=t(727),p=t(127);const d=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,p.v.THREE),u=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,p.v.ONE),g=(0,l.default)(i.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],u),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],u),E=(0,l.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,p.v.ONE),f=e=>{const{id:n}=e,t=(e=>{const{flat:n}=(0,o.V)(),t=n.find((n=>n.id===e));return n.filter((e=>(0,r.D)(e.slug,(null==t?void 0:t.slug)||""))).sort(((e,n)=>e.level-n.level))})(n);return 0===t.length?null:a.createElement(d,{"aria-label":"Breadcrumb Navigation"},t.map(((e,n)=>{let{id:l,slug:i,title:r}=e;return n!==t.length-1?a.createElement(a.Fragment,{key:l},a.createElement(g,{to:i},r),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},r)})))}},3559:function(e,n,t){t.d(n,{l:function(){return d}});var a=t(2784),l=t(1195),i=t(9900),r=t(3792),o=t(727),c=t(127),s=t(2657),m=t(6722);const p=(0,l.default)(i.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,r.DM.TEXT_LOW_CONTRAST),d=e=>{const{pageUrl:n}=e,t=s.n.GITHUB_DOCUMENTATION+"/"+n;return a.createElement(p,{to:t},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,n,t){t.d(n,{R:function(){return f}});var a=t(2784),l=t(1195),i=t(9900),r=t(4097),o=t(3792),c=t(127),s=t(727),m=t(6722),p=t(6991);const d=c.v.FOUR,u=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,p.h)(d,"","div"),c.v.EIGHT),g=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,r.V),f=e=>{const{next:n,previous:t}=e;return a.createElement(u,{"aria-label":"Pagination Navigation"},a.createElement(g,null,t&&a.createElement(i.t,{to:t.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},t.title)))),a.createElement(g,null,n&&a.createElement(i.t,{to:n.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},n.title)))))}},4810:function(e,n,t){t.d(n,{p:function(){return o}});var a=t(2784),l=t(8116),i=t(8944),r=t(3471);const o=e=>{const{title:n,description:t,lang:o="en",url:c,children:s}=e,m=(0,l.$)(),p=n+" | "+(0,r.g)(m.title),d=t||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,p),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:d}),a.createElement("meta",{name:"og:title",content:n}),a.createElement("meta",{name:"og:description",content:d}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,i.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:n}),a.createElement("meta",{name:"twitter:description",content:d}),s)}},3471:function(e,n,t){t.d(n,{g:function(){return a}});const a=function(e,n){return void 0===e&&(e=""),void 0===n&&(n=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,n).toUpperCase()))}},8944:function(e,n,t){t.d(n,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,n,t){n.Z=t.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js.map similarity index 99% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js.map rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js.map index 60da59307..54c28fb5c 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js.map +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/breakpoints.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n strong: \"strong\",\n pre: \"pre\",\n code: \"code\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Breakpoints\"), \"\\n\", React.createElement(_components.p, null, \"This guide demonstrates how to customize your carousels for different breakpoints using the \", React.createElement(_components.a, {\n href: \"/guides/slide-container/#using-flexbox\"\n }, \"flexbox\"), \" setup. Embla Carousel offers a convenient way to customize your carousels based on different breakpoints including changing \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \", using plain CSS.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"changing-slide-sizes\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#changing-slide-sizes\",\n \"aria-label\": \"changing slide sizes permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Changing slide sizes\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel will \", React.createElement(_components.strong, null, \"automatically pick up\"), \" any \", React.createElement(_components.strong, null, \"changes in slide sizes\"), \" when the \", React.createElement(_components.strong, null, \"window is resized\"), \". It's a walk in the park to change slide sizes based on your breakpoints:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 100%; /* Default slide covers 100% of the viewport */\\n}\\n@media (min-width: 768px) {\\n .embla__slide {\\n flex: 0 0 50%; /* Breakpoint SM slide covers 50% of the viewport */\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"changing-slide-gaps\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#changing-slide-gaps\",\n \"aria-label\": \"changing slide gaps permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Changing slide gaps\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel will \", React.createElement(_components.strong, null, \"automatically pick up\"), \" any \", React.createElement(_components.strong, null, \"changes in gap sizes\"), \" when the \", React.createElement(_components.strong, null, \"window is resized\"), \". It's very simple to change gap sizes based on your breakpoints:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n margin-right: 10px; /* Default slide gap */\\n}\\n@media (min-width: 768px) {\\n .embla__slide {\\n margin-right: 20px; /* Breakpoint SM gap */\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"changing-options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#changing-options\",\n \"aria-label\": \"changing options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Changing options\"), \"\\n\", React.createElement(_components.p, null, \"You can provide \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" that will be applied for specific breakpoints using the \", React.createElement(_components.a, {\n href: \"/api/options/#breakpoints\"\n }, \"breakpoint\"), \" option.\"), \"\\n\", React.createElement(_components.p, null, \"Here's an example of a carousel that's only active when the screen width is less than 768px:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const options = {\\n active: true,\\n breakpoints: {\\n '(min-width: 768px)': { active: false }\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"Because the default \", React.createElement(_components.a, {\n href: \"/api/options/#active\"\n }, \"active\"), \" value is \", React.createElement(_components.code, null, \"true\"), \", we can omit it from the root level and achieve the same result as above like this:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const options = {\\n breakpoints: {\\n '(min-width: 768px)': { active: false }\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"When breakpoint options \", React.createElement(_components.strong, null, \"are in conflict\"), \", the last option in the breakpoints options will be applied:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const options = {\\n loop: false,\\n breakpoints: {\\n '(min-width: 768px)': { loop: true },\\n '(min-width: 420px)': { loop: false } // This will override the (min-width: 768px) breakpoint loop option\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"If multiple queries match, they will be \", React.createElement(_components.strong, null, \"merged\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const options = {\\n loop: false, // --> 419px screens and down will apply { loop: false }\\n breakpoints: {\\n '(min-width: 420px)': { align: 'start' }, // --> 420px screens and up will apply { align: 'start', loop: false }\\n '(min-width: 768px)': { loop: true } // --> 768px screens and up will apply { align: 'start', loop: true }\\n }\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/breakpoints.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","a","hr","h2","div","strong","pre","code","_provideComponents","components","React","href","id","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/breakpoints.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n strong: \"strong\",\n pre: \"pre\",\n code: \"code\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Breakpoints\"), \"\\n\", React.createElement(_components.p, null, \"This guide demonstrates how to customize your carousels for different breakpoints using the \", React.createElement(_components.a, {\n href: \"/guides/slide-container/#using-flexbox\"\n }, \"flexbox\"), \" setup. Embla Carousel offers a convenient way to customize your carousels based on different breakpoints including changing \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \", using plain CSS.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"changing-slide-sizes\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#changing-slide-sizes\",\n \"aria-label\": \"changing slide sizes permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Changing slide sizes\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel will \", React.createElement(_components.strong, null, \"automatically pick up\"), \" any \", React.createElement(_components.strong, null, \"changes in slide sizes\"), \" when the \", React.createElement(_components.strong, null, \"window is resized\"), \". It's a walk in the park to change slide sizes based on your breakpoints:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 100%; /* Default slide covers 100% of the viewport */\\n}\\n@media (min-width: 768px) {\\n .embla__slide {\\n flex: 0 0 50%; /* Breakpoint SM slide covers 50% of the viewport */\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"changing-slide-gaps\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#changing-slide-gaps\",\n \"aria-label\": \"changing slide gaps permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Changing slide gaps\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel will \", React.createElement(_components.strong, null, \"automatically pick up\"), \" any \", React.createElement(_components.strong, null, \"changes in gap sizes\"), \" when the \", React.createElement(_components.strong, null, \"window is resized\"), \". It's very simple to change gap sizes based on your breakpoints:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n margin-right: 10px; /* Default slide gap */\\n}\\n@media (min-width: 768px) {\\n .embla__slide {\\n margin-right: 20px; /* Breakpoint SM gap */\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"changing-options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#changing-options\",\n \"aria-label\": \"changing options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Changing options\"), \"\\n\", React.createElement(_components.p, null, \"You can provide \", React.createElement(_components.a, {\n href: \"/api/options/\"\n }, \"options\"), \" that will be applied for specific breakpoints using the \", React.createElement(_components.a, {\n href: \"/api/options/#breakpoints\"\n }, \"breakpoint\"), \" option.\"), \"\\n\", React.createElement(_components.p, null, \"Here's an example of a carousel that's only active when the screen width is less than 768px:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const options = {\\n active: true,\\n breakpoints: {\\n '(min-width: 768px)': { active: false }\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"Because the default \", React.createElement(_components.a, {\n href: \"/api/options/#active\"\n }, \"active\"), \" value is \", React.createElement(_components.code, null, \"true\"), \", we can omit it from the root level and achieve the same result as above like this:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const options = {\\n breakpoints: {\\n '(min-width: 768px)': { active: false }\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"When breakpoint options \", React.createElement(_components.strong, null, \"are in conflict\"), \", the last option in the breakpoints options will be applied:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const options = {\\n loop: false,\\n breakpoints: {\\n '(min-width: 768px)': { loop: true },\\n '(min-width: 420px)': { loop: false } // This will override the (min-width: 768px) breakpoint loop option\\n }\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"If multiple queries match, they will be \", React.createElement(_components.strong, null, \"merged\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const options = {\\n loop: false, // --> 419px screens and down will apply { loop: false }\\n breakpoints: {\\n '(min-width: 420px)': { align: 'start' }, // --> 420px screens and up will apply { align: 'start', loop: false }\\n '(min-width: 768px)': { loop: true } // --> 768px screens and up will apply { align: 'start', loop: true }\\n }\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/breakpoints.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","a","hr","h2","div","strong","pre","code","_provideComponents","components","React","href","id","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js similarity index 97% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js index 681c0c17a..8e391e57c 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[5257],{3771:function(e,t,n){n.r(t),n.d(t,{Head:function(){return h},default:function(){return v}});var a=n(5392),r=n(2784);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components),{PageChildLinks:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("PageChildLinks",!0),r.createElement(r.Fragment,null,r.createElement(t.h1,null,"Practical Guides"),"\n",r.createElement(t.p,null,"Here is a list of practical step-by-step guides to help you achieve a specific goal. These guides demonstrate how to ",r.createElement(t.strong,null,"customize your carousels")," for different use cases and teach you more about how Embla Carousel works."),"\n",r.createElement(t.hr),"\n",r.createElement(t.h2,{id:"pick-a-guide",style:{position:"relative"}},r.createElement(t.a,{href:"#pick-a-guide","aria-label":"pick a guide permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Pick a guide"),"\n",r.createElement(n))}var l=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?r.createElement(t,e,r.createElement(i,e)):i(e)};var o=n(4234),c=n(3785),m=n(8116),s=n(3559),d=n(7377),u=n(286),g=n(1429),p=n(8944),E=n(8147);const h=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:i}=(0,m.$)(),{title:l="",description:s,date:d}=t.mdx.frontmatter,u=(0,r.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return r.createElement(o.p,{title:l,description:s,url:""+a+n.slug},r.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+s+'",\n "url": "'+a+n.slug+'",\n "headline": "'+l+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+i+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+i+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:i,filePath:l,id:o}=t;return r.createElement(r.Fragment,null,r.createElement(u.V,{id:o}),r.createElement("article",{id:g.O},r.createElement(E.i,null,n)),r.createElement(s.l,{pageUrl:l}),r.createElement(d.R,{previous:i,next:a}))};function v(e){return r.createElement(f,e,r.createElement(l,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),r=n(1195),i=n(9900),l=(n(7694),n(4049)),o=n(5211);var c=n(6807),m=n(3792),s=n(727),d=n(127);const u=r.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],s.u.COMPLEMENTARY,d.v.THREE),g=(0,r.css)(["color:",";padding:"," 0;"],m.DM.TEXT_LOW_CONTRAST,d.v.ONE),p=(0,r.default)(i.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),E=r.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),h=(0,r.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],m.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,l.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:r,slug:i,title:l}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:r},a.createElement(p,{to:i},l),a.createElement(h,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(E,{key:r},l)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),r=n(1195),i=n(9900),l=n(3792),o=n(727),c=n(127),m=n(2657),s=n(6722);const d=(0,r.default)(i.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,l.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=m.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(s.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),r=n(1195),i=n(9900),l=n(4097),o=n(3792),c=n(127),m=n(727),s=n(6722),d=n(6991);const u=c.v.FOUR,g=r.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),p=r.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),E=r.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),h=r.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],m.X.MEDIUM,s.EG,l.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(i.t,{to:n.slug},a.createElement(E,null,"Previous"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(i.t,{to:t.slug},a.createElement(E,null,"Next"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),r=n(8116),i=n(8944),l=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:m}=e,s=(0,r.$)(),d=t+" | "+(0,l.g)(s.title),u=n||s.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,i.P)(s.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:s.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),m)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js.map \ No newline at end of file +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[5257],{3771:function(e,t,n){n.r(t),n.d(t,{Head:function(){return h},default:function(){return v}});var a=n(5392),r=n(2784);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components),{PageChildLinks:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("PageChildLinks",!0),r.createElement(r.Fragment,null,r.createElement(t.h1,null,"Practical Guides"),"\n",r.createElement(t.p,null,"Here is a list of practical step-by-step guides to help you achieve a specific goal. These guides demonstrate how to ",r.createElement(t.strong,null,"customize your carousels")," for different use cases and teach you more about how Embla Carousel works."),"\n",r.createElement(t.hr),"\n",r.createElement(t.h2,{id:"pick-a-guide",style:{position:"relative"}},r.createElement(t.a,{href:"#pick-a-guide","aria-label":"pick a guide permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Pick a guide"),"\n",r.createElement(n))}var l=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?r.createElement(t,e,r.createElement(i,e)):i(e)};var o=n(4810),c=n(3785),m=n(8116),s=n(3559),d=n(7377),u=n(286),g=n(1429),p=n(8944),E=n(8147);const h=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:i}=(0,m.$)(),{title:l="",description:s,date:d}=t.mdx.frontmatter,u=(0,r.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return r.createElement(o.p,{title:l,description:s,url:""+a+n.slug},r.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+s+'",\n "url": "'+a+n.slug+'",\n "headline": "'+l+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+i+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+i+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:i,filePath:l,id:o}=t;return r.createElement(r.Fragment,null,r.createElement(u.V,{id:o}),r.createElement("article",{id:g.O},r.createElement(E.i,null,n)),r.createElement(s.l,{pageUrl:l}),r.createElement(d.R,{previous:i,next:a}))};function v(e){return r.createElement(f,e,r.createElement(l,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),r=n(1195),i=n(9900),l=(n(7694),n(4049)),o=n(5211);var c=n(6807),m=n(3792),s=n(727),d=n(127);const u=r.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],s.u.COMPLEMENTARY,d.v.THREE),g=(0,r.css)(["color:",";padding:"," 0;"],m.DM.TEXT_LOW_CONTRAST,d.v.ONE),p=(0,r.default)(i.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),E=r.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),h=(0,r.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],m.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,l.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:r,slug:i,title:l}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:r},a.createElement(p,{to:i},l),a.createElement(h,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(E,{key:r},l)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),r=n(1195),i=n(9900),l=n(3792),o=n(727),c=n(127),m=n(2657),s=n(6722);const d=(0,r.default)(i.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,l.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=m.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(s.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),r=n(1195),i=n(9900),l=n(4097),o=n(3792),c=n(127),m=n(727),s=n(6722),d=n(6991);const u=c.v.FOUR,g=r.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),p=r.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),E=r.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),h=r.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],m.X.MEDIUM,s.EG,l.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(i.t,{to:n.slug},a.createElement(E,null,"Previous"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(i.t,{to:t.slug},a.createElement(E,null,"Next"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),r=n(8116),i=n(8944),l=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:m}=e,s=(0,r.$)(),d=t+" | "+(0,l.g)(s.title),u=n||s.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,i.P)(s.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:s.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),m)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js.map similarity index 99% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js.map rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js.map index 51b03ae0f..e64006ad4 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js.map +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/index.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components), {PageChildLinks} = _components;\n if (!PageChildLinks) _missingMdxReference(\"PageChildLinks\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Practical Guides\"), \"\\n\", React.createElement(_components.p, null, \"Here is a list of practical step-by-step guides to help you achieve a specific goal. These guides demonstrate how to \", React.createElement(_components.strong, null, \"customize your carousels\"), \" for different use cases and teach you more about how Embla Carousel works.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"pick-a-guide\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#pick-a-guide\",\n \"aria-label\": \"pick a guide permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Pick a guide\"), \"\\n\", React.createElement(PageChildLinks));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/index.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","_provideComponents","components","PageChildLinks","id","component","Error","_missingMdxReference","React","style","position","href","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/index.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components), {PageChildLinks} = _components;\n if (!PageChildLinks) _missingMdxReference(\"PageChildLinks\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Practical Guides\"), \"\\n\", React.createElement(_components.p, null, \"Here is a list of practical step-by-step guides to help you achieve a specific goal. These guides demonstrate how to \", React.createElement(_components.strong, null, \"customize your carousels\"), \" for different use cases and teach you more about how Embla Carousel works.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"pick-a-guide\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#pick-a-guide\",\n \"aria-label\": \"pick a guide permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Pick a guide\"), \"\\n\", React.createElement(PageChildLinks));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/index.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","_provideComponents","components","PageChildLinks","id","component","Error","_missingMdxReference","React","style","position","href","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js new file mode 100644 index 000000000..85b0fe352 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[6664],{7862:function(e,t,n){n.r(t),n.d(t,{Head:function(){return v},default:function(){return b}});var l=n(5392),a=n(2784);function r(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",ul:"ul",li:"li",hr:"hr",h2:"h2",div:"div",code:"code",pre:"pre"},(0,l.ah)(),e.components);return a.createElement(a.Fragment,null,a.createElement(t.h1,null,"Previous & Next Buttons"),"\n",a.createElement(t.p,null,"This guide will show you ",a.createElement(t.strong,null,"how")," to ",a.createElement(t.strong,null,"add previous and next buttons")," using the Embla Carousel ",a.createElement(t.a,{href:"/api/"},"API"),". We're going to make use of the following methods to achieve this:"),"\n",a.createElement(t.ul,null,"\n",a.createElement(t.li,null,a.createElement(t.a,{href:"/api/methods/#scrollprev"},"scrollPrev")),"\n",a.createElement(t.li,null,a.createElement(t.a,{href:"/api/methods/#scrollnext"},"scrollNext")),"\n"),"\n",a.createElement(t.hr),"\n",a.createElement(t.h2,{id:"button-placement",style:{position:"relative"}},a.createElement(t.a,{href:"#button-placement","aria-label":"button placement permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Button placement"),"\n",a.createElement(t.p,null,"Assuming your carousel is ",a.createElement(t.a,{href:"/api/options/#watchdrag"},"draggable"),", it's important to note that the ",a.createElement(t.strong,null,"root node")," will ",a.createElement(t.strong,null,"respond to pointer events"),". The root node is the one that is passed to the ",a.createElement(t.code,null,"EmblaCarousel")," initializer. In the following example, it has the class name ",a.createElement(t.code,null,"embla"),":"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-html"},'
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n')),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-js"},"const emblaNode = document.querySelector('.embla') // Root node\nconst embla = EmblaCarousel(emblaNode) // Passed to the initializer here\n")),"\n",a.createElement(t.p,null,"Therefore, it's ",a.createElement(t.strong,null,"not a good idea")," to place the previous and next buttons inside the root element, because a click on any of the buttons may trigger ",a.createElement(t.strong,null,"unintended drag interactions")," on the carousel."),"\n",a.createElement(t.p,null,"To solve this, we're going to modify the minimal ",a.createElement(t.a,{href:"/get-started/module/#the-html-structure"},"HTML setup")," from the installation guide by creating a ",a.createElement(t.strong,null,"viewport wrapper")," around our container like so:"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-html___highlight={2,8}"},'
    \n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n
    \n')),"\n",a.createElement(t.p,null,"Our new wrapper with the class name ",a.createElement(t.code,null,"embla__viewport")," will act as our ",a.createElement(t.strong,null,"new root element"),", which will encapsulate the scroll container and respond to pointer events. Now, we're ready to place our buttons ",a.createElement(t.strong,null,"outside")," that wrapper:"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-html___highlight={9-10}"},'
    \n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n \n \n
    \n')),"\n",a.createElement(t.h2,{id:"with-vanilla-javascript",style:{position:"relative"}},a.createElement(t.a,{href:"#with-vanilla-javascript","aria-label":"with vanilla javascript permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"With vanilla JavaScript"),"\n",a.createElement(t.p,null,"Adding event listeners to our buttons is easy. It just requires some basic JavaScript to get this done. First, we need to ",a.createElement(t.strong,null,"grab our wrappers and buttons"),":"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-js"},"import EmblaCarousel from 'embla-carousel'\n\n// Grab wrapper nodes\nconst rootNode = document.querySelector('.embla')\nconst viewportNode = rootNode.querySelector('.embla__viewport')\n\n// Grab button nodes\nconst prevButtonNode = rootNode.querySelector('.embla__prev')\nconst nextButtonNode = rootNode.querySelector('.embla__next')\n")),"\n",a.createElement(t.p,null,"Now that we have our nodes, let's initialize our carousel and make our previous and next ",a.createElement(t.strong,null,"buttons respond to clicks"),". We'll use ",a.createElement(t.a,{href:"/api/methods/#scrollprev"},"scrollPrev")," and ",a.createElement(t.a,{href:"/api/methods/#scrollnext"},"scrollNext")," for this:"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-js___highlight={5-6}"},"// Initialize the carousel\nconst embla = EmblaCarousel(viewportNode)\n\n// Add click listeners\nprevButtonNode.addEventListener('click', embla.scrollPrev, false)\nnextButtonNode.addEventListener('click', embla.scrollNext, false)\n")),"\n",a.createElement(t.h2,{id:"with-react",style:{position:"relative"}},a.createElement(t.a,{href:"#with-react","aria-label":"with react permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"With React"),"\n",a.createElement(t.p,null,"Modifying the minimal ",a.createElement(t.a,{href:"/get-started/react/#the-component-structure"},"component setup")," from the installation guide, we're going to use the ",a.createElement(t.code,null,"emblaApi")," to create our ",a.createElement(t.code,null,"scrollPrev")," and ",a.createElement(t.code,null,"scrollNext")," functions:"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-jsx___highlight={7-9,11-13,24,27}"},'import React, { useCallback } from \'react\'\nimport useEmblaCarousel from \'embla-carousel-react\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef, emblaApi] = useEmblaCarousel()\n\n const scrollPrev = useCallback(() => {\n if (emblaApi) emblaApi.scrollPrev()\n }, [emblaApi])\n\n const scrollNext = useCallback(() => {\n if (emblaApi) emblaApi.scrollNext()\n }, [emblaApi])\n\n return (\n
    \n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n \n \n
    \n )\n}\n')))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,l.ah)(),e.components);return t?a.createElement(t,e,a.createElement(r,e)):r(e)},o=n(4810),c=n(3785),s=n(8116),m=n(3559),d=n(7377),u=n(286),p=n(1429),h=n(8944),g=n(8147);const v=e=>{const{data:t,pageContext:n}=e,{siteUrl:l,author:r}=(0,s.$)(),{title:i="",description:m,date:d}=t.mdx.frontmatter,u=(0,a.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return a.createElement(o.p,{title:i,description:m,url:""+l+n.slug},a.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,h.P)(l)+'",\n "description": "'+m+'",\n "url": "'+l+n.slug+'",\n "headline": "'+i+'",\n "image": "'+l+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+l+c.Z+'"\n }\n }\n }\n '))},E=e=>{const{pageContext:t,children:n}=e,{next:l,previous:r,filePath:i,id:o}=t;return a.createElement(a.Fragment,null,a.createElement(u.V,{id:o}),a.createElement("article",{id:p.O},a.createElement(g.i,null,n)),a.createElement(m.l,{pageUrl:i}),a.createElement(d.R,{previous:r,next:l}))};function b(e){return a.createElement(E,e,a.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return E}});var l=n(2784),a=n(1195),r=n(9900),i=(n(7694),n(4049)),o=n(5211);var c=n(6807),s=n(3792),m=n(727),d=n(127);const u=a.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),p=(0,a.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),h=(0,a.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],p),g=a.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],p),v=(0,a.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),E=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:l.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:a,slug:r,title:i}=e;return t!==n.length-1?l.createElement(l.Fragment,{key:a},l.createElement(h,{to:r},i),l.createElement(v,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):l.createElement(g,{key:a},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var l=n(2784),a=n(1195),r=n(9900),i=n(3792),o=n(727),c=n(127),s=n(2657),m=n(6722);const d=(0,a.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return l.createElement(d,{to:n},l.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return E}});var l=n(2784),a=n(1195),r=n(9900),i=n(4097),o=n(3792),c=n(127),s=n(727),m=n(6722),d=n(6991);const u=c.v.FOUR,p=a.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),h=a.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),g=a.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),v=a.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,i.V),E=e=>{const{next:t,previous:n}=e;return l.createElement(p,{"aria-label":"Pagination Navigation"},l.createElement(h,null,n&&l.createElement(r.t,{to:n.slug},l.createElement(g,null,"Previous"),l.createElement(v,null,l.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),l.createElement(h,null,t&&l.createElement(r.t,{to:t.slug},l.createElement(g,null,"Next"),l.createElement(v,null,l.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return o}});var l=n(2784),a=n(8116),r=n(8944),i=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:s}=e,m=(0,a.$)(),d=t+" | "+(0,i.g)(m.title),u=n||m.description;return l.createElement(l.Fragment,null,l.createElement("html",{lang:o}),l.createElement("title",null,d),l.createElement("link",{rel:"canonical",href:c}),l.createElement("meta",{name:"description",content:u}),l.createElement("meta",{name:"og:title",content:t}),l.createElement("meta",{name:"og:description",content:u}),l.createElement("meta",{name:"og:type",content:"article"}),l.createElement("meta",{name:"og:locale",content:"en_EN"}),l.createElement("meta",{name:"og:url",content:c}),l.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),l.createElement("meta",{name:"twitter:card",content:"summary"}),l.createElement("meta",{name:"twitter:creator",content:m.author}),l.createElement("meta",{name:"twitter:title",content:t}),l.createElement("meta",{name:"twitter:description",content:u}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return l}});const l=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return l}});const l=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js.map new file mode 100644 index 000000000..61202ff28 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js.map @@ -0,0 +1 @@ +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/previous-and-next-buttons.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n ul: \"ul\",\n li: \"li\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n code: \"code\",\n pre: \"pre\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Previous & Next Buttons\"), \"\\n\", React.createElement(_components.p, null, \"This guide will show you \", React.createElement(_components.strong, null, \"how\"), \" to \", React.createElement(_components.strong, null, \"add previous and next buttons\"), \" using the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \". We're going to make use of the following methods to achieve this:\"), \"\\n\", React.createElement(_components.ul, null, \"\\n\", React.createElement(_components.li, null, React.createElement(_components.a, {\n href: \"/api/methods/#scrollprev\"\n }, \"scrollPrev\")), \"\\n\", React.createElement(_components.li, null, React.createElement(_components.a, {\n href: \"/api/methods/#scrollnext\"\n }, \"scrollNext\")), \"\\n\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"button-placement\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#button-placement\",\n \"aria-label\": \"button placement permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Button placement\"), \"\\n\", React.createElement(_components.p, null, \"Assuming your carousel is \", React.createElement(_components.a, {\n href: \"/api/options/#watchdrag\"\n }, \"draggable\"), \", it's important to note that the \", React.createElement(_components.strong, null, \"root node\"), \" will \", React.createElement(_components.strong, null, \"respond to pointer events\"), \". The root node is the one that is passed to the \", React.createElement(_components.code, null, \"EmblaCarousel\"), \" initializer. In the following example, it has the class name \", React.createElement(_components.code, null, \"embla\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const emblaNode = document.querySelector('.embla') // Root node\\nconst embla = EmblaCarousel(emblaNode) // Passed to the initializer here\\n\")), \"\\n\", React.createElement(_components.p, null, \"Therefore, it's \", React.createElement(_components.strong, null, \"not a good idea\"), \" to place the previous and next buttons inside the root element, because a click on any of the buttons may trigger \", React.createElement(_components.strong, null, \"unintended drag interactions\"), \" on the carousel.\"), \"\\n\", React.createElement(_components.p, null, \"To solve this, we're going to modify the minimal \", React.createElement(_components.a, {\n href: \"/get-started/module/#the-html-structure\"\n }, \"HTML setup\"), \" from the installation guide by creating a \", React.createElement(_components.strong, null, \"viewport wrapper\"), \" around our container like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={2,8}\"\n }, \"
    \\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.p, null, \"Our new wrapper with the class name \", React.createElement(_components.code, null, \"embla__viewport\"), \" will act as our \", React.createElement(_components.strong, null, \"new root element\"), \", which will encapsulate the scroll container and respond to pointer events. Now, we're ready to place our buttons \", React.createElement(_components.strong, null, \"outside\"), \" that wrapper:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={9-10}\"\n }, \"
    \\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n \\n \\n
    \\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"with-vanilla-javascript\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#with-vanilla-javascript\",\n \"aria-label\": \"with vanilla javascript permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"With vanilla JavaScript\"), \"\\n\", React.createElement(_components.p, null, \"Adding event listeners to our buttons is easy. It just requires some basic JavaScript to get this done. First, we need to \", React.createElement(_components.strong, null, \"grab our wrappers and buttons\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\n\\n// Grab wrapper nodes\\nconst rootNode = document.querySelector('.embla')\\nconst viewportNode = rootNode.querySelector('.embla__viewport')\\n\\n// Grab button nodes\\nconst prevButtonNode = rootNode.querySelector('.embla__prev')\\nconst nextButtonNode = rootNode.querySelector('.embla__next')\\n\")), \"\\n\", React.createElement(_components.p, null, \"Now that we have our nodes, let's initialize our carousel and make our previous and next \", React.createElement(_components.strong, null, \"buttons respond to clicks\"), \". We'll use \", React.createElement(_components.a, {\n href: \"/api/methods/#scrollprev\"\n }, \"scrollPrev\"), \" and \", React.createElement(_components.a, {\n href: \"/api/methods/#scrollnext\"\n }, \"scrollNext\"), \" for this:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js___highlight={5-6}\"\n }, \"// Initialize the carousel\\nconst embla = EmblaCarousel(viewportNode)\\n\\n// Add click listeners\\nprevButtonNode.addEventListener('click', embla.scrollPrev, false)\\nnextButtonNode.addEventListener('click', embla.scrollNext, false)\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"with-react\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#with-react\",\n \"aria-label\": \"with react permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"With React\"), \"\\n\", React.createElement(_components.p, null, \"Modifying the minimal \", React.createElement(_components.a, {\n href: \"/get-started/react/#the-component-structure\"\n }, \"component setup\"), \" from the installation guide, we're going to use the \", React.createElement(_components.code, null, \"emblaApi\"), \" to create our \", React.createElement(_components.code, null, \"scrollPrev\"), \" and \", React.createElement(_components.code, null, \"scrollNext\"), \" functions:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={7-9,11-13,24,27}\"\n }, \"import React, { useCallback } from 'react'\\nimport useEmblaCarousel from 'embla-carousel-react'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef, emblaApi] = useEmblaCarousel()\\n\\n const scrollPrev = useCallback(() => {\\n if (emblaApi) emblaApi.scrollPrev()\\n }, [emblaApi])\\n\\n const scrollNext = useCallback(() => {\\n if (emblaApi) emblaApi.scrollNext()\\n }, [emblaApi])\\n\\n return (\\n
    \\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n \\n \\n
    \\n )\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/previous-and-next-buttons.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","ul","li","hr","h2","div","code","pre","_provideComponents","components","React","href","id","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js deleted file mode 100644 index 333b14320..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[6664],{7862:function(e,t,n){n.r(t),n.d(t,{Head:function(){return v},default:function(){return b}});var l=n(5392),a=n(2784);function r(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",ul:"ul",li:"li",hr:"hr",h2:"h2",div:"div",code:"code",pre:"pre"},(0,l.ah)(),e.components);return a.createElement(a.Fragment,null,a.createElement(t.h1,null,"Previous & Next Buttons"),"\n",a.createElement(t.p,null,"This guide will show you ",a.createElement(t.strong,null,"how")," to ",a.createElement(t.strong,null,"add previous and next buttons")," using the Embla Carousel ",a.createElement(t.a,{href:"/api/"},"API"),". We're going to make use of the following methods to achieve this:"),"\n",a.createElement(t.ul,null,"\n",a.createElement(t.li,null,a.createElement(t.a,{href:"/api/methods/#scrollprev"},"scrollPrev")),"\n",a.createElement(t.li,null,a.createElement(t.a,{href:"/api/methods/#scrollnext"},"scrollNext")),"\n"),"\n",a.createElement(t.hr),"\n",a.createElement(t.h2,{id:"button-placement",style:{position:"relative"}},a.createElement(t.a,{href:"#button-placement","aria-label":"button placement permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Button placement"),"\n",a.createElement(t.p,null,"Assuming your carousel is ",a.createElement(t.a,{href:"/api/options/#watchdrag"},"draggable"),", it's important to note that the ",a.createElement(t.strong,null,"root node")," will ",a.createElement(t.strong,null,"respond to pointer events"),". The root node is the one that is passed to the ",a.createElement(t.code,null,"EmblaCarousel")," initializer. In the following example, it has the class name ",a.createElement(t.code,null,"embla"),":"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-html"},'
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n')),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-js"},"const emblaNode = document.querySelector('.embla') // Root node\nconst embla = EmblaCarousel(emblaNode) // Passed to the initializer here\n")),"\n",a.createElement(t.p,null,"Therefore, it's ",a.createElement(t.strong,null,"not a good idea")," to place the previous and next buttons inside the root element, because a click on any of the buttons may trigger ",a.createElement(t.strong,null,"unintended drag interactions")," on the carousel."),"\n",a.createElement(t.p,null,"To solve this, we're going to modify the minimal ",a.createElement(t.a,{href:"/get-started/module/#the-html-structure"},"HTML setup")," from the installation guide by creating a ",a.createElement(t.strong,null,"viewport wrapper")," around our container like so:"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-html___highlight={2,8}"},'
    \n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n
    \n')),"\n",a.createElement(t.p,null,"Our new wrapper with the class name ",a.createElement(t.code,null,"embla__viewport")," will act as our ",a.createElement(t.strong,null,"new root element"),", which will encapsulate the scroll container and respond to pointer events. Now, we're ready to place our buttons ",a.createElement(t.strong,null,"outside")," that wrapper:"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-html___highlight={9-10}"},'
    \n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n \n \n
    \n')),"\n",a.createElement(t.h2,{id:"with-vanilla-javascript",style:{position:"relative"}},a.createElement(t.a,{href:"#with-vanilla-javascript","aria-label":"with vanilla javascript permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"With vanilla JavaScript"),"\n",a.createElement(t.p,null,"Adding event listeners to our buttons is easy. It just requires som basic JavaScript to get this done. First, we need to ",a.createElement(t.strong,null,"grab our wrappers and buttons"),":"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-js"},"import EmblaCarousel from 'embla-carousel'\n\n// Grab wrapper nodes\nconst rootNode = document.querySelector('.embla')\nconst viewportNode = rootNode.querySelector('.embla__viewport')\n\n// Grab button nodes\nconst prevButtonNode = rootNode.querySelector('.embla__prev')\nconst nextButtonNode = rootNode.querySelector('.embla__next')\n")),"\n",a.createElement(t.p,null,"Now that we have our nodes, let's initialize our carousel and make our previous and next ",a.createElement(t.strong,null,"buttons respond to clicks"),". We'll use ",a.createElement(t.a,{href:"/api/methods/#scrollprev"},"scrollPrev")," and ",a.createElement(t.a,{href:"/api/methods/#scrollnext"},"scrollNext")," for this:"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-js___highlight={5-6}"},"// Initialize the carousel\nconst embla = EmblaCarousel(viewportNode)\n\n// Add click listeners\nprevButtonNode.addEventListener('click', embla.scrollPrev, false)\nnextButtonNode.addEventListener('click', embla.scrollNext, false)\n")),"\n",a.createElement(t.h2,{id:"with-react",style:{position:"relative"}},a.createElement(t.a,{href:"#with-react","aria-label":"with react permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"With React"),"\n",a.createElement(t.p,null,"Modifying the minimal ",a.createElement(t.a,{href:"/get-started/react/#the-component-structure"},"component setup")," from the installation guide, we're going to use the ",a.createElement(t.code,null,"emblaApi")," to create our ",a.createElement(t.code,null,"scrollPrev")," and ",a.createElement(t.code,null,"scrollNext")," functions:"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-jsx___highlight={7-9,11-13,24,27}"},'import React, { useCallback } from \'react\'\nimport useEmblaCarousel from \'embla-carousel-react\'\n\nexport const EmblaCarousel = () => {\n const [emblaRef, emblaApi] = useEmblaCarousel()\n\n const scrollPrev = useCallback(() => {\n if (emblaApi) emblaApi.scrollPrev()\n }, [emblaApi])\n\n const scrollNext = useCallback(() => {\n if (emblaApi) emblaApi.scrollNext()\n }, [emblaApi])\n\n return (\n
    \n
    \n
    \n
    Slide 1
    \n
    Slide 2
    \n
    Slide 3
    \n
    \n
    \n \n \n
    \n )\n}\n')))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,l.ah)(),e.components);return t?a.createElement(t,e,a.createElement(r,e)):r(e)},o=n(4234),c=n(3785),s=n(8116),m=n(3559),d=n(7377),u=n(286),p=n(1429),h=n(8944),g=n(8147);const v=e=>{const{data:t,pageContext:n}=e,{siteUrl:l,author:r}=(0,s.$)(),{title:i="",description:m,date:d}=t.mdx.frontmatter,u=(0,a.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return a.createElement(o.p,{title:i,description:m,url:""+l+n.slug},a.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,h.P)(l)+'",\n "description": "'+m+'",\n "url": "'+l+n.slug+'",\n "headline": "'+i+'",\n "image": "'+l+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+l+c.Z+'"\n }\n }\n }\n '))},E=e=>{const{pageContext:t,children:n}=e,{next:l,previous:r,filePath:i,id:o}=t;return a.createElement(a.Fragment,null,a.createElement(u.V,{id:o}),a.createElement("article",{id:p.O},a.createElement(g.i,null,n)),a.createElement(m.l,{pageUrl:i}),a.createElement(d.R,{previous:r,next:l}))};function b(e){return a.createElement(E,e,a.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return E}});var l=n(2784),a=n(1195),r=n(9900),i=(n(7694),n(4049)),o=n(5211);var c=n(6807),s=n(3792),m=n(727),d=n(127);const u=a.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),p=(0,a.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),h=(0,a.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],p),g=a.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],p),v=(0,a.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),E=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:l.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:a,slug:r,title:i}=e;return t!==n.length-1?l.createElement(l.Fragment,{key:a},l.createElement(h,{to:r},i),l.createElement(v,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):l.createElement(g,{key:a},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var l=n(2784),a=n(1195),r=n(9900),i=n(3792),o=n(727),c=n(127),s=n(2657),m=n(6722);const d=(0,a.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return l.createElement(d,{to:n},l.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return E}});var l=n(2784),a=n(1195),r=n(9900),i=n(4097),o=n(3792),c=n(127),s=n(727),m=n(6722),d=n(6991);const u=c.v.FOUR,p=a.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),h=a.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),g=a.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),v=a.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,i.V),E=e=>{const{next:t,previous:n}=e;return l.createElement(p,{"aria-label":"Pagination Navigation"},l.createElement(h,null,n&&l.createElement(r.t,{to:n.slug},l.createElement(g,null,"Previous"),l.createElement(v,null,l.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),l.createElement(h,null,t&&l.createElement(r.t,{to:t.slug},l.createElement(g,null,"Next"),l.createElement(v,null,l.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return o}});var l=n(2784),a=n(8116),r=n(8944),i=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:s}=e,m=(0,a.$)(),d=t+" | "+(0,i.g)(m.title),u=n||m.description;return l.createElement(l.Fragment,null,l.createElement("html",{lang:o}),l.createElement("title",null,d),l.createElement("link",{rel:"canonical",href:c}),l.createElement("meta",{name:"description",content:u}),l.createElement("meta",{name:"og:title",content:t}),l.createElement("meta",{name:"og:description",content:u}),l.createElement("meta",{name:"og:type",content:"article"}),l.createElement("meta",{name:"og:locale",content:"en_EN"}),l.createElement("meta",{name:"og:url",content:c}),l.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),l.createElement("meta",{name:"twitter:card",content:"summary"}),l.createElement("meta",{name:"twitter:creator",content:m.author}),l.createElement("meta",{name:"twitter:title",content:t}),l.createElement("meta",{name:"twitter:description",content:u}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return l}});const l=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return l}});const l=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js.map deleted file mode 100644 index b9a0cc51c..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js","mappings":"+NAGA,SAASA,EAAkBC,GACzB,MAAMC,EAAcC,OAAOC,OAAO,CAChCC,GAAI,KACJC,EAAG,IACHC,OAAQ,SACRC,EAAG,IACHC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,IAAK,MACLC,KAAM,OACNC,IAAK,QACJC,EAAAA,EAAAA,MAAsBf,EAAMgB,YAC/B,OAAOC,EAAAA,cAAoBA,EAAAA,SAAgB,KAAMA,EAAAA,cAAoBhB,EAAYG,GAAI,KAAM,2BAA4B,KAAMa,EAAAA,cAAoBhB,EAAYI,EAAG,KAAM,4BAA6BY,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,OAAQ,OAAQW,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,iCAAkC,6BAA8BW,EAAAA,cAAoBhB,EAAYM,EAAG,CAChZW,KAAM,SACL,OAAQ,uEAAwE,KAAMD,EAAAA,cAAoBhB,EAAYO,GAAI,KAAM,KAAMS,EAAAA,cAAoBhB,EAAYQ,GAAI,KAAMQ,EAAAA,cAAoBhB,EAAYM,EAAG,CACpNW,KAAM,4BACL,eAAgB,KAAMD,EAAAA,cAAoBhB,EAAYQ,GAAI,KAAMQ,EAAAA,cAAoBhB,EAAYM,EAAG,CACpGW,KAAM,4BACL,eAAgB,MAAO,KAAMD,EAAAA,cAAoBhB,EAAYS,IAAK,KAAMO,EAAAA,cAAoBhB,EAAYU,GAAI,CAC7GQ,GAAI,mBACJC,MAAO,CACLC,SAAU,aAEXJ,EAAAA,cAAoBhB,EAAYM,EAAG,CACpCW,KAAM,oBACN,aAAc,6BACdI,UAAW,iBACVL,EAAAA,cAAoBhB,EAAYW,IAAK,CACtCW,wBAAyB,CACvBC,OAAQ,uaAEP,oBAAqB,KAAMP,EAAAA,cAAoBhB,EAAYI,EAAG,KAAM,6BAA8BY,EAAAA,cAAoBhB,EAAYM,EAAG,CACxIW,KAAM,2BACL,aAAc,qCAAsCD,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,aAAc,SAAUW,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,6BAA8B,oDAAqDW,EAAAA,cAAoBhB,EAAYY,KAAM,KAAM,iBAAkB,iEAAkEI,EAAAA,cAAoBhB,EAAYY,KAAM,KAAM,SAAU,KAAM,KAAMI,EAAAA,cAAoBhB,EAAYa,IAAK,KAAMG,EAAAA,cAAoBhB,EAAYY,KAAM,CAC/gBS,UAAW,iBACV,qNAAgO,KAAML,EAAAA,cAAoBhB,EAAYa,IAAK,KAAMG,EAAAA,cAAoBhB,EAAYY,KAAM,CACxTS,UAAW,eACV,gJAAiJ,KAAML,EAAAA,cAAoBhB,EAAYI,EAAG,KAAM,mBAAoBY,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,mBAAoB,sHAAuHW,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,gCAAiC,qBAAsB,KAAMW,EAAAA,cAAoBhB,EAAYI,EAAG,KAAM,oDAAqDY,EAAAA,cAAoBhB,EAAYM,EAAG,CAC1nBW,KAAM,2CACL,cAAe,8CAA+CD,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,oBAAqB,kCAAmC,KAAMW,EAAAA,cAAoBhB,EAAYa,IAAK,KAAMG,EAAAA,cAAoBhB,EAAYY,KAAM,CAC5PS,UAAW,mCACV,0QAAuR,KAAML,EAAAA,cAAoBhB,EAAYI,EAAG,KAAM,uCAAwCY,EAAAA,cAAoBhB,EAAYY,KAAM,KAAM,mBAAoB,oBAAqBI,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,oBAAqB,sHAAuHW,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,WAAY,kBAAmB,KAAMW,EAAAA,cAAoBhB,EAAYa,IAAK,KAAMG,EAAAA,cAAoBhB,EAAYY,KAAM,CAClyBS,UAAW,oCACV,oWAAqX,KAAML,EAAAA,cAAoBhB,EAAYU,GAAI,CAChaQ,GAAI,0BACJC,MAAO,CACLC,SAAU,aAEXJ,EAAAA,cAAoBhB,EAAYM,EAAG,CACpCW,KAAM,2BACN,aAAc,oCACdI,UAAW,iBACVL,EAAAA,cAAoBhB,EAAYW,IAAK,CACtCW,wBAAyB,CACvBC,OAAQ,uaAEP,2BAA4B,KAAMP,EAAAA,cAAoBhB,EAAYI,EAAG,KAAM,4HAA6HY,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,iCAAkC,KAAM,KAAMW,EAAAA,cAAoBhB,EAAYa,IAAK,KAAMG,EAAAA,cAAoBhB,EAAYY,KAAM,CACxXS,UAAW,eACV,oVAAqV,KAAML,EAAAA,cAAoBhB,EAAYI,EAAG,KAAM,4FAA6FY,EAAAA,cAAoBhB,EAAYK,OAAQ,KAAM,6BAA8B,eAAgBW,EAAAA,cAAoBhB,EAAYM,EAAG,CACjmBW,KAAM,4BACL,cAAe,QAASD,EAAAA,cAAoBhB,EAAYM,EAAG,CAC5DW,KAAM,4BACL,cAAe,cAAe,KAAMD,EAAAA,cAAoBhB,EAAYa,IAAK,KAAMG,EAAAA,cAAoBhB,EAAYY,KAAM,CACtHS,UAAW,iCACV,4OAA6O,KAAML,EAAAA,cAAoBhB,EAAYU,GAAI,CACxRQ,GAAI,aACJC,MAAO,CACLC,SAAU,aAEXJ,EAAAA,cAAoBhB,EAAYM,EAAG,CACpCW,KAAM,cACN,aAAc,uBACdI,UAAW,iBACVL,EAAAA,cAAoBhB,EAAYW,IAAK,CACtCW,wBAAyB,CACvBC,OAAQ,uaAEP,cAAe,KAAMP,EAAAA,cAAoBhB,EAAYI,EAAG,KAAM,yBAA0BY,EAAAA,cAAoBhB,EAAYM,EAAG,CAC9HW,KAAM,+CACL,mBAAoB,wDAAyDD,EAAAA,cAAoBhB,EAAYY,KAAM,KAAM,YAAa,kBAAmBI,EAAAA,cAAoBhB,EAAYY,KAAM,KAAM,cAAe,QAASI,EAAAA,cAAoBhB,EAAYY,KAAM,KAAM,cAAe,eAAgB,KAAMI,EAAAA,cAAoBhB,EAAYa,IAAK,KAAMG,EAAAA,cAAoBhB,EAAYY,KAAM,CAChYS,UAAW,8CACV,i7BACL,CAKA,MAJA,SAAoBtB,QAAK,IAALA,IAAAA,EAAQ,CAAC,GAC3B,MAAOyB,QAASC,GAAaxB,OAAOC,OAAO,CAAC,GAAGY,EAAAA,EAAAA,MAAsBf,EAAMgB,YAC3E,OAAOU,EAAYT,EAAAA,cAAoBS,EAAW1B,EAAOiB,EAAAA,cAAoBlB,EAAmBC,IAAUD,EAAkBC,EAC9H,E,yFChFA,MACa2B,EAAO3B,IAClB,MAAM,KAAC4B,EAAI,YAAEC,GAAe7B,GACtB,QAAC8B,EAAO,OAAEC,IAAUC,EAAAA,EAAAA,MACpB,MAACC,EAAQ,GAAE,YAAEC,EAAW,KAAEC,GAAQP,EAAKQ,IAAIC,YAC3CC,GAAkBC,EAAAA,EAAAA,UAAQ,IAAM,IAAIC,KAAKL,EAAO,QAAQM,eAAe,CAACN,IAC9E,OAAOlB,EAAAA,cAAoByB,EAAAA,EAAK,CAC9BT,MAAOA,EACPC,YAAaA,EACbS,IAAK,GAAKb,EAAUD,EAAYe,MAC/B3B,EAAAA,cAAoB,SAAU,CAC/B4B,KAAM,uBACL,4GAAwHC,EAAAA,EAAAA,GAAehB,GAAW,+BAAqCI,EAAc,uBAA6BJ,EAAUD,EAAYe,KAAO,4BAAkCX,EAAQ,yBAA+BH,EAAU,iDAAuDQ,EAAkB,gCAAsCA,EAAkB,6EAAyFP,EAAS,iGAA6GA,EAAS,gJAAoKD,EAAUiB,EAAAA,EAAW,4CAA6C,EAEh5BC,EAAchD,IAClB,MAAM,YAAC6B,EAAW,SAAEoB,GAAYjD,GAC1B,KAACkD,EAAI,SAAEC,EAAQ,SAAEC,EAAQ,GAAEjC,GAAMU,EACvC,OAAOZ,EAAAA,cAAoBA,EAAAA,SAAgB,KAAMA,EAAAA,cAAoBoC,EAAAA,EAAiB,CACpFlC,GAAIA,IACFF,EAAAA,cAAoB,UAAW,CACjCE,GAAImC,EAAAA,GACHrC,EAAAA,cAAoBsC,EAAAA,EAAK,KAAMN,IAAYhC,EAAAA,cAAoBuC,EAAAA,EAAkB,CAClFC,QAASL,IACPnC,EAAAA,cAAoByC,EAAAA,EAAgB,CACtCP,SAAUA,EACVD,KAAMA,IACL,EAGU,SAASS,EAAiB3D,GACvC,OAAOiB,EAAAA,cAAoB+B,EAAahD,EAAOiB,EAAAA,cAAoB2C,EAAqB5D,GAC1F,C,gKCjCA,MAAM6D,EAAyBC,EAAAA,QAAAA,IAAAA,WAAU,mFAAVA,CAAU,qEAG1BC,EAAAA,EAAAA,cACIC,EAAAA,EAAAA,OAGbC,GAAaC,EAAAA,EAAAA,KAAG,6BACXC,EAAAA,GAAAA,kBACEH,EAAAA,EAAAA,KAGPI,GAAON,EAAAA,EAAAA,SAAOO,EAAAA,GAAS,4EAAhBP,CAAgB,SACzBG,GAGEK,EAAcR,EAAAA,QAAAA,KAAAA,WAAW,wEAAXA,CAAW,SAC3BG,GAGEM,GAAYT,EAAAA,EAAAA,SAAOU,EAAAA,GAAK,iFAAZV,CAAY,4BACnBK,EAAAA,GAAAA,kBACGH,EAAAA,EAAAA,KAKDX,EAAmBrD,IAC9B,MAAM,GAAEmB,GAAOnB,EACTyE,EClC4BtD,KAClC,MAAQuD,KAAMC,IAAWC,EAAAA,EAAAA,KACnBC,EAAeF,EAAOG,MAAMC,GAAUA,EAAM5D,KAAOA,IAEzD,OAAOwD,EACJK,QAAQD,IACPE,EAAAA,EAAAA,GAAuBF,EAAMnC,MAAMiC,aAAY,EAAZA,EAAcjC,OAAQ,MAE1DsC,MAAK,CAAC3E,EAAG4E,IAAM5E,EAAE6E,MAAQD,EAAEC,OAAM,ED0BhBC,CAAoBlE,GAExC,OAA2B,IAAvBsD,EAAYa,OAAqB,KAGnCrE,EAAAA,cAAC4C,EAAsB,CAAC,aAAW,yBAChCY,EAAYc,KAAI,CAAC,EAAqBC,KAAK,IAA1B,GAAErE,EAAE,KAAEyB,EAAI,MAAEX,GAAO,SACnCuD,IAAUf,EAAYa,OAAS,EAC7BrE,EAAAA,cAACwE,EAAAA,SAAQ,CAACC,IAAKvE,GACbF,EAAAA,cAACmD,EAAI,CAACuB,GAAI/C,GAAOX,GACjBhB,EAAAA,cAACsD,EAAS,CACRqB,KAAK,SACLC,IAAI,eACJC,KAAK,eACL,cAAY,WAIhB7E,EAAAA,cAACqD,EAAW,CAACoB,IAAKvE,GAAKc,EACxB,IAEoB,C,yIElD7B,MAAM8D,GAA0BjC,EAAAA,EAAAA,SAAOO,EAAAA,GAAS,gGAAhBP,CAAgB,2IAIjCC,EAAAA,EAAAA,cACEC,EAAAA,EAAAA,IACGA,EAAAA,EAAAA,IACJA,EAAAA,EAAAA,MACLG,EAAAA,GAAAA,mBAOEX,EAAoBxD,IAC/B,MAAM,QAAEyD,GAAYzD,EACd2C,EAASqD,EAAAA,EAAAA,qBAAyB,IAAIvC,EAE5C,OACExC,EAAAA,cAAC8E,EAAuB,CAACJ,GAAIhD,GAC3B1B,EAAAA,cAACgF,EAAAA,GAAY,CAACC,QAAQ,MAAMC,SAAS,UAAS,4BAGtB,C,mJCtB9B,MAAMC,EAAepC,EAAAA,EAAAA,KAEfqC,EAAwBvC,EAAAA,QAAAA,IAAAA,WAAU,gFAAVA,CAAU,oEACpCwC,EAAAA,EAAAA,GAAgBF,EAAc,GAAI,OAGtBpC,EAAAA,EAAAA,OAGVuC,EAAOzC,EAAAA,QAAAA,IAAAA,WAAU,+DAAVA,CAAU,mEAEVK,EAAAA,GAAAA,cAKAA,EAAAA,GAAAA,iBAIPqC,EAAY1C,EAAAA,QAAAA,IAAAA,WAAU,oEAAVA,CAAU,kCACjBK,EAAAA,GAAAA,kBACSH,EAAAA,EAAAA,KAGdyC,EAAY3C,EAAAA,QAAAA,IAAAA,WAAU,oEAAVA,CAAU,qEAGX4C,EAAAA,EAAAA,OAEbC,EAAAA,GACEC,EAAAA,GASOlD,EAAkB1D,IAC7B,MAAM,KAAEkD,EAAI,SAAEC,GAAanD,EAE3B,OACEiB,EAAAA,cAACoF,EAAqB,CAAC,aAAW,yBAChCpF,EAAAA,cAACsF,EAAI,KACFpD,GACClC,EAAAA,cAACoD,EAAAA,EAAQ,CAACsB,GAAIxC,EAASP,MACrB3B,EAAAA,cAACuF,EAAS,KAAC,YACXvF,EAAAA,cAACwF,EAAS,KACRxF,EAAAA,cAACgF,EAAAA,GAAY,CAACC,QAAQ,aAAa/C,EAASlB,UAKpDhB,EAAAA,cAACsF,EAAI,KACFrD,GACCjC,EAAAA,cAACoD,EAAAA,EAAQ,CAACsB,GAAIzC,EAAKN,MACjB3B,EAAAA,cAACuF,EAAS,KAAC,QACXvF,EAAAA,cAACwF,EAAS,KACRxF,EAAAA,cAACgF,EAAAA,GAAY,CAACC,QAAQ,aAAaW,SAAS,SACzC3D,EAAKjB,UAMM,C,mGClErB,MAAMS,EAAO1C,IAClB,MAAM,MAAEiC,EAAK,YAAEC,EAAW,KAAE4E,EAAO,KAAI,IAAEnE,EAAG,SAAEM,GAAajD,EACrD+G,GAAe/E,EAAAA,EAAAA,KACfgF,EAAe/E,EAAK,OAAMgF,EAAAA,EAAAA,GAAsBF,EAAa9E,OAC7DiF,EAAkBhF,GAAe6E,EAAa7E,YAEpD,OACEjB,EAAAA,cAAAA,EAAAA,SAAAA,KACEA,EAAAA,cAAAA,OAAAA,CAAM6F,KAAMA,IACZ7F,EAAAA,cAAAA,QAAAA,KAAQ+F,GACR/F,EAAAA,cAAAA,OAAAA,CAAMkG,IAAI,YAAYjG,KAAMyB,IAC5B1B,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,cAAcC,QAASH,IAClCjG,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,WAAWC,QAASpF,IAC/BhB,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,iBAAiBC,QAASH,IACrCjG,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,UAAUC,QAAQ,YAC7BpG,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,YAAYC,QAAQ,UAC/BpG,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,SAASC,QAAS1E,IAC7B1B,EAAAA,cAAAA,OAAAA,CACEmG,KAAK,eACLC,SAASvE,EAAAA,EAAAA,GAAeiE,EAAajF,WAEvCb,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,eAAeC,QAAQ,YAClCpG,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,kBAAkBC,QAASN,EAAahF,SACnDd,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,gBAAgBC,QAASpF,IACpChB,EAAAA,cAAAA,OAAAA,CAAMmG,KAAK,sBAAsBC,QAASH,IAEzCjE,EACA,C,uDCvCA,MAAMgE,EAAwB,SACnCK,EACAC,GAEA,YAHc,IAAdD,IAAAA,EAAiB,SACA,IAAjBC,IAAAA,EAAoB,IAEbD,EAAOE,QAAQ,cAAeC,GACnCA,EAAcD,QAAQ,IAAKD,GAAWG,eAE1C,C,uDCPO,MAAM5E,EAAkBH,GAC7BA,EAAI6E,QAAQ,gBAAiB,G,uBCD/B,IAAe,IAA0B,sD","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/previous-and-next-buttons.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n ul: \"ul\",\n li: \"li\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n code: \"code\",\n pre: \"pre\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Previous & Next Buttons\"), \"\\n\", React.createElement(_components.p, null, \"This guide will show you \", React.createElement(_components.strong, null, \"how\"), \" to \", React.createElement(_components.strong, null, \"add previous and next buttons\"), \" using the Embla Carousel \", React.createElement(_components.a, {\n href: \"/api/\"\n }, \"API\"), \". We're going to make use of the following methods to achieve this:\"), \"\\n\", React.createElement(_components.ul, null, \"\\n\", React.createElement(_components.li, null, React.createElement(_components.a, {\n href: \"/api/methods/#scrollprev\"\n }, \"scrollPrev\")), \"\\n\", React.createElement(_components.li, null, React.createElement(_components.a, {\n href: \"/api/methods/#scrollnext\"\n }, \"scrollNext\")), \"\\n\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"button-placement\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#button-placement\",\n \"aria-label\": \"button placement permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Button placement\"), \"\\n\", React.createElement(_components.p, null, \"Assuming your carousel is \", React.createElement(_components.a, {\n href: \"/api/options/#watchdrag\"\n }, \"draggable\"), \", it's important to note that the \", React.createElement(_components.strong, null, \"root node\"), \" will \", React.createElement(_components.strong, null, \"respond to pointer events\"), \". The root node is the one that is passed to the \", React.createElement(_components.code, null, \"EmblaCarousel\"), \" initializer. In the following example, it has the class name \", React.createElement(_components.code, null, \"embla\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html\"\n }, \"
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"const emblaNode = document.querySelector('.embla') // Root node\\nconst embla = EmblaCarousel(emblaNode) // Passed to the initializer here\\n\")), \"\\n\", React.createElement(_components.p, null, \"Therefore, it's \", React.createElement(_components.strong, null, \"not a good idea\"), \" to place the previous and next buttons inside the root element, because a click on any of the buttons may trigger \", React.createElement(_components.strong, null, \"unintended drag interactions\"), \" on the carousel.\"), \"\\n\", React.createElement(_components.p, null, \"To solve this, we're going to modify the minimal \", React.createElement(_components.a, {\n href: \"/get-started/module/#the-html-structure\"\n }, \"HTML setup\"), \" from the installation guide by creating a \", React.createElement(_components.strong, null, \"viewport wrapper\"), \" around our container like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={2,8}\"\n }, \"
    \\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n
    \\n\")), \"\\n\", React.createElement(_components.p, null, \"Our new wrapper with the class name \", React.createElement(_components.code, null, \"embla__viewport\"), \" will act as our \", React.createElement(_components.strong, null, \"new root element\"), \", which will encapsulate the scroll container and respond to pointer events. Now, we're ready to place our buttons \", React.createElement(_components.strong, null, \"outside\"), \" that wrapper:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-html___highlight={9-10}\"\n }, \"
    \\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n \\n \\n
    \\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"with-vanilla-javascript\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#with-vanilla-javascript\",\n \"aria-label\": \"with vanilla javascript permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"With vanilla JavaScript\"), \"\\n\", React.createElement(_components.p, null, \"Adding event listeners to our buttons is easy. It just requires som basic JavaScript to get this done. First, we need to \", React.createElement(_components.strong, null, \"grab our wrappers and buttons\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\n\\n// Grab wrapper nodes\\nconst rootNode = document.querySelector('.embla')\\nconst viewportNode = rootNode.querySelector('.embla__viewport')\\n\\n// Grab button nodes\\nconst prevButtonNode = rootNode.querySelector('.embla__prev')\\nconst nextButtonNode = rootNode.querySelector('.embla__next')\\n\")), \"\\n\", React.createElement(_components.p, null, \"Now that we have our nodes, let's initialize our carousel and make our previous and next \", React.createElement(_components.strong, null, \"buttons respond to clicks\"), \". We'll use \", React.createElement(_components.a, {\n href: \"/api/methods/#scrollprev\"\n }, \"scrollPrev\"), \" and \", React.createElement(_components.a, {\n href: \"/api/methods/#scrollnext\"\n }, \"scrollNext\"), \" for this:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js___highlight={5-6}\"\n }, \"// Initialize the carousel\\nconst embla = EmblaCarousel(viewportNode)\\n\\n// Add click listeners\\nprevButtonNode.addEventListener('click', embla.scrollPrev, false)\\nnextButtonNode.addEventListener('click', embla.scrollNext, false)\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"with-react\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#with-react\",\n \"aria-label\": \"with react permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"With React\"), \"\\n\", React.createElement(_components.p, null, \"Modifying the minimal \", React.createElement(_components.a, {\n href: \"/get-started/react/#the-component-structure\"\n }, \"component setup\"), \" from the installation guide, we're going to use the \", React.createElement(_components.code, null, \"emblaApi\"), \" to create our \", React.createElement(_components.code, null, \"scrollPrev\"), \" and \", React.createElement(_components.code, null, \"scrollNext\"), \" functions:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-jsx___highlight={7-9,11-13,24,27}\"\n }, \"import React, { useCallback } from 'react'\\nimport useEmblaCarousel from 'embla-carousel-react'\\n\\nexport const EmblaCarousel = () => {\\n const [emblaRef, emblaApi] = useEmblaCarousel()\\n\\n const scrollPrev = useCallback(() => {\\n if (emblaApi) emblaApi.scrollPrev()\\n }, [emblaApi])\\n\\n const scrollNext = useCallback(() => {\\n if (emblaApi) emblaApi.scrollNext()\\n }, [emblaApi])\\n\\n return (\\n
    \\n
    \\n
    \\n
    Slide 1
    \\n
    Slide 2
    \\n
    Slide 3
    \\n
    \\n
    \\n \\n \\n
    \\n )\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/previous-and-next-buttons.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","ul","li","hr","h2","div","code","pre","_provideComponents","components","React","href","id","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js similarity index 98% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js index 1a23661aa..8de4e06a4 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8151],{8767:function(e,t,n){n.r(t),n.d(t,{Head:function(){return E},default:function(){return v}});var a=n(5392),l=n(2784);function r(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",hr:"hr",h2:"h2",div:"div",pre:"pre",code:"code"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Slide Container"),"\n",l.createElement(t.p,null,"Embla Carousel allows you to use ",l.createElement(t.strong,null,"any CSS to stack your slides")," in the chosen scroll ",l.createElement(t.a,{href:"/api/options/#axis"},"axis"),", whether it's CSS Grid, flexbox, inline-blocks or anything else. This guide will show you ",l.createElement(t.strong,null,"how to setup")," your ",l.createElement(t.strong,null,"slide container")," with flexbox and CSS Grid."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"using-flexbox",style:{position:"relative"}},l.createElement(t.a,{href:"#using-flexbox","aria-label":"using flexbox permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Using Flexbox"),"\n",l.createElement(t.p,null,"With the minimal ",l.createElement(t.a,{href:"/get-started/module/#the-html-structure"},"HTML setup")," in place, we're going use flexbox to style our slide container. First, we need to stack our slides in our chosen scroll direction. This is an example of a container with slides stacked ",l.createElement(t.strong,null,"horizontally"),":"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__container {\n display: flex;\n}\n")),"\n",l.createElement(t.p,null,"In order to create a ",l.createElement(t.strong,null,"vertical")," carousel, we can modify our container by setting the ",l.createElement(t.code,null,"flex-direction")," to ",l.createElement(t.code,null,"column"),". Additionally, a vertical carousel needs a ",l.createElement(t.strong,null,"specified height"),":"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css___highlight={3-4}"},".embla__container {\n display: flex;\n flex-direction: column;\n height: 200px;\n}\n")),"\n",l.createElement(t.p,null,"Now we're ready to declare slide sizes using the ",l.createElement(t.code,null,"flex")," property:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 80%; /* Slide covers 80% of the viewport */\n}\n")),"\n",l.createElement(t.h2,{id:"using-css-grid",style:{position:"relative"}},l.createElement(t.a,{href:"#using-css-grid","aria-label":"using css grid permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Using CSS Grid"),"\n",l.createElement(t.p,null,"Creating a CSS Grid container based on the minimal ",l.createElement(t.a,{href:"/get-started/module/#the-html-structure"},"HTML setup")," gives us the power to declare everyting, including slide sizes together with our container styles. Here's an example of a ",l.createElement(t.strong,null,"horizontal")," container setup:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__container {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: 80%; /* Each slide covers 80% of the viewport */\n}\n")),"\n",l.createElement(t.p,null,"We can easily modify our CSS Grid container to create a ",l.createElement(t.strong,null,"vertical")," carousel by changing our ",l.createElement(t.code,null,"column")," declarations to ",l.createElement(t.code,null,"row"),". Don't forget that a vertical carousel also needs a ",l.createElement(t.strong,null,"specified height"),":"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css___highlight={3-5}"},".embla__container {\n display: grid;\n grid-auto-flow: row;\n grid-auto-rows: 80%; /* Each slide covers 80% of the viewport */\n height: 200px;\n}\n")))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(r,e)):r(e)},o=n(4234),c=n(3785),s=n(8116),m=n(3559),d=n(7377),u=n(286),g=n(1429),p=n(8944),h=n(8147);const E=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,s.$)(),{title:i="",description:m,date:d}=t.mdx.frontmatter,u=(0,l.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return l.createElement(o.p,{title:i,description:m,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+m+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:i,id:o}=t;return l.createElement(l.Fragment,null,l.createElement(u.V,{id:o}),l.createElement("article",{id:g.O},l.createElement(h.i,null,n)),l.createElement(m.l,{pageUrl:i}),l.createElement(d.R,{previous:r,next:a}))};function v(e){return l.createElement(f,e,l.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=(n(7694),n(4049)),o=n(5211);var c=n(6807),s=n(3792),m=n(727),d=n(127);const u=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),g=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),p=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),E=(0,l.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:i}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(p,{to:r},i),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),l=n(1195),r=n(9900),i=n(3792),o=n(727),c=n(127),s=n(2657),m=n(6722);const d=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=n(4097),o=n(3792),c=n(127),s=n(727),m=n(6722),d=n(6991);const u=c.v.FOUR,g=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),p=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,i.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),l=n(8116),r=n(8944),i=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:s}=e,m=(0,l.$)(),d=t+" | "+(0,i.g)(m.title),u=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js.map \ No newline at end of file +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8151],{8767:function(e,t,n){n.r(t),n.d(t,{Head:function(){return E},default:function(){return v}});var a=n(5392),l=n(2784);function r(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",hr:"hr",h2:"h2",div:"div",pre:"pre",code:"code"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Slide Container"),"\n",l.createElement(t.p,null,"Embla Carousel allows you to use ",l.createElement(t.strong,null,"any CSS to stack your slides")," in the chosen scroll ",l.createElement(t.a,{href:"/api/options/#axis"},"axis"),", whether it's CSS Grid, flexbox, inline-blocks or anything else. This guide will show you ",l.createElement(t.strong,null,"how to setup")," your ",l.createElement(t.strong,null,"slide container")," with flexbox and CSS Grid."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"using-flexbox",style:{position:"relative"}},l.createElement(t.a,{href:"#using-flexbox","aria-label":"using flexbox permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Using Flexbox"),"\n",l.createElement(t.p,null,"With the minimal ",l.createElement(t.a,{href:"/get-started/module/#the-html-structure"},"HTML setup")," in place, we're going use flexbox to style our slide container. First, we need to stack our slides in our chosen scroll direction. This is an example of a container with slides stacked ",l.createElement(t.strong,null,"horizontally"),":"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__container {\n display: flex;\n}\n")),"\n",l.createElement(t.p,null,"In order to create a ",l.createElement(t.strong,null,"vertical")," carousel, we can modify our container by setting the ",l.createElement(t.code,null,"flex-direction")," to ",l.createElement(t.code,null,"column"),". Additionally, a vertical carousel needs a ",l.createElement(t.strong,null,"specified height"),":"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css___highlight={3-4}"},".embla__container {\n display: flex;\n flex-direction: column;\n height: 200px;\n}\n")),"\n",l.createElement(t.p,null,"Now we're ready to declare slide sizes using the ",l.createElement(t.code,null,"flex")," property:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 80%; /* Slide covers 80% of the viewport */\n}\n")),"\n",l.createElement(t.h2,{id:"using-css-grid",style:{position:"relative"}},l.createElement(t.a,{href:"#using-css-grid","aria-label":"using css grid permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Using CSS Grid"),"\n",l.createElement(t.p,null,"Creating a CSS Grid container based on the minimal ",l.createElement(t.a,{href:"/get-started/module/#the-html-structure"},"HTML setup")," gives us the power to declare everyting, including slide sizes together with our container styles. Here's an example of a ",l.createElement(t.strong,null,"horizontal")," container setup:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__container {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: 80%; /* Each slide covers 80% of the viewport */\n}\n")),"\n",l.createElement(t.p,null,"We can easily modify our CSS Grid container to create a ",l.createElement(t.strong,null,"vertical")," carousel by changing our ",l.createElement(t.code,null,"column")," declarations to ",l.createElement(t.code,null,"row"),". Don't forget that a vertical carousel also needs a ",l.createElement(t.strong,null,"specified height"),":"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css___highlight={3-5}"},".embla__container {\n display: grid;\n grid-auto-flow: row;\n grid-auto-rows: 80%; /* Each slide covers 80% of the viewport */\n height: 200px;\n}\n")))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(r,e)):r(e)},o=n(4810),c=n(3785),s=n(8116),m=n(3559),d=n(7377),u=n(286),g=n(1429),p=n(8944),h=n(8147);const E=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,s.$)(),{title:i="",description:m,date:d}=t.mdx.frontmatter,u=(0,l.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return l.createElement(o.p,{title:i,description:m,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+m+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:i,id:o}=t;return l.createElement(l.Fragment,null,l.createElement(u.V,{id:o}),l.createElement("article",{id:g.O},l.createElement(h.i,null,n)),l.createElement(m.l,{pageUrl:i}),l.createElement(d.R,{previous:r,next:a}))};function v(e){return l.createElement(f,e,l.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=(n(7694),n(4049)),o=n(5211);var c=n(6807),s=n(3792),m=n(727),d=n(127);const u=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),g=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),p=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),E=(0,l.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:i}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(p,{to:r},i),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),l=n(1195),r=n(9900),i=n(3792),o=n(727),c=n(127),s=n(2657),m=n(6722);const d=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=n(4097),o=n(3792),c=n(127),s=n(727),m=n(6722),d=n(6991);const u=c.v.FOUR,g=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),p=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,i.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),l=n(8116),r=n(8944),i=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:s}=e,m=(0,l.$)(),d=t+" | "+(0,i.g)(m.title),u=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js.map similarity index 99% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js.map rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js.map index 702f5ecda..8bf68d0ca 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js.map +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/slide-container.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n pre: \"pre\",\n code: \"code\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Slide Container\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel allows you to use \", React.createElement(_components.strong, null, \"any CSS to stack your slides\"), \" in the chosen scroll \", React.createElement(_components.a, {\n href: \"/api/options/#axis\"\n }, \"axis\"), \", whether it's CSS Grid, flexbox, inline-blocks or anything else. This guide will show you \", React.createElement(_components.strong, null, \"how to setup\"), \" your \", React.createElement(_components.strong, null, \"slide container\"), \" with flexbox and CSS Grid.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"using-flexbox\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#using-flexbox\",\n \"aria-label\": \"using flexbox permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Using Flexbox\"), \"\\n\", React.createElement(_components.p, null, \"With the minimal \", React.createElement(_components.a, {\n href: \"/get-started/module/#the-html-structure\"\n }, \"HTML setup\"), \" in place, we're going use flexbox to style our slide container. First, we need to stack our slides in our chosen scroll direction. This is an example of a container with slides stacked \", React.createElement(_components.strong, null, \"horizontally\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__container {\\n display: flex;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"In order to create a \", React.createElement(_components.strong, null, \"vertical\"), \" carousel, we can modify our container by setting the \", React.createElement(_components.code, null, \"flex-direction\"), \" to \", React.createElement(_components.code, null, \"column\"), \". Additionally, a vertical carousel needs a \", React.createElement(_components.strong, null, \"specified height\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css___highlight={3-4}\"\n }, \".embla__container {\\n display: flex;\\n flex-direction: column;\\n height: 200px;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"Now we're ready to declare slide sizes using the \", React.createElement(_components.code, null, \"flex\"), \" property:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 80%; /* Slide covers 80% of the viewport */\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"using-css-grid\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#using-css-grid\",\n \"aria-label\": \"using css grid permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Using CSS Grid\"), \"\\n\", React.createElement(_components.p, null, \"Creating a CSS Grid container based on the minimal \", React.createElement(_components.a, {\n href: \"/get-started/module/#the-html-structure\"\n }, \"HTML setup\"), \" gives us the power to declare everyting, including slide sizes together with our container styles. Here's an example of a \", React.createElement(_components.strong, null, \"horizontal\"), \" container setup:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__container {\\n display: grid;\\n grid-auto-flow: column;\\n grid-auto-columns: 80%; /* Each slide covers 80% of the viewport */\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"We can easily modify our CSS Grid container to create a \", React.createElement(_components.strong, null, \"vertical\"), \" carousel by changing our \", React.createElement(_components.code, null, \"column\"), \" declarations to \", React.createElement(_components.code, null, \"row\"), \". Don't forget that a vertical carousel also needs a \", React.createElement(_components.strong, null, \"specified height\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css___highlight={3-5}\"\n }, \".embla__container {\\n display: grid;\\n grid-auto-flow: row;\\n grid-auto-rows: 80%; /* Each slide covers 80% of the viewport */\\n height: 200px;\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/slide-container.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","hr","h2","div","pre","code","_provideComponents","components","React","href","id","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/slide-container.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n pre: \"pre\",\n code: \"code\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Slide Container\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel allows you to use \", React.createElement(_components.strong, null, \"any CSS to stack your slides\"), \" in the chosen scroll \", React.createElement(_components.a, {\n href: \"/api/options/#axis\"\n }, \"axis\"), \", whether it's CSS Grid, flexbox, inline-blocks or anything else. This guide will show you \", React.createElement(_components.strong, null, \"how to setup\"), \" your \", React.createElement(_components.strong, null, \"slide container\"), \" with flexbox and CSS Grid.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"using-flexbox\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#using-flexbox\",\n \"aria-label\": \"using flexbox permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Using Flexbox\"), \"\\n\", React.createElement(_components.p, null, \"With the minimal \", React.createElement(_components.a, {\n href: \"/get-started/module/#the-html-structure\"\n }, \"HTML setup\"), \" in place, we're going use flexbox to style our slide container. First, we need to stack our slides in our chosen scroll direction. This is an example of a container with slides stacked \", React.createElement(_components.strong, null, \"horizontally\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__container {\\n display: flex;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"In order to create a \", React.createElement(_components.strong, null, \"vertical\"), \" carousel, we can modify our container by setting the \", React.createElement(_components.code, null, \"flex-direction\"), \" to \", React.createElement(_components.code, null, \"column\"), \". Additionally, a vertical carousel needs a \", React.createElement(_components.strong, null, \"specified height\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css___highlight={3-4}\"\n }, \".embla__container {\\n display: flex;\\n flex-direction: column;\\n height: 200px;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"Now we're ready to declare slide sizes using the \", React.createElement(_components.code, null, \"flex\"), \" property:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 80%; /* Slide covers 80% of the viewport */\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"using-css-grid\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#using-css-grid\",\n \"aria-label\": \"using css grid permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Using CSS Grid\"), \"\\n\", React.createElement(_components.p, null, \"Creating a CSS Grid container based on the minimal \", React.createElement(_components.a, {\n href: \"/get-started/module/#the-html-structure\"\n }, \"HTML setup\"), \" gives us the power to declare everyting, including slide sizes together with our container styles. Here's an example of a \", React.createElement(_components.strong, null, \"horizontal\"), \" container setup:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__container {\\n display: grid;\\n grid-auto-flow: column;\\n grid-auto-columns: 80%; /* Each slide covers 80% of the viewport */\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"We can easily modify our CSS Grid container to create a \", React.createElement(_components.strong, null, \"vertical\"), \" carousel by changing our \", React.createElement(_components.code, null, \"column\"), \" declarations to \", React.createElement(_components.code, null, \"row\"), \". Don't forget that a vertical carousel also needs a \", React.createElement(_components.strong, null, \"specified height\"), \":\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css___highlight={3-5}\"\n }, \".embla__container {\\n display: grid;\\n grid-auto-flow: row;\\n grid-auto-rows: 80%; /* Each slide covers 80% of the viewport */\\n height: 200px;\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/slide-container.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","hr","h2","div","pre","code","_provideComponents","components","React","href","id","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js similarity index 98% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js index 7aeafd670..cf4364aff 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8182],{2589:function(e,t,n){n.r(t),n.d(t,{Head:function(){return E},default:function(){return v}});var a=n(5392),l=n(2784);function r(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",hr:"hr",h2:"h2",div:"div",pre:"pre",code:"code",blockquote:"blockquote"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Slide Gaps"),"\n",l.createElement(t.p,null,"Embla Carousel allows you to use ",l.createElement(t.strong,null,"any CSS to stack your slides")," in the chosen scroll ",l.createElement(t.a,{href:"/api/options/#axis"},"axis"),", whether it's CSS Grid, flexbox, inline-blocks or anything else. It will conveniently ",l.createElement(t.strong,null,"pick up any spacings")," between the slides and ",l.createElement(t.strong,null,"automatically adjust the scroll snaps")," accordingly."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"declaring-gaps",style:{position:"relative"}},l.createElement(t.a,{href:"#declaring-gaps","aria-label":"declaring gaps permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Declaring gaps"),"\n",l.createElement(t.p,null,"It's recommended to declare gaps between slides ",l.createElement(t.strong,null,"using CSS"),". Any CSS that will render space between the slides is valid. You may add spacing in one direction like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n margin-right: 20px;\n}\n")),"\n",l.createElement(t.p,null,"It's also valid to add gaps in both directions:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n margin-right: 20px;\n margin-left: 10px;\n}\n")),"\n",l.createElement(t.p,null,"If you're using CSS Grid you can declare your gaps like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__container {\n grid-column-gap: 20px;\n}\n")),"\n",l.createElement(t.blockquote,null,"\n",l.createElement(t.p,null,l.createElement(t.strong,null,"Note!")," If you don't have ",l.createElement(t.a,{href:"/api/options/#loop"},"loop")," enabled, Embla Carousel will ignore any gaps at the start and end edge of the carousel."),"\n"),"\n",l.createElement(t.h2,{id:"variable-gaps",style:{position:"relative"}},l.createElement(t.a,{href:"#variable-gaps","aria-label":"variable gaps permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Variable gaps"),"\n",l.createElement(t.p,null,"Just like ",l.createElement(t.a,{href:"/guides/slide-sizes/#variable-sizes"},"variable")," slide sizes, variable gap sizes is ",l.createElement(t.strong,null,"supported out of the box"),". Declare your gap sizes in your CSS to achieve this:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide:nth-child(1) {\n margin-right: 10px;\n}\n.embla__slide:nth-child(2) {\n margin-right: 20px;\n margin-left: 10px;\n}\n")),"\n",l.createElement(t.h2,{id:"responding-to-breakpoints",style:{position:"relative"}},l.createElement(t.a,{href:"#responding-to-breakpoints","aria-label":"responding to breakpoints permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Responding to breakpoints"),"\n",l.createElement(t.p,null,"Embla Carousel will ",l.createElement(t.strong,null,"automatically pick up")," any ",l.createElement(t.strong,null,"changes in gap sizes")," when the ",l.createElement(t.strong,null,"window is resized"),". It's very simple to set different sizes based on your breakpoints:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n margin-right: 10px; /* Default slide gap */\n}\n@media (min-width: 768px) {\n .embla__slide {\n margin-right: 20px; /* Breakpoint SM gap */\n }\n}\n")))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(r,e)):r(e)},c=n(4234),o=n(3785),s=n(8116),m=n(3559),d=n(7377),g=n(286),u=n(1429),p=n(8944),h=n(8147);const E=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,s.$)(),{title:i="",description:m,date:d}=t.mdx.frontmatter,g=(0,l.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return l.createElement(c.p,{title:i,description:m,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+m+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+g+'",\n "dateModified": "'+g+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+o.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:i,id:c}=t;return l.createElement(l.Fragment,null,l.createElement(g.V,{id:c}),l.createElement("article",{id:u.O},l.createElement(h.i,null,n)),l.createElement(m.l,{pageUrl:i}),l.createElement(d.R,{previous:r,next:a}))};function v(e){return l.createElement(f,e,l.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=(n(7694),n(4049)),c=n(5211);var o=n(6807),s=n(3792),m=n(727),d=n(127);const g=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),u=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),p=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],u),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],u),E=(0,l.default)(o.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,c.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(g,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:i}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(p,{to:r},i),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return g}});var a=n(2784),l=n(1195),r=n(9900),i=n(3792),c=n(727),o=n(127),s=n(2657),m=n(6722);const d=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],c.u.COMPLEMENTARY,o.v.ONE,o.v.ONE,o.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),g=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=n(4097),c=n(3792),o=n(127),s=n(727),m=n(6722),d=n(6991);const g=o.v.FOUR,u=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(g,"","div"),o.v.EIGHT),p=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],c.DM.BRAND_PRIMARY,c.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],c.DM.TEXT_LOW_CONTRAST,o.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,i.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(u,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return c}});var a=n(2784),l=n(8116),r=n(8944),i=n(3471);const c=e=>{const{title:t,description:n,lang:c="en",url:o,children:s}=e,m=(0,l.$)(),d=t+" | "+(0,i.g)(m.title),g=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:c}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:o}),a.createElement("meta",{name:"description",content:g}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:g}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:o}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:g}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js.map \ No newline at end of file +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8182],{2589:function(e,t,n){n.r(t),n.d(t,{Head:function(){return E},default:function(){return v}});var a=n(5392),l=n(2784);function r(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",hr:"hr",h2:"h2",div:"div",pre:"pre",code:"code",blockquote:"blockquote"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Slide Gaps"),"\n",l.createElement(t.p,null,"Embla Carousel allows you to use ",l.createElement(t.strong,null,"any CSS to stack your slides")," in the chosen scroll ",l.createElement(t.a,{href:"/api/options/#axis"},"axis"),", whether it's CSS Grid, flexbox, inline-blocks or anything else. It will conveniently ",l.createElement(t.strong,null,"pick up any spacings")," between the slides and ",l.createElement(t.strong,null,"automatically adjust the scroll snaps")," accordingly."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"declaring-gaps",style:{position:"relative"}},l.createElement(t.a,{href:"#declaring-gaps","aria-label":"declaring gaps permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Declaring gaps"),"\n",l.createElement(t.p,null,"It's recommended to declare gaps between slides ",l.createElement(t.strong,null,"using CSS"),". Any CSS that will render space between the slides is valid. You may add spacing in one direction like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n margin-right: 20px;\n}\n")),"\n",l.createElement(t.p,null,"It's also valid to add gaps in both directions:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n margin-right: 20px;\n margin-left: 10px;\n}\n")),"\n",l.createElement(t.p,null,"If you're using CSS Grid you can declare your gaps like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__container {\n grid-column-gap: 20px;\n}\n")),"\n",l.createElement(t.blockquote,null,"\n",l.createElement(t.p,null,l.createElement(t.strong,null,"Note!")," If you don't have ",l.createElement(t.a,{href:"/api/options/#loop"},"loop")," enabled, Embla Carousel will ignore any gaps at the start and end edge of the carousel."),"\n"),"\n",l.createElement(t.h2,{id:"variable-gaps",style:{position:"relative"}},l.createElement(t.a,{href:"#variable-gaps","aria-label":"variable gaps permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Variable gaps"),"\n",l.createElement(t.p,null,"Just like ",l.createElement(t.a,{href:"/guides/slide-sizes/#variable-sizes"},"variable")," slide sizes, variable gap sizes is ",l.createElement(t.strong,null,"supported out of the box"),". Declare your gap sizes in your CSS to achieve this:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide:nth-child(1) {\n margin-right: 10px;\n}\n.embla__slide:nth-child(2) {\n margin-right: 20px;\n margin-left: 10px;\n}\n")),"\n",l.createElement(t.h2,{id:"responding-to-breakpoints",style:{position:"relative"}},l.createElement(t.a,{href:"#responding-to-breakpoints","aria-label":"responding to breakpoints permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Responding to breakpoints"),"\n",l.createElement(t.p,null,"Embla Carousel will ",l.createElement(t.strong,null,"automatically pick up")," any ",l.createElement(t.strong,null,"changes in gap sizes")," when the ",l.createElement(t.strong,null,"window is resized"),". It's very simple to set different sizes based on your breakpoints:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n margin-right: 10px; /* Default slide gap */\n}\n@media (min-width: 768px) {\n .embla__slide {\n margin-right: 20px; /* Breakpoint SM gap */\n }\n}\n")))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(r,e)):r(e)},c=n(4810),o=n(3785),s=n(8116),m=n(3559),d=n(7377),g=n(286),u=n(1429),p=n(8944),h=n(8147);const E=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,s.$)(),{title:i="",description:m,date:d}=t.mdx.frontmatter,g=(0,l.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return l.createElement(c.p,{title:i,description:m,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+m+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+g+'",\n "dateModified": "'+g+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+o.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:i,id:c}=t;return l.createElement(l.Fragment,null,l.createElement(g.V,{id:c}),l.createElement("article",{id:u.O},l.createElement(h.i,null,n)),l.createElement(m.l,{pageUrl:i}),l.createElement(d.R,{previous:r,next:a}))};function v(e){return l.createElement(f,e,l.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=(n(7694),n(4049)),c=n(5211);var o=n(6807),s=n(3792),m=n(727),d=n(127);const g=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),u=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),p=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],u),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],u),E=(0,l.default)(o.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,c.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(g,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:i}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(p,{to:r},i),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return g}});var a=n(2784),l=n(1195),r=n(9900),i=n(3792),c=n(727),o=n(127),s=n(2657),m=n(6722);const d=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],c.u.COMPLEMENTARY,o.v.ONE,o.v.ONE,o.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),g=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=n(4097),c=n(3792),o=n(127),s=n(727),m=n(6722),d=n(6991);const g=o.v.FOUR,u=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(g,"","div"),o.v.EIGHT),p=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],c.DM.BRAND_PRIMARY,c.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],c.DM.TEXT_LOW_CONTRAST,o.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,i.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(u,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return c}});var a=n(2784),l=n(8116),r=n(8944),i=n(3471);const c=e=>{const{title:t,description:n,lang:c="en",url:o,children:s}=e,m=(0,l.$)(),d=t+" | "+(0,i.g)(m.title),g=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:c}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:o}),a.createElement("meta",{name:"description",content:g}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:g}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:o}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:g}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js.map similarity index 99% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js.map rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js.map index a587c1930..dc94b6396 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js.map +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/slide-gaps.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n pre: \"pre\",\n code: \"code\",\n blockquote: \"blockquote\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Slide Gaps\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel allows you to use \", React.createElement(_components.strong, null, \"any CSS to stack your slides\"), \" in the chosen scroll \", React.createElement(_components.a, {\n href: \"/api/options/#axis\"\n }, \"axis\"), \", whether it's CSS Grid, flexbox, inline-blocks or anything else. It will conveniently \", React.createElement(_components.strong, null, \"pick up any spacings\"), \" between the slides and \", React.createElement(_components.strong, null, \"automatically adjust the scroll snaps\"), \" accordingly.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"declaring-gaps\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#declaring-gaps\",\n \"aria-label\": \"declaring gaps permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Declaring gaps\"), \"\\n\", React.createElement(_components.p, null, \"It's recommended to declare gaps between slides \", React.createElement(_components.strong, null, \"using CSS\"), \". Any CSS that will render space between the slides is valid. You may add spacing in one direction like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n margin-right: 20px;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"It's also valid to add gaps in both directions:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n margin-right: 20px;\\n margin-left: 10px;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"If you're using CSS Grid you can declare your gaps like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__container {\\n grid-column-gap: 20px;\\n}\\n\")), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, React.createElement(_components.strong, null, \"Note!\"), \" If you don't have \", React.createElement(_components.a, {\n href: \"/api/options/#loop\"\n }, \"loop\"), \" enabled, Embla Carousel will ignore any gaps at the start and end edge of the carousel.\"), \"\\n\"), \"\\n\", React.createElement(_components.h2, {\n id: \"variable-gaps\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#variable-gaps\",\n \"aria-label\": \"variable gaps permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Variable gaps\"), \"\\n\", React.createElement(_components.p, null, \"Just like \", React.createElement(_components.a, {\n href: \"/guides/slide-sizes/#variable-sizes\"\n }, \"variable\"), \" slide sizes, variable gap sizes is \", React.createElement(_components.strong, null, \"supported out of the box\"), \". Declare your gap sizes in your CSS to achieve this:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide:nth-child(1) {\\n margin-right: 10px;\\n}\\n.embla__slide:nth-child(2) {\\n margin-right: 20px;\\n margin-left: 10px;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"responding-to-breakpoints\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#responding-to-breakpoints\",\n \"aria-label\": \"responding to breakpoints permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Responding to breakpoints\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel will \", React.createElement(_components.strong, null, \"automatically pick up\"), \" any \", React.createElement(_components.strong, null, \"changes in gap sizes\"), \" when the \", React.createElement(_components.strong, null, \"window is resized\"), \". It's very simple to set different sizes based on your breakpoints:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n margin-right: 10px; /* Default slide gap */\\n}\\n@media (min-width: 768px) {\\n .embla__slide {\\n margin-right: 20px; /* Breakpoint SM gap */\\n }\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/slide-gaps.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","hr","h2","div","pre","code","blockquote","_provideComponents","components","React","href","id","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/slide-gaps.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n pre: \"pre\",\n code: \"code\",\n blockquote: \"blockquote\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Slide Gaps\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel allows you to use \", React.createElement(_components.strong, null, \"any CSS to stack your slides\"), \" in the chosen scroll \", React.createElement(_components.a, {\n href: \"/api/options/#axis\"\n }, \"axis\"), \", whether it's CSS Grid, flexbox, inline-blocks or anything else. It will conveniently \", React.createElement(_components.strong, null, \"pick up any spacings\"), \" between the slides and \", React.createElement(_components.strong, null, \"automatically adjust the scroll snaps\"), \" accordingly.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"declaring-gaps\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#declaring-gaps\",\n \"aria-label\": \"declaring gaps permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Declaring gaps\"), \"\\n\", React.createElement(_components.p, null, \"It's recommended to declare gaps between slides \", React.createElement(_components.strong, null, \"using CSS\"), \". Any CSS that will render space between the slides is valid. You may add spacing in one direction like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n margin-right: 20px;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"It's also valid to add gaps in both directions:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n margin-right: 20px;\\n margin-left: 10px;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"If you're using CSS Grid you can declare your gaps like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__container {\\n grid-column-gap: 20px;\\n}\\n\")), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, React.createElement(_components.strong, null, \"Note!\"), \" If you don't have \", React.createElement(_components.a, {\n href: \"/api/options/#loop\"\n }, \"loop\"), \" enabled, Embla Carousel will ignore any gaps at the start and end edge of the carousel.\"), \"\\n\"), \"\\n\", React.createElement(_components.h2, {\n id: \"variable-gaps\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#variable-gaps\",\n \"aria-label\": \"variable gaps permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Variable gaps\"), \"\\n\", React.createElement(_components.p, null, \"Just like \", React.createElement(_components.a, {\n href: \"/guides/slide-sizes/#variable-sizes\"\n }, \"variable\"), \" slide sizes, variable gap sizes is \", React.createElement(_components.strong, null, \"supported out of the box\"), \". Declare your gap sizes in your CSS to achieve this:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide:nth-child(1) {\\n margin-right: 10px;\\n}\\n.embla__slide:nth-child(2) {\\n margin-right: 20px;\\n margin-left: 10px;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"responding-to-breakpoints\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#responding-to-breakpoints\",\n \"aria-label\": \"responding to breakpoints permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Responding to breakpoints\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel will \", React.createElement(_components.strong, null, \"automatically pick up\"), \" any \", React.createElement(_components.strong, null, \"changes in gap sizes\"), \" when the \", React.createElement(_components.strong, null, \"window is resized\"), \". It's very simple to set different sizes based on your breakpoints:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n margin-right: 10px; /* Default slide gap */\\n}\\n@media (min-width: 768px) {\\n .embla__slide {\\n margin-right: 20px; /* Breakpoint SM gap */\\n }\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/slide-gaps.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","hr","h2","div","pre","code","blockquote","_provideComponents","components","React","href","id","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js similarity index 98% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js index 1183c9197..dfddea52e 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[7268],{7230:function(e,t,n){n.r(t),n.d(t,{Head:function(){return E},default:function(){return v}});var a=n(5392),l=n(2784);function r(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",hr:"hr",h2:"h2",div:"div",pre:"pre",code:"code"},(0,a.ah)(),e.components),{Admonition:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Admonition",!0),l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Slide Sizes"),"\n",l.createElement(t.p,null,"This guide will show you how to customize ",l.createElement(t.strong,null,"slide sizes")," for your carousels using the ",l.createElement(t.a,{href:"/guides/slide-container/#using-flexbox"},"flexbox")," setup. Embla Carousel supports horizontal and vertical carousels with the ",l.createElement(t.a,{href:"/api/options/#axis"},"axis")," option and that's why this guide will use the term ",l.createElement(t.strong,null,"slide sizes")," instead of ",l.createElement(t.strong,null,"widths")," or ",l.createElement(t.strong,null,"heights"),"."),"\n",l.createElement(n,{type:"note"},l.createElement(t.p,null,"If you haven't read about how to setup your slide ",l.createElement(t.a,{href:"/guides/slide-container/"},"container"),", please visit that guide before continuing with this.")),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"declaring-sizes",style:{position:"relative"}},l.createElement(t.a,{href:"#declaring-sizes","aria-label":"declaring sizes permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Declaring sizes"),"\n",l.createElement(t.p,null,"Slide sizes should in most cases be ",l.createElement(t.strong,null,"declared with CSS"),". Embla Carousel ",l.createElement(t.strong,null,"supports any slide size out of the box"),", and will pick up whatever size you've declared in your CSS. A very simple setup could look like this:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 50%; /* Slide covers 50% of the viewport */\n min-width: 0;\n}\n")),"\n",l.createElement(t.p,null,"You can also declare your slide sizes using any other CSS unit like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 200px; /* Slide covers 200px of the viewport */\n min-width: 0;\n}\n")),"\n",l.createElement(t.h2,{id:"variable-sizes",style:{position:"relative"}},l.createElement(t.a,{href:"#variable-sizes","aria-label":"variable sizes permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Variable sizes"),"\n",l.createElement(t.p,null,"Variable slide sizes is also ",l.createElement(t.strong,null,"supported out of the box"),". Declare your slide sizes in your CSS or let the content of your slides determine their sizes."),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide:nth-child(1) {\n flex: 0 0 30%; /* Slide covers 30% of the viewport */\n min-width: 0;\n}\n.embla__slide:nth-child(2) {\n flex: 0 0 60%; /* Slide covers 60% of the viewport */\n min-width: 0;\n}\n")),"\n",l.createElement(t.p,null,"If you're letting your slide sizes adapt to their content, make sure that the ",l.createElement(t.strong,null,"slide sizes don't exceed")," the size of the ",l.createElement(t.strong,null,"viewport"),"."),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 auto; /* Adapt slide size to its content */\n min-width: 0;\n max-width: 100%; /* Prevent from growing larger than viewport */\n}\n")),"\n",l.createElement(t.h2,{id:"responding-to-breakpoints",style:{position:"relative"}},l.createElement(t.a,{href:"#responding-to-breakpoints","aria-label":"responding to breakpoints permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Responding to breakpoints"),"\n",l.createElement(t.p,null,"Embla Carousel will ",l.createElement(t.strong,null,"automatically pick up")," any ",l.createElement(t.strong,null,"changes in slide sizes")," when the ",l.createElement(t.strong,null,"window is resized"),". It's very simple to set different sizes based on your breakpoints:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 100%; /* Default slide covers 100% of the viewport */\n min-width: 0;\n}\n@media (min-width: 768px) {\n .embla__slide {\n flex: 0 0 50%; /* Breakpoint SM slide covers 50% of the viewport */\n }\n}\n")))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(r,e)):r(e)};var o=n(4234),c=n(3785),s=n(8116),m=n(3559),d=n(7377),u=n(286),p=n(1429),g=n(8944),h=n(8147);const E=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,s.$)(),{title:i="",description:m,date:d}=t.mdx.frontmatter,u=(0,l.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return l.createElement(o.p,{title:i,description:m,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,g.P)(a)+'",\n "description": "'+m+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:i,id:o}=t;return l.createElement(l.Fragment,null,l.createElement(u.V,{id:o}),l.createElement("article",{id:p.O},l.createElement(h.i,null,n)),l.createElement(m.l,{pageUrl:i}),l.createElement(d.R,{previous:r,next:a}))};function v(e){return l.createElement(f,e,l.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=(n(7694),n(4049)),o=n(5211);var c=n(6807),s=n(3792),m=n(727),d=n(127);const u=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),p=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),g=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],p),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],p),E=(0,l.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:i}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(g,{to:r},i),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),l=n(1195),r=n(9900),i=n(3792),o=n(727),c=n(127),s=n(2657),m=n(6722);const d=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=n(4097),o=n(3792),c=n(127),s=n(727),m=n(6722),d=n(6991);const u=c.v.FOUR,p=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),g=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,i.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(p,{"aria-label":"Pagination Navigation"},a.createElement(g,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(g,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),l=n(8116),r=n(8944),i=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:s}=e,m=(0,l.$)(),d=t+" | "+(0,i.g)(m.title),u=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js.map \ No newline at end of file +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[7268],{7230:function(e,t,n){n.r(t),n.d(t,{Head:function(){return E},default:function(){return v}});var a=n(5392),l=n(2784);function r(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",hr:"hr",h2:"h2",div:"div",pre:"pre",code:"code"},(0,a.ah)(),e.components),{Admonition:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Admonition",!0),l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Slide Sizes"),"\n",l.createElement(t.p,null,"This guide will show you how to customize ",l.createElement(t.strong,null,"slide sizes")," for your carousels using the ",l.createElement(t.a,{href:"/guides/slide-container/#using-flexbox"},"flexbox")," setup. Embla Carousel supports horizontal and vertical carousels with the ",l.createElement(t.a,{href:"/api/options/#axis"},"axis")," option and that's why this guide will use the term ",l.createElement(t.strong,null,"slide sizes")," instead of ",l.createElement(t.strong,null,"widths")," or ",l.createElement(t.strong,null,"heights"),"."),"\n",l.createElement(n,{type:"note"},l.createElement(t.p,null,"If you haven't read about how to setup your slide ",l.createElement(t.a,{href:"/guides/slide-container/"},"container"),", please visit that guide before continuing with this.")),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"declaring-sizes",style:{position:"relative"}},l.createElement(t.a,{href:"#declaring-sizes","aria-label":"declaring sizes permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Declaring sizes"),"\n",l.createElement(t.p,null,"Slide sizes should in most cases be ",l.createElement(t.strong,null,"declared with CSS"),". Embla Carousel ",l.createElement(t.strong,null,"supports any slide size out of the box"),", and will pick up whatever size you've declared in your CSS. A very simple setup could look like this:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 50%; /* Slide covers 50% of the viewport */\n min-width: 0;\n}\n")),"\n",l.createElement(t.p,null,"You can also declare your slide sizes using any other CSS unit like so:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 200px; /* Slide covers 200px of the viewport */\n min-width: 0;\n}\n")),"\n",l.createElement(t.h2,{id:"variable-sizes",style:{position:"relative"}},l.createElement(t.a,{href:"#variable-sizes","aria-label":"variable sizes permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Variable sizes"),"\n",l.createElement(t.p,null,"Variable slide sizes is also ",l.createElement(t.strong,null,"supported out of the box"),". Declare your slide sizes in your CSS or let the content of your slides determine their sizes."),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide:nth-child(1) {\n flex: 0 0 30%; /* Slide covers 30% of the viewport */\n min-width: 0;\n}\n.embla__slide:nth-child(2) {\n flex: 0 0 60%; /* Slide covers 60% of the viewport */\n min-width: 0;\n}\n")),"\n",l.createElement(t.p,null,"If you're letting your slide sizes adapt to their content, make sure that the ",l.createElement(t.strong,null,"slide sizes don't exceed")," the size of the ",l.createElement(t.strong,null,"viewport"),"."),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 auto; /* Adapt slide size to its content */\n min-width: 0;\n max-width: 100%; /* Prevent from growing larger than viewport */\n}\n")),"\n",l.createElement(t.h2,{id:"responding-to-breakpoints",style:{position:"relative"}},l.createElement(t.a,{href:"#responding-to-breakpoints","aria-label":"responding to breakpoints permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Responding to breakpoints"),"\n",l.createElement(t.p,null,"Embla Carousel will ",l.createElement(t.strong,null,"automatically pick up")," any ",l.createElement(t.strong,null,"changes in slide sizes")," when the ",l.createElement(t.strong,null,"window is resized"),". It's very simple to set different sizes based on your breakpoints:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-css"},".embla__slide {\n flex: 0 0 100%; /* Default slide covers 100% of the viewport */\n min-width: 0;\n}\n@media (min-width: 768px) {\n .embla__slide {\n flex: 0 0 50%; /* Breakpoint SM slide covers 50% of the viewport */\n }\n}\n")))}var i=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(r,e)):r(e)};var o=n(4810),c=n(3785),s=n(8116),m=n(3559),d=n(7377),u=n(286),p=n(1429),g=n(8944),h=n(8147);const E=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:r}=(0,s.$)(),{title:i="",description:m,date:d}=t.mdx.frontmatter,u=(0,l.useMemo)((()=>new Date(d+" UTC").toISOString()),[d]);return l.createElement(o.p,{title:i,description:m,url:""+a+n.slug},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,g.P)(a)+'",\n "description": "'+m+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+u+'",\n "dateModified": "'+u+'",\n "author": {\n "@type": "Person",\n "name": "'+r+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+r+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:r,filePath:i,id:o}=t;return l.createElement(l.Fragment,null,l.createElement(u.V,{id:o}),l.createElement("article",{id:p.O},l.createElement(h.i,null,n)),l.createElement(m.l,{pageUrl:i}),l.createElement(d.R,{previous:r,next:a}))};function v(e){return l.createElement(f,e,l.createElement(i,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=(n(7694),n(4049)),o=n(5211);var c=n(6807),s=n(3792),m=n(727),d=n(127);const u=l.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],m.u.COMPLEMENTARY,d.v.THREE),p=(0,l.css)(["color:",";padding:"," 0;"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),g=(0,l.default)(r.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],p),h=l.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],p),E=(0,l.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],s.DM.TEXT_LOW_CONTRAST,d.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,i.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(u,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:l,slug:r,title:i}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:l},a.createElement(g,{to:r},i),a.createElement(E,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(h,{key:l},i)})))}},3559:function(e,t,n){n.d(t,{l:function(){return u}});var a=n(2784),l=n(1195),r=n(9900),i=n(3792),o=n(727),c=n(127),s=n(2657),m=n(6722);const d=(0,l.default)(r.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,i.DM.TEXT_LOW_CONTRAST),u=e=>{const{pageUrl:t}=e,n=s.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(d,{to:n},a.createElement(m.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),l=n(1195),r=n(9900),i=n(4097),o=n(3792),c=n(127),s=n(727),m=n(6722),d=n(6991);const u=c.v.FOUR,p=l.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,d.h)(u,"","div"),c.v.EIGHT),g=l.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),h=l.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),E=l.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],s.X.MEDIUM,m.EG,i.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(p,{"aria-label":"Pagination Navigation"},a.createElement(g,null,n&&a.createElement(r.t,{to:n.slug},a.createElement(h,null,"Previous"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(g,null,t&&a.createElement(r.t,{to:t.slug},a.createElement(h,null,"Next"),a.createElement(E,null,a.createElement(m.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),l=n(8116),r=n(8944),i=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:s}=e,m=(0,l.$)(),d=t+" | "+(0,i.g)(m.title),u=n||m.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:u}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,r.P)(m.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:m.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:u}),s)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js.map similarity index 99% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js.map rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js.map index 88c25ac76..1fdc27e8e 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js.map +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/slide-sizes.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n pre: \"pre\",\n code: \"code\"\n }, _provideComponents(), props.components), {Admonition} = _components;\n if (!Admonition) _missingMdxReference(\"Admonition\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Slide Sizes\"), \"\\n\", React.createElement(_components.p, null, \"This guide will show you how to customize \", React.createElement(_components.strong, null, \"slide sizes\"), \" for your carousels using the \", React.createElement(_components.a, {\n href: \"/guides/slide-container/#using-flexbox\"\n }, \"flexbox\"), \" setup. Embla Carousel supports horizontal and vertical carousels with the \", React.createElement(_components.a, {\n href: \"/api/options/#axis\"\n }, \"axis\"), \" option and that's why this guide will use the term \", React.createElement(_components.strong, null, \"slide sizes\"), \" instead of \", React.createElement(_components.strong, null, \"widths\"), \" or \", React.createElement(_components.strong, null, \"heights\"), \".\"), \"\\n\", React.createElement(Admonition, {\n type: \"note\"\n }, React.createElement(_components.p, null, \"If you haven't read about how to setup your slide \", React.createElement(_components.a, {\n href: \"/guides/slide-container/\"\n }, \"container\"), \", please visit that guide before continuing with this.\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"declaring-sizes\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#declaring-sizes\",\n \"aria-label\": \"declaring sizes permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Declaring sizes\"), \"\\n\", React.createElement(_components.p, null, \"Slide sizes should in most cases be \", React.createElement(_components.strong, null, \"declared with CSS\"), \". Embla Carousel \", React.createElement(_components.strong, null, \"supports any slide size out of the box\"), \", and will pick up whatever size you've declared in your CSS. A very simple setup could look like this:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 50%; /* Slide covers 50% of the viewport */\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"You can also declare your slide sizes using any other CSS unit like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 200px; /* Slide covers 200px of the viewport */\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"variable-sizes\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#variable-sizes\",\n \"aria-label\": \"variable sizes permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Variable sizes\"), \"\\n\", React.createElement(_components.p, null, \"Variable slide sizes is also \", React.createElement(_components.strong, null, \"supported out of the box\"), \". Declare your slide sizes in your CSS or let the content of your slides determine their sizes.\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide:nth-child(1) {\\n flex: 0 0 30%; /* Slide covers 30% of the viewport */\\n min-width: 0;\\n}\\n.embla__slide:nth-child(2) {\\n flex: 0 0 60%; /* Slide covers 60% of the viewport */\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"If you're letting your slide sizes adapt to their content, make sure that the \", React.createElement(_components.strong, null, \"slide sizes don't exceed\"), \" the size of the \", React.createElement(_components.strong, null, \"viewport\"), \".\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 auto; /* Adapt slide size to its content */\\n min-width: 0;\\n max-width: 100%; /* Prevent from growing larger than viewport */\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"responding-to-breakpoints\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#responding-to-breakpoints\",\n \"aria-label\": \"responding to breakpoints permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Responding to breakpoints\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel will \", React.createElement(_components.strong, null, \"automatically pick up\"), \" any \", React.createElement(_components.strong, null, \"changes in slide sizes\"), \" when the \", React.createElement(_components.strong, null, \"window is resized\"), \". It's very simple to set different sizes based on your breakpoints:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 100%; /* Default slide covers 100% of the viewport */\\n min-width: 0;\\n}\\n@media (min-width: 768px) {\\n .embla__slide {\\n flex: 0 0 50%; /* Breakpoint SM slide covers 50% of the viewport */\\n }\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/slide-sizes.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","hr","h2","div","pre","code","_provideComponents","components","Admonition","id","component","Error","_missingMdxReference","React","href","type","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/guides/slide-sizes.md","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n a: \"a\",\n hr: \"hr\",\n h2: \"h2\",\n div: \"div\",\n pre: \"pre\",\n code: \"code\"\n }, _provideComponents(), props.components), {Admonition} = _components;\n if (!Admonition) _missingMdxReference(\"Admonition\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Slide Sizes\"), \"\\n\", React.createElement(_components.p, null, \"This guide will show you how to customize \", React.createElement(_components.strong, null, \"slide sizes\"), \" for your carousels using the \", React.createElement(_components.a, {\n href: \"/guides/slide-container/#using-flexbox\"\n }, \"flexbox\"), \" setup. Embla Carousel supports horizontal and vertical carousels with the \", React.createElement(_components.a, {\n href: \"/api/options/#axis\"\n }, \"axis\"), \" option and that's why this guide will use the term \", React.createElement(_components.strong, null, \"slide sizes\"), \" instead of \", React.createElement(_components.strong, null, \"widths\"), \" or \", React.createElement(_components.strong, null, \"heights\"), \".\"), \"\\n\", React.createElement(Admonition, {\n type: \"note\"\n }, React.createElement(_components.p, null, \"If you haven't read about how to setup your slide \", React.createElement(_components.a, {\n href: \"/guides/slide-container/\"\n }, \"container\"), \", please visit that guide before continuing with this.\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"declaring-sizes\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#declaring-sizes\",\n \"aria-label\": \"declaring sizes permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Declaring sizes\"), \"\\n\", React.createElement(_components.p, null, \"Slide sizes should in most cases be \", React.createElement(_components.strong, null, \"declared with CSS\"), \". Embla Carousel \", React.createElement(_components.strong, null, \"supports any slide size out of the box\"), \", and will pick up whatever size you've declared in your CSS. A very simple setup could look like this:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 50%; /* Slide covers 50% of the viewport */\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"You can also declare your slide sizes using any other CSS unit like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 200px; /* Slide covers 200px of the viewport */\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"variable-sizes\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#variable-sizes\",\n \"aria-label\": \"variable sizes permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Variable sizes\"), \"\\n\", React.createElement(_components.p, null, \"Variable slide sizes is also \", React.createElement(_components.strong, null, \"supported out of the box\"), \". Declare your slide sizes in your CSS or let the content of your slides determine their sizes.\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide:nth-child(1) {\\n flex: 0 0 30%; /* Slide covers 30% of the viewport */\\n min-width: 0;\\n}\\n.embla__slide:nth-child(2) {\\n flex: 0 0 60%; /* Slide covers 60% of the viewport */\\n min-width: 0;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"If you're letting your slide sizes adapt to their content, make sure that the \", React.createElement(_components.strong, null, \"slide sizes don't exceed\"), \" the size of the \", React.createElement(_components.strong, null, \"viewport\"), \".\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 auto; /* Adapt slide size to its content */\\n min-width: 0;\\n max-width: 100%; /* Prevent from growing larger than viewport */\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"responding-to-breakpoints\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#responding-to-breakpoints\",\n \"aria-label\": \"responding to breakpoints permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Responding to breakpoints\"), \"\\n\", React.createElement(_components.p, null, \"Embla Carousel will \", React.createElement(_components.strong, null, \"automatically pick up\"), \" any \", React.createElement(_components.strong, null, \"changes in slide sizes\"), \" when the \", React.createElement(_components.strong, null, \"window is resized\"), \". It's very simple to set different sizes based on your breakpoints:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__slide {\\n flex: 0 0 100%; /* Default slide covers 100% of the viewport */\\n min-width: 0;\\n}\\n@media (min-width: 768px) {\\n .embla__slide {\\n flex: 0 0 50%; /* Breakpoint SM slide covers 50% of the viewport */\\n }\\n}\\n\")));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/guides/slide-sizes.md\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","a","hr","h2","div","pre","code","_provideComponents","components","Admonition","id","component","Error","_missingMdxReference","React","href","type","style","position","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js new file mode 100644 index 000000000..2e99c6bf6 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8665],{1590:function(e,t,n){n.r(t),n.d(t,{Head:function(){return y},default:function(){return _}});var a=n(5392),l=n(2784),r=n(1316),o=n(6854),i=n(4234);function c(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div",pre:"pre",code:"code",h3:"h3",br:"br"},(0,a.ah)(),e.components),{RepositoryLink:n,BrandPrimaryText:c,BrandSecondaryText:s}=t;return c||m("BrandPrimaryText",!0),s||m("BrandSecondaryText",!0),n||m("RepositoryLink",!0),l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Auto Height"),"\n",l.createElement(n,{to:"https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-auto-height"},l.createElement(t.p,null,"View plugin on GitHub")),"\n",l.createElement(t.p,null,"This plugin is used to extend Embla Carousel with ",l.createElement(t.strong,null,"auto height")," functionality. It changes the height of the carousel container to fit the height of the highest slide in view."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"installation",style:{position:"relative"}},l.createElement(t.a,{href:"#installation","aria-label":"installation permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Installation"),"\n",l.createElement(t.p,null,"First you need to install the ",l.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",l.createElement(r.m,{groupId:i.JP.GROUP_ID},l.createElement(o.L,{tab:i.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-auto-height --save\n"))),l.createElement(o.L,{tab:i.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-auto-height\n")))),"\n",l.createElement(t.p,null,"Alternatively, you can use a ",l.createElement(t.strong,null,"CDN")," to include it in your project:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"usage\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#usage\",\n \"aria-label\": \"usage permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Usage\"), \"\\n\", React.createElement(_components.p, null, \"This plugin accepts a single \", React.createElement(_components.strong, null, \"optional\"), \" parameter, which is its \", React.createElement(_components.a, {\n href: \"/plugins/auto-height/#options\"\n }, \"options\"), \" object that allows you to configure it.\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport AutoHeight from 'embla-carousel-auto-height'\\n\\nconst embla = EmblaCarousel(emblaRoot, { loop: false }, [AutoHeight()]) // Add plugin\\n\")), \"\\n\", React.createElement(_components.p, null, \"You can make use of CSS transitions to \", React.createElement(_components.strong, null, \"transition height\"), \" changes. But beware: Transitioning height triggers reflow and may cause a performance hit.\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__container {\\n transition: height 0.2s;\\n}\\n\")), \"\\n\", React.createElement(_components.p, null, \"If you've been following along with any of the guides in the \", React.createElement(_components.a, {\n href: \"/get-started/\"\n }, \"Get Started\"), \" section, you will probably want to make sure that each \", React.createElement(_components.strong, null, \"slide height\"), \" is \", React.createElement(_components.strong, null, \"determined\"), \" by the \", React.createElement(_components.strong, null, \"content\"), \" it holds. Amend your CSS with the following to achieve this:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css___highlight={3}\"\n }, \".embla__container {\\n display: flex;\\n align-items: flex-start; /* Add this */\\n}\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#options\",\n \"aria-label\": \"options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Options\"), \"\\n\", React.createElement(_components.p, null, \"The Auto Height plugin accepts an optional \", React.createElement(_components.strong, null, \"options\"), \" object as the first argument. Here's an example of how to make use of it:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport AutoHeight from 'embla-carousel-auto-height'\\n\\nconst autoHeightOptions = { destroyHeight: 'auto' } // Options\\n\\nconst embla = EmblaCarousel(emblaRoot, { loop: false }, [\\n AutoHeight(autoHeightOptions) // Add plugin with options\\n])\\n\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"destroyheight\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#destroyheight\",\n \"aria-label\": \"destroyheight permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"destroyHeight\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"CSSStyleDeclaration.height\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"auto\"))), \"\\n\", React.createElement(_components.p, null, \"Choose CSS height declaration that will be applied to the carousel container when the plugin is destroyed.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/auto-height.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","pre","code","h3","br","_provideComponents","components","RepositoryLink","BrandPrimaryText","BrandSecondaryText","_missingMdxReference","React","to","id","style","position","href","className","dangerouslySetInnerHTML","__html","Tabs","groupId","TABS_PACKAGE_MANAGER","TabsItem","tab","wrapper","MDXLayout","component","Error","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js deleted file mode 100644 index d4b65d09c..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8665],{1590:function(e,t,n){n.r(t),n.d(t,{Head:function(){return y},default:function(){return w}});var a=n(5392),l=n(2784),r=n(4385),i=n(6854);function o(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div",pre:"pre",code:"code",h3:"h3",br:"br"},(0,a.ah)(),e.components),{RepositoryLink:n,Admonition:o,BrandPrimaryText:c,BrandSecondaryText:m}=t;return o||s("Admonition",!0),c||s("BrandPrimaryText",!0),m||s("BrandSecondaryText",!0),n||s("RepositoryLink",!0),l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Auto Height"),"\n",l.createElement(n,{to:"https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-auto-height"},l.createElement(t.p,null,"View plugin on GitHub")),"\n",l.createElement(t.p,null,"This plugin is used to extend Embla Carousel with ",l.createElement(t.strong,null,"auto height")," functionality. It changes the height of the carousel container to fit the height of the highest slide in view."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"installation",style:{position:"relative"}},l.createElement(t.a,{href:"#installation","aria-label":"installation permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Installation"),"\n",l.createElement(t.p,null,"First you need to install the ",l.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(i.L,{label:"CDN",value:"cdn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\\n\"))), React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-auto-height --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-auto-height\\n\")))), \"\\n\", React.createElement(_components.h2, {\n id: \"usage\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#usage\",\n \"aria-label\": \"usage permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Usage\"), \"\\n\", React.createElement(_components.p, null, \"Please read the \", React.createElement(_components.a, {\n href: \"/api/plugins/#usage\"\n }, \"plugins\"), \" page to learn \", React.createElement(_components.strong, null, \"how to work with plugins\"), \".\"), \"\\n\", React.createElement(Admonition, {\n type: \"note\"\n }, React.createElement(_components.p, null, \"You can make use of CSS transitions to \", React.createElement(_components.strong, null, \"transition height\"), \" changes. But beware: Transitioning height triggers reflow and may cause a performance hit.\"), React.createElement(\"br\"), React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css\"\n }, \".embla__container {\\n transition: height 0.2s;\\n}\\n\"))), \"\\n\", React.createElement(Admonition, {\n type: \"warning\"\n }, React.createElement(_components.p, null, \"If you've been following along with any of the guides in the \", React.createElement(_components.a, {\n href: \"/get-started/\"\n }, \"get started\"), \" section, you want to make sure that each \", React.createElement(_components.strong, null, \"slide height\"), \" is \", React.createElement(_components.strong, null, \"determined\"), \" by the \", React.createElement(_components.strong, null, \"content\"), \" it holds. Add the following to your CSS to achieve this:\"), React.createElement(\"br\"), React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-css___highlight={3}\"\n }, \".embla__container {\\n display: flex;\\n align-items: flex-start; /* Add this */\\n}\\n\"))), \"\\n\", React.createElement(_components.h2, {\n id: \"options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#options\",\n \"aria-label\": \"options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Options\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive \", React.createElement(_components.strong, null, \"list of all\"), \" \", React.createElement(_components.code, null, \"Auto Height\"), \" \", React.createElement(_components.strong, null, \"options\"), \" and their default values.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"destroyheight\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#destroyheight\",\n \"aria-label\": \"destroyheight permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"destroyHeight\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"CSSStyleDeclaration.height\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"auto\"))), \"\\n\", React.createElement(_components.p, null, \"Choose CSS height declaration that will be applied to the carousel container when the plugin is destroyed.\"), \"\\n\", React.createElement(_components.hr));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/auto-height.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","pre","code","h3","br","_provideComponents","components","RepositoryLink","Admonition","BrandPrimaryText","BrandSecondaryText","_missingMdxReference","React","to","id","style","position","href","className","dangerouslySetInnerHTML","__html","Tabs","groupId","TabsItem","label","value","type","wrapper","MDXLayout","component","Error","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js deleted file mode 100644 index b5dbb52dd..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8135],{3669:function(e,t,n){n.r(t),n.d(t,{Head:function(){return y},default:function(){return b}});var l=n(5392),a=n(2784),r=n(4385),c=n(6854);function o(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",a:"a",div:"div",pre:"pre",code:"code",h3:"h3",br:"br",hr:"hr"},(0,l.ah)(),e.components),{RepositoryLink:n,BrandPrimaryText:o,BrandSecondaryText:i}=t;return o||s("BrandPrimaryText",!0),i||s("BrandSecondaryText",!0),n||s("RepositoryLink",!0),a.createElement(a.Fragment,null,a.createElement(t.h1,null,"Auto Scroll"),"\n",a.createElement(n,{to:"https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-auto-scroll"},a.createElement(t.p,null,"View plugin on GitHub")),"\n",a.createElement(t.p,null,"This plugin is used to extend Embla Carousel with ",a.createElement(t.strong,null,"auto scroll")," functionality. It comes with a useful set of options that allows you to customize it to your liking."),"\n",a.createElement(t.h2,{id:"installation",style:{position:"relative"}},a.createElement(t.a,{href:"#installation","aria-label":"installation permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Installation"),"\n",a.createElement(t.p,null,"Start by installing the ",a.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",a.createElement(r.mQ,{groupId:"package-manager"},a.createElement(c.L,{label:"CDN",value:"cdn"},a.createElement(t.pre,null,a.createElement(t.code,{className:"language-html"},'\\n\"))), React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-auto-scroll --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-auto-scroll\\n\")))), \"\\n\", React.createElement(_components.h2, {\n id: \"usage\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#usage\",\n \"aria-label\": \"usage permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Usage\"), \"\\n\", React.createElement(_components.p, null, \"Please read the \", React.createElement(_components.a, {\n href: \"/api/plugins/#usage\"\n }, \"plugins\"), \" page to learn \", React.createElement(_components.strong, null, \"how to work with plugins\"), \".\"), \"\\n\", React.createElement(_components.h2, {\n id: \"options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#options\",\n \"aria-label\": \"options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Options\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive \", React.createElement(_components.strong, null, \"list of all\"), \" \", React.createElement(_components.code, null, \"Auto Scroll\"), \" \", React.createElement(_components.strong, null, \"options\"), \" and their default values.\"), \"\\n\", React.createElement(_components.h3, {\n id: \"speed\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#speed\",\n \"aria-label\": \"speed permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"speed\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"number\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"2\"))), \"\\n\", React.createElement(_components.p, null, \"Number of pixels auto scroll should advance per frame.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"startdelay\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#startdelay\",\n \"aria-label\": \"startdelay permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"startDelay\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"number\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"1000\"))), \"\\n\", React.createElement(_components.p, null, \"Number of milliseconds auto scroll should \", React.createElement(_components.strong, null, \"wait before it starts\"), \". This also applies when user interactions end and \", React.createElement(_components.a, {\n href: \"/plugins/auto-scroll/#stoponinteraction\"\n }, \"stopOnInteraction\"), \" is \", React.createElement(_components.code, null, \"false\"), \".\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"direction\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#direction\",\n \"aria-label\": \"direction permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"direction\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"forward\"))), \"\\n\", React.createElement(_components.p, null, \"This option is used to set the auto scroll direction. Set it to \", React.createElement(_components.code, null, \"backward\"), \" if you want it to scroll in the opposite direction.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"playoninit\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#playoninit\",\n \"aria-label\": \"playoninit permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"playOnInit\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"true\"))), \"\\n\", React.createElement(_components.p, null, \"If set to \", React.createElement(_components.code, null, \"false\"), \", you'll have to start auto scroll yourself by calling the \", React.createElement(_components.a, {\n href: \"/plugins/auto-scroll/#play\"\n }, \"play\"), \" method.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponinteraction\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponinteraction\",\n \"aria-label\": \"stoponinteraction permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnInteraction\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"true\"))), \"\\n\", React.createElement(_components.p, null, \"If set to \", React.createElement(_components.code, null, \"false\"), \", auto scroll will not be disabled after drag interactions, and it will restart every time after an interaction.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponmouseenter\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponmouseenter\",\n \"aria-label\": \"stoponmouseenter permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnMouseEnter\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"false\"))), \"\\n\", React.createElement(_components.p, null, \"When enabled, auto scroll will stop when a mouse pointer enters the Embla Carousel container. If \", React.createElement(_components.a, {\n href: \"/plugins/auto-scroll/#stoponinteraction\"\n }, \"stopOnInteraction\"), \" is also \", React.createElement(_components.code, null, \"false\"), \", auto scroll will resume when the mouse leaves the carousel container.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponfocusin\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponfocusin\",\n \"aria-label\": \"stoponfocusin permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnFocusIn\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"true\"))), \"\\n\", React.createElement(_components.p, null, \"When enabled, auto scroll will stop when a focusable element inside the carousel recieves focus. If \", React.createElement(_components.a, {\n href: \"/plugins/auto-scroll/#stoponinteraction\"\n }, \"stopOnInteraction\"), \" is \", React.createElement(_components.code, null, \"false\"), \", auto scroll will resume when the user leaves focus.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"rootnode\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#rootnode\",\n \"aria-label\": \"rootnode permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"rootNode\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"(emblaRoot: HTMLElement) => HTMLElement | null\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"null\"))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.strong, null, \"node\"), \" that should \", React.createElement(_components.strong, null, \"respond\"), \" to user \", React.createElement(_components.strong, null, \"interactions\"), \" like \", React.createElement(_components.a, {\n href: \"/plugins/auto-scroll/#stoponmouseenter\"\n }, \"stopOnMouseEnter\"), \" and \", React.createElement(_components.a, {\n href: \"/plugins/auto-scroll/#stoponinteraction\"\n }, \"stopOnInteraction\"), \". If this is omitted, the node that wraps the Embla Carousel will be used as default.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"methods\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#methods\",\n \"aria-label\": \"methods permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Methods\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive \", React.createElement(_components.strong, null, \"list of all\"), \" \", React.createElement(_components.code, null, \"Auto Scroll\"), \" \", React.createElement(_components.strong, null, \"methods\"), \" with their respective parameters and return values.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"play\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#play\",\n \"aria-label\": \"play permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"play\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"startDelayOverride?: number\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"void\"))), \"\\n\", React.createElement(_components.p, null, \"Start auto scroll. Pass a \", React.createElement(_components.strong, null, \"startDelayOverride\"), \" if you want to change the \", React.createElement(_components.a, {\n href: \"/plugins/auto-scroll/#startdelay\"\n }, \"startDelay\"), \" option after the plugin has been initialized.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stop\",\n \"aria-label\": \"stop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stop\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"none\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"void\"))), \"\\n\", React.createElement(_components.p, null, \"Stops auto scroll.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"reset\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#reset\",\n \"aria-label\": \"reset permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"reset\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"none\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"void\"))), \"\\n\", React.createElement(_components.p, null, \"Stops auto scroll, and starts the timer again using \", React.createElement(_components.a, {\n href: \"/plugins/auto-scroll/#startdelay\"\n }, \"startDelay\"), \" when the carousel has settled. This will only take effect if auto scroll is playing. If auto scroll is stopped, this method won't trigger anything.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"isplaying\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#isplaying\",\n \"aria-label\": \"isplaying permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"isPlaying\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"none\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"boolean\"))), \"\\n\", React.createElement(_components.p, null, \"Returns a boolean whether the carousel is auto scrolling or not.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"events\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#events\",\n \"aria-label\": \"events permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Events\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive \", React.createElement(_components.strong, null, \"list of all\"), \" \", React.createElement(_components.code, null, \"Auto Scroll\"), \" \", React.createElement(_components.strong, null, \"events\"), \" together with information about how they work.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"autoscrollplay\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#autoscrollplay\",\n \"aria-label\": \"autoscrollplay permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"autoScroll:play\"), \"\\n\", React.createElement(_components.p, null, \"Once: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"no\"))), \"\\n\", React.createElement(_components.p, null, \"Fires when auto scroll starts playing.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"autoscrollstop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#autoscrollstop\",\n \"aria-label\": \"autoscrollstop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"autoScroll:stop\"), \"\\n\", React.createElement(_components.p, null, \"Once: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"no\"))), \"\\n\", React.createElement(_components.p, null, \"Fires when auto scroll stops scrolling.\"), \"\\n\", React.createElement(_components.hr));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/auto-scroll.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","h2","a","div","pre","code","h3","br","hr","_provideComponents","components","RepositoryLink","BrandPrimaryText","BrandSecondaryText","_missingMdxReference","React","to","id","style","position","href","className","dangerouslySetInnerHTML","__html","Tabs","groupId","TabsItem","label","value","wrapper","MDXLayout","component","Error","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js deleted file mode 100644 index fb34c1b34..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[5941],{2850:function(e,t,n){n.r(t),n.d(t,{Head:function(){return y},default:function(){return S}});var l=n(5392),a=n(2784),r=n(4385),c=n(6854);function o(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div",pre:"pre",code:"code",h3:"h3",br:"br"},(0,l.ah)(),e.components),{RepositoryLink:n,BrandPrimaryText:o,BrandSecondaryText:i}=t;return o||s("BrandPrimaryText",!0),i||s("BrandSecondaryText",!0),n||s("RepositoryLink",!0),a.createElement(a.Fragment,null,a.createElement(t.h1,null,"Autoplay"),"\n",a.createElement(n,{to:"https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-autoplay"},a.createElement(t.p,null,"View plugin on GitHub")),"\n",a.createElement(t.p,null,"This plugin is used to extend Embla Carousel with ",a.createElement(t.strong,null,"autoplay")," functionality. It comes with a useful set of options that allows you to customize it to your liking."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h2,{id:"installation",style:{position:"relative"}},a.createElement(t.a,{href:"#installation","aria-label":"installation permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Installation"),"\n",a.createElement(t.p,null,"Start by installing the ",a.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",a.createElement(r.mQ,{groupId:"package-manager"},a.createElement(c.L,{label:"CDN",value:"cdn"},a.createElement(t.pre,null,a.createElement(t.code,{className:"language-html"},'\\n\"))), React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-autoplay --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-autoplay\\n\")))), \"\\n\", React.createElement(_components.h2, {\n id: \"usage\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#usage\",\n \"aria-label\": \"usage permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Usage\"), \"\\n\", React.createElement(_components.p, null, \"Please read the \", React.createElement(_components.a, {\n href: \"/api/plugins/#usage\"\n }, \"plugins\"), \" page to learn \", React.createElement(_components.strong, null, \"how to work with plugins\"), \".\"), \"\\n\", React.createElement(_components.h2, {\n id: \"options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#options\",\n \"aria-label\": \"options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Options\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive \", React.createElement(_components.strong, null, \"list of all\"), \" \", React.createElement(_components.code, null, \"Autoplay\"), \" \", React.createElement(_components.strong, null, \"options\"), \" and their default values.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"delay\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#delay\",\n \"aria-label\": \"delay permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"delay\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"number\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"4000\"))), \"\\n\", React.createElement(_components.p, null, \"Delay between transitions in milliseconds.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"jump\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#jump\",\n \"aria-label\": \"jump permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"jump\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"false\"))), \"\\n\", React.createElement(_components.p, null, \"When set to true \", React.createElement(_components.code, null, \"true\"), \", autoplay will do instant slide transitions when advancing.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"playoninit\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#playoninit\",\n \"aria-label\": \"playoninit permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"playOnInit\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"true\"))), \"\\n\", React.createElement(_components.p, null, \"If set to \", React.createElement(_components.code, null, \"false\"), \", you'll have to start autoplay yourself by calling the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#play\"\n }, \"play\"), \" method.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponinteraction\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponinteraction\",\n \"aria-label\": \"stoponinteraction permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnInteraction\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"true\"))), \"\\n\", React.createElement(_components.p, null, \"If set to \", React.createElement(_components.code, null, \"false\"), \", autoplay will not be disabled after drag interactions, and it will restart every time after an interaction.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponmouseenter\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponmouseenter\",\n \"aria-label\": \"stoponmouseenter permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnMouseEnter\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"false\"))), \"\\n\", React.createElement(_components.p, null, \"When enabled, autoplay will stop when a mouse pointer enters the Embla Carousel container. If \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#stoponinteraction\"\n }, \"stopOnInteraction\"), \" is also \", React.createElement(_components.code, null, \"false\"), \", autoplay will resume when the mouse leaves the carousel container.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponfocusin\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponfocusin\",\n \"aria-label\": \"stoponfocusin permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnFocusIn\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"true\"))), \"\\n\", React.createElement(_components.p, null, \"When enabled, autoplay will stop when a focusable element inside the carousel recieves focus. If \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#stoponinteraction\"\n }, \"stopOnInteraction\"), \" is \", React.createElement(_components.code, null, \"false\"), \", autoplay will resume when the user leaves focus.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponlastsnap\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponlastsnap\",\n \"aria-label\": \"stoponlastsnap permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnLastSnap\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"false\"))), \"\\n\", React.createElement(_components.p, null, \"If this parameter is enabled, autoplay will stop when it reaches last slide.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"rootnode\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#rootnode\",\n \"aria-label\": \"rootnode permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"rootNode\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"(emblaRoot: HTMLElement) => HTMLElement | null\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"null\"))), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.strong, null, \"node\"), \" that should \", React.createElement(_components.strong, null, \"respond\"), \" to user \", React.createElement(_components.strong, null, \"interactions\"), \" like \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#stoponmouseenter\"\n }, \"stopOnMouseEnter\"), \" and \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#stoponinteraction\"\n }, \"stopOnInteraction\"), \". If this is omitted, the node that wraps the Embla Carousel will be used as default.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"methods\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#methods\",\n \"aria-label\": \"methods permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Methods\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive \", React.createElement(_components.strong, null, \"list of all\"), \" \", React.createElement(_components.code, null, \"Autoplay\"), \" \", React.createElement(_components.strong, null, \"methods\"), \" with their respective parameters and return values.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"play\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#play\",\n \"aria-label\": \"play permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"play\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"jump?: boolean\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"void\"))), \"\\n\", React.createElement(_components.p, null, \"Start autoplay. Set the \", React.createElement(_components.strong, null, \"jump\"), \" parameter to \", React.createElement(_components.code, null, \"true\"), \" when you want autoplay to do instant slide transitions when advancing. Please note that providing a value to this method vill override the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#jump\"\n }, \"jump\"), \" option.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stop\",\n \"aria-label\": \"stop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stop\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"none\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"void\"))), \"\\n\", React.createElement(_components.p, null, \"Stop autoplay.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"reset\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#reset\",\n \"aria-label\": \"reset permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"reset\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"none\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"void\"))), \"\\n\", React.createElement(_components.p, null, \"Resets the timer and starts over. This will only take effect if autoplay is playing. If autoplay is stopped, this method won't trigger anything.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"isplaying\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#isplaying\",\n \"aria-label\": \"isplaying permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"isPlaying\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"none\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"boolean\"))), \"\\n\", React.createElement(_components.p, null, \"Returns a boolean whether autoplay is playing or not.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"events\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#events\",\n \"aria-label\": \"events permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Events\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive \", React.createElement(_components.strong, null, \"list of all\"), \" \", React.createElement(_components.code, null, \"Autoplay\"), \" \", React.createElement(_components.strong, null, \"events\"), \" together with information about how they work.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"autoplayplay\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#autoplayplay\",\n \"aria-label\": \"autoplayplay permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"autoplay:play\"), \"\\n\", React.createElement(_components.p, null, \"Once: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"no\"))), \"\\n\", React.createElement(_components.p, null, \"Fires when autoplay starts playing.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"autoplaystop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#autoplaystop\",\n \"aria-label\": \"autoplaystop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"autoplay:stop\"), \"\\n\", React.createElement(_components.p, null, \"Once: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"no\"))), \"\\n\", React.createElement(_components.p, null, \"Fires when autoplay stops playing.\"), \"\\n\", React.createElement(_components.hr));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/autoplay.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","pre","code","h3","br","_provideComponents","components","RepositoryLink","BrandPrimaryText","BrandSecondaryText","_missingMdxReference","React","to","id","style","position","href","className","dangerouslySetInnerHTML","__html","Tabs","groupId","TabsItem","label","value","wrapper","MDXLayout","component","Error","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js new file mode 100644 index 000000000..13c9e7181 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[5941],{2850:function(e,t,n){n.r(t),n.d(t,{Head:function(){return b},default:function(){return w}});var l=n(5392),a=n(2784),r=n(1316),o=n(6854),c=n(4234);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div",pre:"pre",code:"code",h3:"h3",br:"br"},(0,l.ah)(),e.components),{RepositoryLink:n,BrandPrimaryText:i,BrandSecondaryText:s}=t;return i||m("BrandPrimaryText",!0),s||m("BrandSecondaryText",!0),n||m("RepositoryLink",!0),a.createElement(a.Fragment,null,a.createElement(t.h1,null,"Autoplay"),"\n",a.createElement(n,{to:"https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-autoplay"},a.createElement(t.p,null,"View plugin on GitHub")),"\n",a.createElement(t.p,null,"This plugin is used to extend Embla Carousel with ",a.createElement(t.strong,null,"autoplay")," functionality. It comes with a useful set of options that allows you to customize it to your liking."),"\n",a.createElement(t.hr),"\n",a.createElement(t.h2,{id:"installation",style:{position:"relative"}},a.createElement(t.a,{href:"#installation","aria-label":"installation permalink",className:"anchor before"},a.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Installation"),"\n",a.createElement(t.p,null,"First you need to install the ",a.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",a.createElement(r.m,{groupId:c.JP.GROUP_ID},a.createElement(o.L,{tab:c.JP.TABS.NPM},a.createElement(t.pre,null,a.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-autoplay --save\n"))),a.createElement(o.L,{tab:c.JP.TABS.YARN},a.createElement(t.pre,null,a.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-autoplay\n")))),"\n",a.createElement(t.p,null,"Alternatively, you can use a ",a.createElement(t.strong,null,"CDN")," to include it in your project:"),"\n",a.createElement(t.pre,null,a.createElement(t.code,{className:"language-html"},'\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"usage\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#usage\",\n \"aria-label\": \"usage permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Usage\"), \"\\n\", React.createElement(_components.p, null, \"This plugin accepts a single optional parameter, which is its \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#options\"\n }, \"options\"), \" object that allows you to configure it. You maybe want to choose a \", React.createElement(_components.strong, null, \"custom root node\"), \" for the autoplay plugin. This can be done with the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#rootnode\"\n }, \"rootNode\"), \" options attribute. The root node will respond to interaction events and stop autoplay when a user interacts with the carousel. If this attribute is omitted, the Embla Carousel root node will be used as a default.\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport Autoplay from 'embla-carousel-autoplay'\\n\\nconst embla = EmblaCarousel(emblaRoot, { loop: false }, [Autoplay()]) // Add plugin\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#options\",\n \"aria-label\": \"options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Options\"), \"\\n\", React.createElement(_components.p, null, \"The Autoplay plugin accepts an optional \", React.createElement(_components.strong, null, \"options\"), \" object as the first argument. Here's an example of how to make use of it:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport Autoplay from 'embla-carousel-autoplay'\\n\\nconst autoplayOptions = {\\n delay: 4000,\\n rootNode: (emblaRoot) => emblaRoot.parentElement\\n}\\n\\nconst embla = EmblaCarousel(emblaRoot, { loop: false }, [\\n Autoplay(autoplayOptions) // Add plugin with options\\n])\\n\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"delay\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#delay\",\n \"aria-label\": \"delay permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"delay\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"number\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"4000\"))), \"\\n\", React.createElement(_components.p, null, \"Delay between transitions in milliseconds.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"jump\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#jump\",\n \"aria-label\": \"jump permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"jump\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"false\"))), \"\\n\", React.createElement(_components.p, null, \"When set to true \", React.createElement(_components.code, null, \"true\"), \", autoplay will do instant slide transitions when advancing.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"playoninit\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#playoninit\",\n \"aria-label\": \"playoninit permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"playOnInit\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"true\"))), \"\\n\", React.createElement(_components.p, null, \"If set to \", React.createElement(_components.code, null, \"false\"), \", you'll have to start autoplay yourself by calling the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#play\"\n }, \"play\"), \" method.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponinteraction\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponinteraction\",\n \"aria-label\": \"stoponinteraction permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnInteraction\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"true\"))), \"\\n\", React.createElement(_components.p, null, \"If set to \", React.createElement(_components.code, null, \"false\"), \", autoplay will not be disabled after drag interactions, and it will restart every time after the interaction.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponmouseenter\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponmouseenter\",\n \"aria-label\": \"stoponmouseenter permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnMouseEnter\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"false\"))), \"\\n\", React.createElement(_components.p, null, \"When enabled, autoplay will pause when a mouse pointer enters the Embla Carousel container. If \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#stoponinteraction\"\n }, \"stopOnInteraction\"), \" is also \", React.createElement(_components.code, null, \"false\"), \", autoplay will resume when the mouse leaves the carousel container.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponfocusin\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponfocusin\",\n \"aria-label\": \"stoponfocusin permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnFocusIn\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"true\"))), \"\\n\", React.createElement(_components.p, null, \"When enabled, autoplay will stop when a focusable element inside the carousel recieves focus. If \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#stoponinteraction\"\n }, \"stopOnInteraction\"), \" is \", React.createElement(_components.code, null, \"false\"), \", autoplay will resume when the user leaves focus.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stoponlastsnap\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stoponlastsnap\",\n \"aria-label\": \"stoponlastsnap permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stopOnLastSnap\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"boolean\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"false\"))), \"\\n\", React.createElement(_components.p, null, \"If this parameter is enabled, autoplay will stop when it reaches last slide.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"rootnode\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#rootnode\",\n \"aria-label\": \"rootnode permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"rootNode\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"(emblaRoot: HTMLElement) => HTMLElement | null\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"null\"))), \"\\n\", React.createElement(_components.p, null, \"The node that should respond to user interactions like \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#stoponmouseenter\"\n }, \"stopOnMouseEnter\"), \" and \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#stoponinteraction\"\n }, \"stopOnInteraction\"), \".\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"methods\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#methods\",\n \"aria-label\": \"methods permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Methods\"), \"\\n\", React.createElement(_components.p, null, \"The Autoplay plugin exposes a set of \", React.createElement(_components.strong, null, \"useful methods\"), \" which lets you control it. Assuming you've passed the plugin to the Embla Carousel constructor, a method is called like demonstrated below:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"embla.plugins().autoplay.stop() // Method\\n\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"play\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#play\",\n \"aria-label\": \"play permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"play\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"jump?: boolean\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"void\"))), \"\\n\", React.createElement(_components.p, null, \"Start autoplay. Set the \", React.createElement(_components.strong, null, \"jump\"), \" parameter to \", React.createElement(_components.code, null, \"true\"), \" when you want autoplay to do instant slide transitions when advancing. Please note that providing a value to this method vill override the \", React.createElement(_components.a, {\n href: \"/plugins/autoplay/#jump\"\n }, \"jump\"), \" option.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"stop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#stop\",\n \"aria-label\": \"stop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"stop\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"none\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"void\"))), \"\\n\", React.createElement(_components.p, null, \"Stop autoplay.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"reset\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#reset\",\n \"aria-label\": \"reset permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"reset\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"none\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"void\"))), \"\\n\", React.createElement(_components.p, null, \"Resets the timer and starts over. This will only take effect if autoplay is playing. If autoplay is stopped, this method won't trigger anything.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"isplaying\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#isplaying\",\n \"aria-label\": \"isplaying permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"isPlaying\"), \"\\n\", React.createElement(_components.p, null, \"Parameters: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"none\")), React.createElement(_components.br), \"\\n\", \"Returns: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"boolean\"))), \"\\n\", React.createElement(_components.p, null, \"Returns a boolean whether autoplay is playing or not.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"events\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#events\",\n \"aria-label\": \"events permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Events\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive list of all Autoplay plugin events together with information about how they work. Attach event listeners like so:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-ts\"\n }, \"emblaApi.on('autoplay:play', (emblaApi, eventName) => {\\n console.log('Autoplay plugin started playing!')\\n})\\n\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"autoplayplay\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#autoplayplay\",\n \"aria-label\": \"autoplayplay permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"autoplay:play\"), \"\\n\", React.createElement(_components.p, null, \"Once: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"no\"))), \"\\n\", React.createElement(_components.p, null, \"Fires when autoplay starts playing.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"autoplaystop\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#autoplaystop\",\n \"aria-label\": \"autoplaystop permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"autoplay:stop\"), \"\\n\", React.createElement(_components.p, null, \"Once: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"no\"))), \"\\n\", React.createElement(_components.p, null, \"Fires when autoplay stops playing.\"), \"\\n\", React.createElement(_components.hr));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/autoplay.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","pre","code","h3","br","_provideComponents","components","RepositoryLink","BrandPrimaryText","BrandSecondaryText","_missingMdxReference","React","to","id","style","position","href","className","dangerouslySetInnerHTML","__html","Tabs","groupId","TABS_PACKAGE_MANAGER","TabsItem","tab","wrapper","MDXLayout","component","Error","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js deleted file mode 100644 index 8080ac577..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[9446],{3009:function(e,t,n){n.r(t),n.d(t,{Head:function(){return b},default:function(){return w}});var a=n(5392),l=n(2784),r=n(4385),c=n(6854);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div",pre:"pre",code:"code",h3:"h3",br:"br"},(0,a.ah)(),e.components),{RepositoryLink:n,BrandPrimaryText:i,BrandSecondaryText:o,Admonition:m}=t;return m||s("Admonition",!0),i||s("BrandPrimaryText",!0),o||s("BrandSecondaryText",!0),n||s("RepositoryLink",!0),l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Class Names"),"\n",l.createElement(n,{to:"https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-class-names"},l.createElement(t.p,null,"View plugin on GitHub")),"\n",l.createElement(t.p,null,"Class Names is a ",l.createElement(t.strong,null,"class name toggle")," utility plugin for Embla Carousel that enables you to automate the toggling of class names on your carousel."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"installation",style:{position:"relative"}},l.createElement(t.a,{href:"#installation","aria-label":"installation permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Installation"),"\n",l.createElement(t.p,null,"First you need to install the ",l.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(c.L,{label:"CDN",value:"cdn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\\n\"))), React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-class-names --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-class-names\\n\")))), \"\\n\", React.createElement(_components.h2, {\n id: \"usage\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#usage\",\n \"aria-label\": \"usage permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Usage\"), \"\\n\", React.createElement(_components.p, null, \"Please read the \", React.createElement(_components.a, {\n href: \"/api/plugins/#usage\"\n }, \"plugins\"), \" page to learn \", React.createElement(_components.strong, null, \"how to work with plugins\"), \".\"), \"\\n\", React.createElement(_components.h2, {\n id: \"options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#options\",\n \"aria-label\": \"options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Options\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive \", React.createElement(_components.strong, null, \"list of all\"), \" \", React.createElement(_components.code, null, \"Class Names\"), \" \", React.createElement(_components.strong, null, \"options\"), \" and their default values.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"snapped\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#snapped\",\n \"aria-label\": \"snapped permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"snapped\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-snapped\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to the snapped slides. Pass an empty string to opt-out.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"inview\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#inview\",\n \"aria-label\": \"inview permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"inView\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-in-view\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to slides in view. Pass an empty string to opt-out.\"), \"\\n\", React.createElement(Admonition, {\n type: \"note\"\n }, React.createElement(_components.p, null, \"This feature will honor the \", React.createElement(_components.a, {\n href: \"/api/options/#inviewthreshold\"\n }, \"inViewThreshold\"), \"\\noption.\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"draggable\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#draggable\",\n \"aria-label\": \"draggable permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"draggable\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-draggable\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to a draggable carousel container. Pass an empty string to opt-out.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"dragging\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#dragging\",\n \"aria-label\": \"dragging permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"dragging\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-dragging\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to the container when dragging. Pass an empty string to opt-out.\"), \"\\n\", React.createElement(_components.hr));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/class-names.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","pre","code","h3","br","_provideComponents","components","RepositoryLink","BrandPrimaryText","BrandSecondaryText","Admonition","_missingMdxReference","React","to","id","style","position","href","className","dangerouslySetInnerHTML","__html","Tabs","groupId","TabsItem","label","value","type","wrapper","MDXLayout","component","Error","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js new file mode 100644 index 000000000..46ae283c7 --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[9446],{3009:function(e,t,n){n.r(t),n.d(t,{Head:function(){return y},default:function(){return w}});var a=n(5392),l=n(2784),r=n(1316),c=n(6854),o=n(4234);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div",pre:"pre",code:"code",h3:"h3",br:"br"},(0,a.ah)(),e.components),{RepositoryLink:n,BrandPrimaryText:i,BrandSecondaryText:s,Admonition:u}=t;return u||m("Admonition",!0),i||m("BrandPrimaryText",!0),s||m("BrandSecondaryText",!0),n||m("RepositoryLink",!0),l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Class Names"),"\n",l.createElement(n,{to:"https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-class-names"},l.createElement(t.p,null,"View plugin on GitHub")),"\n",l.createElement(t.p,null,"Class Names is a ",l.createElement(t.strong,null,"class name toggle")," utility plugin for Embla Carousel that enables you to automate the toggling of class names on your carousel."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"installation",style:{position:"relative"}},l.createElement(t.a,{href:"#installation","aria-label":"installation permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Installation"),"\n",l.createElement(t.p,null,"First you need to install the ",l.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",l.createElement(r.m,{groupId:o.JP.GROUP_ID},l.createElement(c.L,{tab:o.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-class-names --save\n"))),l.createElement(c.L,{tab:o.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-class-names\n")))),"\n",l.createElement(t.p,null,"Alternatively, you can use a ",l.createElement(t.strong,null,"CDN")," to include it in your project:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"usage\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#usage\",\n \"aria-label\": \"usage permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Usage\"), \"\\n\", React.createElement(_components.p, null, \"This plugin accepts a single \", React.createElement(_components.strong, null, \"optional\"), \" parameter, which is its \", React.createElement(_components.a, {\n href: \"/plugins/class-names/#options\"\n }, \"options\"), \" object that allows you to configure it.\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport ClassNames from 'embla-carousel-class-names'\\n\\nconst embla = EmblaCarousel(emblaRoot, { loop: false }, [ClassNames()]) // Add plugin\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#options\",\n \"aria-label\": \"options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Options\"), \"\\n\", React.createElement(_components.p, null, \"The Class Name plugin accepts an optional \", React.createElement(_components.strong, null, \"options\"), \" object as the first argument. Here's an example of how to make use of it:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport ClassNames from 'embla-carousel-class-names'\\n\\nconst classNamesOptions = { selected: 'my-selected-class' }\\n\\nconst embla = EmblaCarousel(emblaRoot, { loop: false }, [\\n ClassNames(classNamesOptions) // Add plugin with options\\n])\\n\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"snapped\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#snapped\",\n \"aria-label\": \"snapped permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"snapped\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-snapped\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to the snapped slides. Pass an empty string to opt-out.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"inview\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#inview\",\n \"aria-label\": \"inview permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"inView\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-in-view\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to slides in view. Pass an empty string to opt-out.\"), \"\\n\", React.createElement(Admonition, {\n type: \"note\"\n }, React.createElement(_components.p, null, \"This feature will honor the \", React.createElement(_components.a, {\n href: \"/api/options/#inviewthreshold\"\n }, \"inViewThreshold\"), \"\\noption.\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"draggable\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#draggable\",\n \"aria-label\": \"draggable permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"draggable\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-draggable\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to a draggable carousel container. Pass an empty string to opt-out.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"dragging\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#dragging\",\n \"aria-label\": \"dragging permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"dragging\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-dragging\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to the container when dragging. Pass an empty string to opt-out.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/class-names.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","pre","code","h3","br","_provideComponents","components","RepositoryLink","BrandPrimaryText","BrandSecondaryText","Admonition","_missingMdxReference","React","to","id","style","position","href","className","dangerouslySetInnerHTML","__html","Tabs","groupId","TABS_PACKAGE_MANAGER","TabsItem","tab","type","wrapper","MDXLayout","component","Error","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js similarity index 97% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js index d969d36de..f0364df06 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8049],{3502:function(e,t,n){n.r(t),n.d(t,{Head:function(){return h},default:function(){return v}});var a=n(5392),r=n(2784);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components),{PageChildLinks:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("PageChildLinks",!0),r.createElement(r.Fragment,null,r.createElement(t.h1,null,"Plugins"),"\n",r.createElement(t.p,null,"Here is a list of available Embla Carousel plugins that will ",r.createElement(t.strong,null,"extend your carousels")," with additional features, that goes beyond the built-in Embla Carousel core features."),"\n",r.createElement(t.hr),"\n",r.createElement(t.h2,{id:"choose-a-plugin",style:{position:"relative"}},r.createElement(t.a,{href:"#choose-a-plugin","aria-label":"choose a plugin permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Choose a plugin"),"\n",r.createElement(n))}var l=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?r.createElement(t,e,r.createElement(i,e)):i(e)};var o=n(4234),c=n(3785),m=n(8116),s=n(3559),u=n(7377),d=n(286),g=n(1429),p=n(8944),E=n(8147);const h=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:i}=(0,m.$)(),{title:l="",description:s,date:u}=t.mdx.frontmatter,d=(0,r.useMemo)((()=>new Date(u+" UTC").toISOString()),[u]);return r.createElement(o.p,{title:l,description:s,url:""+a+n.slug},r.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+s+'",\n "url": "'+a+n.slug+'",\n "headline": "'+l+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+d+'",\n "dateModified": "'+d+'",\n "author": {\n "@type": "Person",\n "name": "'+i+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+i+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:i,filePath:l,id:o}=t;return r.createElement(r.Fragment,null,r.createElement(d.V,{id:o}),r.createElement("article",{id:g.O},r.createElement(E.i,null,n)),r.createElement(s.l,{pageUrl:l}),r.createElement(u.R,{previous:i,next:a}))};function v(e){return r.createElement(f,e,r.createElement(l,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),r=n(1195),i=n(9900),l=(n(7694),n(4049)),o=n(5211);var c=n(6807),m=n(3792),s=n(727),u=n(127);const d=r.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],s.u.COMPLEMENTARY,u.v.THREE),g=(0,r.css)(["color:",";padding:"," 0;"],m.DM.TEXT_LOW_CONTRAST,u.v.ONE),p=(0,r.default)(i.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),E=r.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),h=(0,r.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],m.DM.TEXT_LOW_CONTRAST,u.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,l.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(d,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:r,slug:i,title:l}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:r},a.createElement(p,{to:i},l),a.createElement(h,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(E,{key:r},l)})))}},3559:function(e,t,n){n.d(t,{l:function(){return d}});var a=n(2784),r=n(1195),i=n(9900),l=n(3792),o=n(727),c=n(127),m=n(2657),s=n(6722);const u=(0,r.default)(i.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,l.DM.TEXT_LOW_CONTRAST),d=e=>{const{pageUrl:t}=e,n=m.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(u,{to:n},a.createElement(s.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),r=n(1195),i=n(9900),l=n(4097),o=n(3792),c=n(127),m=n(727),s=n(6722),u=n(6991);const d=c.v.FOUR,g=r.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,u.h)(d,"","div"),c.v.EIGHT),p=r.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),E=r.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),h=r.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],m.X.MEDIUM,s.EG,l.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(i.t,{to:n.slug},a.createElement(E,null,"Previous"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(i.t,{to:t.slug},a.createElement(E,null,"Next"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4234:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),r=n(8116),i=n(8944),l=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:m}=e,s=(0,r.$)(),u=t+" | "+(0,l.g)(s.title),d=n||s.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,u),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:d}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:d}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,i.P)(s.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:s.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:d}),m)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js.map \ No newline at end of file +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[8049],{3502:function(e,t,n){n.r(t),n.d(t,{Head:function(){return h},default:function(){return v}});var a=n(5392),r=n(2784);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components),{PageChildLinks:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("PageChildLinks",!0),r.createElement(r.Fragment,null,r.createElement(t.h1,null,"Plugins"),"\n",r.createElement(t.p,null,"Here is a list of available Embla Carousel plugins that will ",r.createElement(t.strong,null,"extend your carousels")," with additional features, that goes beyond the built-in Embla Carousel core features."),"\n",r.createElement(t.hr),"\n",r.createElement(t.h2,{id:"choose-a-plugin",style:{position:"relative"}},r.createElement(t.a,{href:"#choose-a-plugin","aria-label":"choose a plugin permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Choose a plugin"),"\n",r.createElement(n))}var l=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?r.createElement(t,e,r.createElement(i,e)):i(e)};var o=n(4810),c=n(3785),m=n(8116),s=n(3559),u=n(7377),d=n(286),g=n(1429),p=n(8944),E=n(8147);const h=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:i}=(0,m.$)(),{title:l="",description:s,date:u}=t.mdx.frontmatter,d=(0,r.useMemo)((()=>new Date(u+" UTC").toISOString()),[u]);return r.createElement(o.p,{title:l,description:s,url:""+a+n.slug},r.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,p.P)(a)+'",\n "description": "'+s+'",\n "url": "'+a+n.slug+'",\n "headline": "'+l+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+d+'",\n "dateModified": "'+d+'",\n "author": {\n "@type": "Person",\n "name": "'+i+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+i+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+c.Z+'"\n }\n }\n }\n '))},f=e=>{const{pageContext:t,children:n}=e,{next:a,previous:i,filePath:l,id:o}=t;return r.createElement(r.Fragment,null,r.createElement(d.V,{id:o}),r.createElement("article",{id:g.O},r.createElement(E.i,null,n)),r.createElement(s.l,{pageUrl:l}),r.createElement(u.R,{previous:i,next:a}))};function v(e){return r.createElement(f,e,r.createElement(l,e))}},286:function(e,t,n){n.d(t,{V:function(){return f}});var a=n(2784),r=n(1195),i=n(9900),l=(n(7694),n(4049)),o=n(5211);var c=n(6807),m=n(3792),s=n(727),u=n(127);const d=r.default.nav.withConfig({displayName:"PageBreadcrumbs__PageBreadcrumbsWrapper",componentId:"sc-1mlty1z-0"})(["display:flex;align-items:center;font-size:",";margin-bottom:",";"],s.u.COMPLEMENTARY,u.v.THREE),g=(0,r.css)(["color:",";padding:"," 0;"],m.DM.TEXT_LOW_CONTRAST,u.v.ONE),p=(0,r.default)(i.t).withConfig({displayName:"PageBreadcrumbs__Link",componentId:"sc-1mlty1z-1"})(["",";"],g),E=r.default.span.withConfig({displayName:"PageBreadcrumbs__ActiveTitle",componentId:"sc-1mlty1z-2"})(["",";"],g),h=(0,r.default)(c.J).withConfig({displayName:"PageBreadcrumbs__Separator",componentId:"sc-1mlty1z-3"})(["color:",";margin:0 ",";"],m.DM.TEXT_LOW_CONTRAST,u.v.ONE),f=e=>{const{id:t}=e,n=(e=>{const{flat:t}=(0,o.V)(),n=t.find((t=>t.id===e));return t.filter((e=>(0,l.D)(e.slug,(null==n?void 0:n.slug)||""))).sort(((e,t)=>e.level-t.level))})(t);return 0===n.length?null:a.createElement(d,{"aria-label":"Breadcrumb Navigation"},n.map(((e,t)=>{let{id:r,slug:i,title:l}=e;return t!==n.length-1?a.createElement(a.Fragment,{key:r},a.createElement(p,{to:i},l),a.createElement(h,{size:"0.6rem",svg:"chevronRight",role:"presentation","aria-hidden":"false"})):a.createElement(E,{key:r},l)})))}},3559:function(e,t,n){n.d(t,{l:function(){return d}});var a=n(2784),r=n(1195),i=n(9900),l=n(3792),o=n(727),c=n(127),m=n(2657),s=n(6722);const u=(0,r.default)(i.t).withConfig({displayName:"PageEditThisPage__PageEditThisPageWrapper",componentId:"sc-15acsrz-0"})(["display:inline-flex;align-items:center;text-decoration:none;font-size:",";padding-top:",";padding-bottom:",";margin-top:",";color:",";"],o.u.COMPLEMENTARY,c.v.ONE,c.v.ONE,c.v.EIGHT,l.DM.TEXT_LOW_CONTRAST),d=e=>{const{pageUrl:t}=e,n=m.n.GITHUB_DOCUMENTATION+"/"+t;return a.createElement(u,{to:n},a.createElement(s.M5,{iconSvg:"pen",iconSize:"1.5rem"},"Edit this page on GitHub"))}},7377:function(e,t,n){n.d(t,{R:function(){return f}});var a=n(2784),r=n(1195),i=n(9900),l=n(4097),o=n(3792),c=n(127),m=n(727),s=n(6722),u=n(6991);const d=c.v.FOUR,g=r.default.nav.withConfig({displayName:"PagePagination__PagePaginationWrapper",componentId:"sc-3ejrow-0"})(["",";display:flex;justify-content:space-between;margin-top:",";"],(0,u.h)(d,"","div"),c.v.EIGHT),p=r.default.div.withConfig({displayName:"PagePagination__Item",componentId:"sc-3ejrow-1"})(["> a{color:",";}&:nth-child(2) > a{text-align:right;color:",";}"],o.DM.BRAND_PRIMARY,o.DM.BRAND_SECONDARY),E=r.default.div.withConfig({displayName:"PagePagination__ItemLabel",componentId:"sc-3ejrow-2"})(["color:",";padding-bottom:",";"],o.DM.TEXT_LOW_CONTRAST,c.v.ONE),h=r.default.div.withConfig({displayName:"PagePagination__ItemTitle",componentId:"sc-3ejrow-3"})(["display:inline-flex;align-items:center;font-weight:",";","{",";}"],m.X.MEDIUM,s.EG,l.V),f=e=>{const{next:t,previous:n}=e;return a.createElement(g,{"aria-label":"Pagination Navigation"},a.createElement(p,null,n&&a.createElement(i.t,{to:n.slug},a.createElement(E,null,"Previous"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowLeft"},n.title)))),a.createElement(p,null,t&&a.createElement(i.t,{to:t.slug},a.createElement(E,null,"Next"),a.createElement(h,null,a.createElement(s.M5,{iconSvg:"arrowRight",iconSide:"right"},t.title)))))}},4810:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),r=n(8116),i=n(8944),l=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:m}=e,s=(0,r.$)(),u=t+" | "+(0,l.g)(s.title),d=n||s.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,u),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:d}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:d}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,i.P)(s.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:s.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:d}),m)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js.map \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js.map b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js.map similarity index 99% rename from docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js.map rename to docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js.map index 383432c9d..ca0ec75f6 100644 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js.map +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js","mappings":"+NAGA,SAASA,EAAkBC,GACzB,MAAMC,EAAcC,OAAOC,OAAO,CAChCC,GAAI,KACJC,EAAG,IACHC,OAAQ,SACRC,GAAI,KACJC,GAAI,KACJC,EAAG,IACHC,IAAK,QACJC,EAAAA,EAAAA,MAAsBX,EAAMY,aAAa,eAACC,GAAkBZ,EAE/D,OADKY,GAqBP,SAA8BC,EAAIC,GAChC,MAAM,IAAIC,MAAM,aAAeD,EAAY,YAAc,UAAY,KAAOD,EAAK,qEACnF,CAvBuBG,CAAqB,kBAAkB,GACrDC,EAAAA,cAAoBA,EAAAA,SAAgB,KAAMA,EAAAA,cAAoBjB,EAAYG,GAAI,KAAM,WAAY,KAAMc,EAAAA,cAAoBjB,EAAYI,EAAG,KAAM,gEAAiEa,EAAAA,cAAoBjB,EAAYK,OAAQ,KAAM,yBAA0B,0FAA2F,KAAMY,EAAAA,cAAoBjB,EAAYM,IAAK,KAAMW,EAAAA,cAAoBjB,EAAYO,GAAI,CAC7cM,GAAI,kBACJK,MAAO,CACLC,SAAU,aAEXF,EAAAA,cAAoBjB,EAAYQ,EAAG,CACpCY,KAAM,mBACN,aAAc,4BACdC,UAAW,iBACVJ,EAAAA,cAAoBjB,EAAYS,IAAK,CACtCa,wBAAyB,CACvBC,OAAQ,uaAEP,mBAAoB,KAAMN,EAAAA,cAAoBL,GACrD,CAKA,MAJA,SAAoBb,QAAK,IAALA,IAAAA,EAAQ,CAAC,GAC3B,MAAOyB,QAASC,GAAaxB,OAAOC,OAAO,CAAC,GAAGQ,EAAAA,EAAAA,MAAsBX,EAAMY,YAC3E,OAAOc,EAAYR,EAAAA,cAAoBQ,EAAW1B,EAAOkB,EAAAA,cAAoBnB,EAAmBC,IAAUD,EAAkBC,EAC9H,E,6FCrBA,MACa2B,EAAO3B,IAClB,MAAM,KAAC4B,EAAI,YAAEC,GAAe7B,GACtB,QAAC8B,EAAO,OAAEC,IAAUC,EAAAA,EAAAA,MACpB,MAACC,EAAQ,GAAE,YAAEC,EAAW,KAAEC,GAAQP,EAAKQ,IAAIC,YAC3CC,GAAkBC,EAAAA,EAAAA,UAAQ,IAAM,IAAIC,KAAKL,EAAO,QAAQM,eAAe,CAACN,IAC9E,OAAOjB,EAAAA,cAAoBwB,EAAAA,EAAK,CAC9BT,MAAOA,EACPC,YAAaA,EACbS,IAAK,GAAKb,EAAUD,EAAYe,MAC/B1B,EAAAA,cAAoB,SAAU,CAC/B2B,KAAM,uBACL,4GAAwHC,EAAAA,EAAAA,GAAehB,GAAW,+BAAqCI,EAAc,uBAA6BJ,EAAUD,EAAYe,KAAO,4BAAkCX,EAAQ,yBAA+BH,EAAU,iDAAuDQ,EAAkB,gCAAsCA,EAAkB,6EAAyFP,EAAS,iGAA6GA,EAAS,gJAAoKD,EAAUiB,EAAAA,EAAW,4CAA6C,EAEh5BC,EAAchD,IAClB,MAAM,YAAC6B,EAAW,SAAEoB,GAAYjD,GAC1B,KAACkD,EAAI,SAAEC,EAAQ,SAAEC,EAAQ,GAAEtC,GAAMe,EACvC,OAAOX,EAAAA,cAAoBA,EAAAA,SAAgB,KAAMA,EAAAA,cAAoBmC,EAAAA,EAAiB,CACpFvC,GAAIA,IACFI,EAAAA,cAAoB,UAAW,CACjCJ,GAAIwC,EAAAA,GACHpC,EAAAA,cAAoBqC,EAAAA,EAAK,KAAMN,IAAY/B,EAAAA,cAAoBsC,EAAAA,EAAkB,CAClFC,QAASL,IACPlC,EAAAA,cAAoBwC,EAAAA,EAAgB,CACtCP,SAAUA,EACVD,KAAMA,IACL,EAGU,SAASS,EAAiB3D,GACvC,OAAOkB,EAAAA,cAAoB8B,EAAahD,EAAOkB,EAAAA,cAAoB0C,EAAqB5D,GAC1F,C,gKCjCA,MAAM6D,EAAyBC,EAAAA,QAAAA,IAAAA,WAAU,mFAAVA,CAAU,qEAG1BC,EAAAA,EAAAA,cACIC,EAAAA,EAAAA,OAGbC,GAAaC,EAAAA,EAAAA,KAAG,6BACXC,EAAAA,GAAAA,kBACEH,EAAAA,EAAAA,KAGPI,GAAON,EAAAA,EAAAA,SAAOO,EAAAA,GAAS,4EAAhBP,CAAgB,SACzBG,GAGEK,EAAcR,EAAAA,QAAAA,KAAAA,WAAW,wEAAXA,CAAW,SAC3BG,GAGEM,GAAYT,EAAAA,EAAAA,SAAOU,EAAAA,GAAK,iFAAZV,CAAY,4BACnBK,EAAAA,GAAAA,kBACGH,EAAAA,EAAAA,KAKDX,EAAmBrD,IAC9B,MAAM,GAAEc,GAAOd,EACTyE,EClC4B3D,KAClC,MAAQ4D,KAAMC,IAAWC,EAAAA,EAAAA,KACnBC,EAAeF,EAAOG,MAAMC,GAAUA,EAAMjE,KAAOA,IAEzD,OAAO6D,EACJK,QAAQD,IACPE,EAAAA,EAAAA,GAAuBF,EAAMnC,MAAMiC,aAAY,EAAZA,EAAcjC,OAAQ,MAE1DsC,MAAK,CAACzE,EAAG0E,IAAM1E,EAAE2E,MAAQD,EAAEC,OAAM,ED0BhBC,CAAoBvE,GAExC,OAA2B,IAAvB2D,EAAYa,OAAqB,KAGnCpE,EAAAA,cAAC2C,EAAsB,CAAC,aAAW,yBAChCY,EAAYc,KAAI,CAAC,EAAqBC,KAAK,IAA1B,GAAE1E,EAAE,KAAE8B,EAAI,MAAEX,GAAO,SACnCuD,IAAUf,EAAYa,OAAS,EAC7BpE,EAAAA,cAACuE,EAAAA,SAAQ,CAACC,IAAK5E,GACbI,EAAAA,cAACkD,EAAI,CAACuB,GAAI/C,GAAOX,GACjBf,EAAAA,cAACqD,EAAS,CACRqB,KAAK,SACLC,IAAI,eACJC,KAAK,eACL,cAAY,WAIhB5E,EAAAA,cAACoD,EAAW,CAACoB,IAAK5E,GAAKmB,EACxB,IAEoB,C,yIElD7B,MAAM8D,GAA0BjC,EAAAA,EAAAA,SAAOO,EAAAA,GAAS,gGAAhBP,CAAgB,2IAIjCC,EAAAA,EAAAA,cACEC,EAAAA,EAAAA,IACGA,EAAAA,EAAAA,IACJA,EAAAA,EAAAA,MACLG,EAAAA,GAAAA,mBAOEX,EAAoBxD,IAC/B,MAAM,QAAEyD,GAAYzD,EACd2C,EAASqD,EAAAA,EAAAA,qBAAyB,IAAIvC,EAE5C,OACEvC,EAAAA,cAAC6E,EAAuB,CAACJ,GAAIhD,GAC3BzB,EAAAA,cAAC+E,EAAAA,GAAY,CAACC,QAAQ,MAAMC,SAAS,UAAS,4BAGtB,C,mJCtB9B,MAAMC,EAAepC,EAAAA,EAAAA,KAEfqC,EAAwBvC,EAAAA,QAAAA,IAAAA,WAAU,gFAAVA,CAAU,oEACpCwC,EAAAA,EAAAA,GAAgBF,EAAc,GAAI,OAGtBpC,EAAAA,EAAAA,OAGVuC,EAAOzC,EAAAA,QAAAA,IAAAA,WAAU,+DAAVA,CAAU,mEAEVK,EAAAA,GAAAA,cAKAA,EAAAA,GAAAA,iBAIPqC,EAAY1C,EAAAA,QAAAA,IAAAA,WAAU,oEAAVA,CAAU,kCACjBK,EAAAA,GAAAA,kBACSH,EAAAA,EAAAA,KAGdyC,EAAY3C,EAAAA,QAAAA,IAAAA,WAAU,oEAAVA,CAAU,qEAGX4C,EAAAA,EAAAA,OAEbC,EAAAA,GACEC,EAAAA,GASOlD,EAAkB1D,IAC7B,MAAM,KAAEkD,EAAI,SAAEC,GAAanD,EAE3B,OACEkB,EAAAA,cAACmF,EAAqB,CAAC,aAAW,yBAChCnF,EAAAA,cAACqF,EAAI,KACFpD,GACCjC,EAAAA,cAACmD,EAAAA,EAAQ,CAACsB,GAAIxC,EAASP,MACrB1B,EAAAA,cAACsF,EAAS,KAAC,YACXtF,EAAAA,cAACuF,EAAS,KACRvF,EAAAA,cAAC+E,EAAAA,GAAY,CAACC,QAAQ,aAAa/C,EAASlB,UAKpDf,EAAAA,cAACqF,EAAI,KACFrD,GACChC,EAAAA,cAACmD,EAAAA,EAAQ,CAACsB,GAAIzC,EAAKN,MACjB1B,EAAAA,cAACsF,EAAS,KAAC,QACXtF,EAAAA,cAACuF,EAAS,KACRvF,EAAAA,cAAC+E,EAAAA,GAAY,CAACC,QAAQ,aAAaW,SAAS,SACzC3D,EAAKjB,UAMM,C,mGClErB,MAAMS,EAAO1C,IAClB,MAAM,MAAEiC,EAAK,YAAEC,EAAW,KAAE4E,EAAO,KAAI,IAAEnE,EAAG,SAAEM,GAAajD,EACrD+G,GAAe/E,EAAAA,EAAAA,KACfgF,EAAe/E,EAAK,OAAMgF,EAAAA,EAAAA,GAAsBF,EAAa9E,OAC7DiF,EAAkBhF,GAAe6E,EAAa7E,YAEpD,OACEhB,EAAAA,cAAAA,EAAAA,SAAAA,KACEA,EAAAA,cAAAA,OAAAA,CAAM4F,KAAMA,IACZ5F,EAAAA,cAAAA,QAAAA,KAAQ8F,GACR9F,EAAAA,cAAAA,OAAAA,CAAMiG,IAAI,YAAY9F,KAAMsB,IAC5BzB,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,cAAcC,QAASH,IAClChG,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,WAAWC,QAASpF,IAC/Bf,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,iBAAiBC,QAASH,IACrChG,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,UAAUC,QAAQ,YAC7BnG,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,YAAYC,QAAQ,UAC/BnG,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,SAASC,QAAS1E,IAC7BzB,EAAAA,cAAAA,OAAAA,CACEkG,KAAK,eACLC,SAASvE,EAAAA,EAAAA,GAAeiE,EAAajF,WAEvCZ,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,eAAeC,QAAQ,YAClCnG,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,kBAAkBC,QAASN,EAAahF,SACnDb,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,gBAAgBC,QAASpF,IACpCf,EAAAA,cAAAA,OAAAA,CAAMkG,KAAK,sBAAsBC,QAASH,IAEzCjE,EACA,C,uDCvCA,MAAMgE,EAAwB,SACnCK,EACAC,GAEA,YAHc,IAAdD,IAAAA,EAAiB,SACA,IAAjBC,IAAAA,EAAoB,IAEbD,EAAOE,QAAQ,cAAeC,GACnCA,EAAcD,QAAQ,IAAKD,GAAWG,eAE1C,C,uDCPO,MAAM5E,EAAkBH,GAC7BA,EAAI6E,QAAQ,gBAAiB,G,uBCD/B,IAAe,IAA0B,sD","sources":["webpack://embla-carousel-docs/./src/content/pages/plugins/index.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components), {PageChildLinks} = _components;\n if (!PageChildLinks) _missingMdxReference(\"PageChildLinks\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Plugins\"), \"\\n\", React.createElement(_components.p, null, \"Here is a list of available Embla Carousel plugins that will \", React.createElement(_components.strong, null, \"extend your carousels\"), \" with additional features, that goes beyond the built-in Embla Carousel core features.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"choose-a-plugin\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#choose-a-plugin\",\n \"aria-label\": \"choose a plugin permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Choose a plugin\"), \"\\n\", React.createElement(PageChildLinks));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/index.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","_provideComponents","components","PageChildLinks","id","component","Error","_missingMdxReference","React","style","position","href","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/plugins/index.mdx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/components/Page/PageBreadcrumbs.tsx","webpack://embla-carousel-docs/./src/hooks/useRouteBreadcrumbs.ts","webpack://embla-carousel-docs/./src/components/Page/PageEditThisPage.tsx","webpack://embla-carousel-docs/./src/components/Page/PagePagination.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components), {PageChildLinks} = _components;\n if (!PageChildLinks) _missingMdxReference(\"PageChildLinks\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Plugins\"), \"\\n\", React.createElement(_components.p, null, \"Here is a list of available Embla Carousel plugins that will \", React.createElement(_components.strong, null, \"extend your carousels\"), \" with additional features, that goes beyond the built-in Embla Carousel core features.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"choose-a-plugin\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#choose-a-plugin\",\n \"aria-label\": \"choose a plugin permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Choose a plugin\"), \"\\n\", React.createElement(PageChildLinks));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/index.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","_provideComponents","components","PageChildLinks","id","component","Error","_missingMdxReference","React","style","position","href","className","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","to","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js deleted file mode 100644 index 5411ef336..000000000 --- a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[7979],{1714:function(e,t,n){n.r(t),n.d(t,{Head:function(){return b},default:function(){return y}});var a=n(5392),l=n(2784),r=n(4385),c=n(6854);function i(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div",pre:"pre",code:"code",h3:"h3",br:"br"},(0,a.ah)(),e.components),{RepositoryLink:n,BrandPrimaryText:i,BrandSecondaryText:o}=t;return i||s("BrandPrimaryText",!0),o||s("BrandSecondaryText",!0),n||s("RepositoryLink",!0),l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Wheel Gestures"),"\n",l.createElement(n,{to:"https://github.com/xiel/embla-carousel-wheel-gestures"},l.createElement(t.p,null,"View plugin on GitHub")),"\n",l.createElement(t.p,null,"This plugin is used to extend Embla Carousel with the ability to ",l.createElement(t.strong,null,"use the mouse/trackpad wheel")," to ",l.createElement(t.strong,null,"navigate")," the carousel."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"installation",style:{position:"relative"}},l.createElement(t.a,{href:"#installation","aria-label":"installation permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Installation"),"\n",l.createElement(t.p,null,"First you need to install the ",l.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",l.createElement(r.mQ,{groupId:"package-manager"},l.createElement(c.L,{label:"CDN",value:"cdn"},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\\n\"))), React.createElement(TabsItem, {\n label: \"npm\",\n value: \"npm\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"npm install embla-carousel-wheel-gestures --save\\n\"))), React.createElement(TabsItem, {\n label: \"yarn\",\n value: \"yarn\"\n }, React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-shell\"\n }, \"yarn add embla-carousel-wheel-gestures\\n\")))), \"\\n\", React.createElement(_components.h2, {\n id: \"usage\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#usage\",\n \"aria-label\": \"usage permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Usage\"), \"\\n\", React.createElement(_components.p, null, \"This plugin accepts a single \", React.createElement(_components.strong, null, \"optional\"), \" parameter, which is its \", React.createElement(_components.a, {\n href: \"/plugins/wheel-gestures/#options\"\n }, \"options\"), \" object that allows you to configure it.\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures'\\n\\nconst embla = EmblaCarousel(emblaRoot, { loop: false }, [WheelGesturesPlugin()]) // Add plugin\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#options\",\n \"aria-label\": \"options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Options\"), \"\\n\", React.createElement(_components.p, null, \"Below follows an exhaustive \", React.createElement(_components.strong, null, \"list of all\"), \" \", React.createElement(_components.code, null, \"Wheel Gestures\"), \" \", React.createElement(_components.strong, null, \"options\"), \" and their default values.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"wheeldraggingclass\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#wheeldraggingclass\",\n \"aria-label\": \"wheeldraggingclass permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"wheelDraggingClass\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-wheel-dragging\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to the container during a wheel gesture. Pass an empty string to opt-out.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"forcewheelaxis\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#forcewheelaxis\",\n \"aria-label\": \"forcewheelaxis permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"forceWheelAxis\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string | undefined\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"undefined\"))), \"\\n\", React.createElement(_components.p, null, \"Force an axis on which to listen for wheel events. Choose scroll axis between \", React.createElement(_components.code, null, \"x\"), \" and \", React.createElement(_components.code, null, \"y\"), \". Useful if you want to slide horizontally when scrolling vertically or vice versa.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"target\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#target\",\n \"aria-label\": \"target permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"target\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"Element\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"undefined\"))), \"\\n\", React.createElement(_components.p, null, \"Specify the element that should be observed for wheel events.\"), \"\\n\", React.createElement(_components.hr));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/wheel-gestures.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","strong","hr","h2","a","div","pre","code","h3","br","_provideComponents","components","RepositoryLink","BrandPrimaryText","BrandSecondaryText","_missingMdxReference","React","to","id","style","position","href","className","dangerouslySetInnerHTML","__html","Tabs","groupId","TabsItem","label","value","wrapper","MDXLayout","component","Error","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js new file mode 100644 index 000000000..68fbdd70e --- /dev/null +++ b/docs/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[7979],{1714:function(e,t,n){n.r(t),n.d(t,{Head:function(){return w},default:function(){return C}});var a=n(5392),l=n(2784),r=n(1316),c=n(6854),o=n(4234);function i(e){const t=Object.assign({h1:"h1",p:"p",hr:"hr",h2:"h2",a:"a",div:"div",strong:"strong",pre:"pre",code:"code",h3:"h3",br:"br"},(0,a.ah)(),e.components),{RepositoryLink:n,BrandPrimaryText:i,BrandSecondaryText:s}=t;return i||m("BrandPrimaryText",!0),s||m("BrandSecondaryText",!0),n||m("RepositoryLink",!0),l.createElement(l.Fragment,null,l.createElement(t.h1,null,"Wheel Gestures"),"\n",l.createElement(n,{to:"https://github.com/xiel/embla-carousel-wheel-gestures"},l.createElement(t.p,null,"View plugin on GitHub")),"\n",l.createElement(t.p,null,"This plugin is used to extend Embla Carousel with the ability to use the mouse/trackpad wheel to navigate through the carousel."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,{id:"installation",style:{position:"relative"}},l.createElement(t.a,{href:"#installation","aria-label":"installation permalink",className:"anchor before"},l.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Installation"),"\n",l.createElement(t.p,null,"First you need to install the ",l.createElement(t.strong,null,"npm package")," and save it to your dependencies:"),"\n",l.createElement(r.m,{groupId:o.JP.GROUP_ID},l.createElement(c.L,{tab:o.JP.TABS.NPM},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"npm install embla-carousel-wheel-gestures --save\n"))),l.createElement(c.L,{tab:o.JP.TABS.YARN},l.createElement(t.pre,null,l.createElement(t.code,{className:"language-shell"},"yarn add embla-carousel-wheel-gestures\n")))),"\n",l.createElement(t.p,null,"Alternatively, you can use a ",l.createElement(t.strong,null,"CDN")," to include it in your project:"),"\n",l.createElement(t.pre,null,l.createElement(t.code,{className:"language-html"},'\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"usage\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#usage\",\n \"aria-label\": \"usage permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Usage\"), \"\\n\", React.createElement(_components.p, null, \"This plugin accepts a single \", React.createElement(_components.strong, null, \"optional\"), \" parameter, which is its \", React.createElement(_components.a, {\n href: \"/plugins/wheel-gestures/#options\"\n }, \"options\"), \" object that allows you to configure it.\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures'\\n\\nconst embla = EmblaCarousel(emblaRoot, { loop: false }, [WheelGesturesPlugin()]) // Add plugin\\n\")), \"\\n\", React.createElement(_components.h2, {\n id: \"options\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#options\",\n \"aria-label\": \"options permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Options\"), \"\\n\", React.createElement(_components.p, null, \"The Wheel Gestures plugin accepts an optional \", React.createElement(_components.strong, null, \"options\"), \" object as the first argument. Here's an example of how to make use of it:\"), \"\\n\", React.createElement(_components.pre, null, React.createElement(_components.code, {\n className: \"language-js\"\n }, \"import EmblaCarousel from 'embla-carousel'\\nimport { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures'\\n\\nconst wheelGesturesOptions = {\\n wheelDraggingClass: 'my-wheel-class'\\n}\\n\\nconst embla = EmblaCarousel(emblaRoot, { loop: false }, [\\n WheelGesturesPlugin(wheelGesturesOptions) // Add plugin with options\\n])\\n\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"wheeldraggingclass\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#wheeldraggingclass\",\n \"aria-label\": \"wheeldraggingclass permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"wheelDraggingClass\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"is-wheel-dragging\"))), \"\\n\", React.createElement(_components.p, null, \"Choose a classname that will be applied to the container during a wheel gesture. Pass an empty string to opt-out.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"forcewheelaxis\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#forcewheelaxis\",\n \"aria-label\": \"forcewheelaxis permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"forceWheelAxis\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"string | undefined\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"undefined\"))), \"\\n\", React.createElement(_components.p, null, \"Force an axis on which to listen for wheel events. Choose scroll axis between \", React.createElement(_components.code, null, \"x\"), \" and \", React.createElement(_components.code, null, \"y\"), \". Useful if you want to slide horizontally when scrolling vertically or vice versa.\"), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h3, {\n id: \"target\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#target\",\n \"aria-label\": \"target permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"target\"), \"\\n\", React.createElement(_components.p, null, \"Type: \", React.createElement(BrandPrimaryText, null, React.createElement(_components.code, null, \"Element\")), React.createElement(_components.br), \"\\n\", \"Default: \", React.createElement(BrandSecondaryText, null, React.createElement(_components.code, null, \"undefined\"))), \"\\n\", React.createElement(_components.p, null, \"Specify the element that should be observed for wheel events.\"));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/plugins/wheel-gestures.mdx\";\nimport React, {useMemo} from 'react';\nimport {Seo} from 'components/Seo/Seo';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"2279002958\";\nexport const Head = props => {\n const {data, pageContext} = props;\n const {siteUrl, author} = useSiteMetadata();\n const {title = '', description, date} = data.mdx.frontmatter;\n const dateToISOString = useMemo(() => new Date(date + \" UTC\").toISOString(), [date]);\n return React.createElement(Seo, {\n title: title,\n description: description,\n url: \"\" + siteUrl + pageContext.slug\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"TechArticle\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + pageContext.slug + \"\\\",\\n \\\"headline\\\": \\\"\" + title + \"\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"datePublished\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"dateModified\\\": \\\"\" + dateToISOString + \"\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\"\\n },\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + author + \"\\\",\\n \\\"logo\\\": {\\n \\\"@type\\\": \\\"ImageObject\\\",\\n \\\"width\\\": \\\"512\\\",\\n \\\"height\\\": \\\"512\\\",\\n \\\"url\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n }\\n }\\n \"));\n};\nconst PageDefault = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(\"article\", {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children)), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageDefault\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageDefault, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { Fragment } from 'react'\nimport styled, { css } from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { useRouteBreadcrumbs } from 'hooks/useRouteBreadcrumbs'\nimport { Icon } from 'components/Icon/Icon'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\n\nconst PageBreadcrumbsWrapper = styled.nav`\n display: flex;\n align-items: center;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n margin-bottom: ${SPACINGS.THREE};\n`\n\nconst itemStyles = css`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding: ${SPACINGS.ONE} 0;\n`\n\nconst Link = styled(LinkBare)`\n ${itemStyles};\n`\n\nconst ActiveTitle = styled.span`\n ${itemStyles};\n`\n\nconst Separator = styled(Icon)`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n margin: 0 ${SPACINGS.ONE};\n`\n\ntype PropType = { id: string }\n\nexport const PageBreadcrumbs = (props: PropType) => {\n const { id } = props\n const breadcrumbs = useRouteBreadcrumbs(id)\n\n if (breadcrumbs.length === 0) return null\n\n return (\n \n {breadcrumbs.map(({ id, slug, title }, index) =>\n index !== breadcrumbs.length - 1 ? (\n \n {title}\n \n \n ) : (\n {title}\n )\n )}\n \n )\n}\n","import { RouteType } from 'components/Routes/RoutesContext'\nimport { isRoutePartiallyActive } from 'utils/isRoutePartiallyActive'\nimport { useRoutes } from './useRoutes'\n\nexport const useRouteBreadcrumbs = (id: string): RouteType[] => {\n const { flat: routes } = useRoutes()\n const currentRoute = routes.find((route) => route.id === id)\n\n return routes\n .filter((route) =>\n isRoutePartiallyActive(route.slug, currentRoute?.slug || '')\n )\n .sort((a, b) => a.level - b.level)\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { SPACINGS } from 'consts/spacings'\nimport { URLS } from 'consts/urls'\nimport { IconWithText } from 'components/Icon/IconWithText'\n\nconst PageEditThisPageWrapper = styled(LinkBare)`\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n font-size: ${FONT_SIZES.COMPLEMENTARY};\n padding-top: ${SPACINGS.ONE};\n padding-bottom: ${SPACINGS.ONE};\n margin-top: ${SPACINGS.EIGHT};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\ntype PropType = {\n pageUrl: string\n}\n\nexport const PageEditThisPage = (props: PropType) => {\n const { pageUrl } = props\n const url = `${URLS.GITHUB_DOCUMENTATION}/${pageUrl}`\n\n return (\n \n \n Edit this page on GitHub\n \n \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { PropType as PageDefaultType } from 'templates/Default'\nimport { LinkBare } from 'components/Link/LinkBare'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_WEIGHTS } from 'consts/fontSizes'\nimport { IconWithText, IconWithTextText } from 'components/Icon/IconWithText'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst ITEM_SPACING = SPACINGS.FOUR\n\nconst PagePaginationWrapper = styled.nav`\n ${createGapStyles(ITEM_SPACING, '', 'div')};\n display: flex;\n justify-content: space-between;\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst Item = styled.div`\n > a {\n color: ${COLORS.BRAND_PRIMARY};\n }\n\n &:nth-child(2) > a {\n text-align: right;\n color: ${COLORS.BRAND_SECONDARY};\n }\n`\n\nconst ItemLabel = styled.div`\n color: ${COLORS.TEXT_LOW_CONTRAST};\n padding-bottom: ${SPACINGS.ONE};\n`\n\nconst ItemTitle = styled.div`\n display: inline-flex;\n align-items: center;\n font-weight: ${FONT_WEIGHTS.MEDIUM};\n\n ${IconWithTextText} {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n`\n\ntype PropType = {\n next: PageDefaultType['pageContext']['next']\n previous: PageDefaultType['pageContext']['previous']\n}\n\nexport const PagePagination = (props: PropType) => {\n const { next, previous } = props\n\n return (\n \n \n {previous && (\n \n Previous\n \n {previous.title}\n \n \n )}\n \n \n {next && (\n \n Next\n \n \n {next.title}\n \n \n \n )}\n \n \n )\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","hr","h2","a","div","strong","pre","code","h3","br","_provideComponents","components","RepositoryLink","BrandPrimaryText","BrandSecondaryText","_missingMdxReference","React","to","id","style","position","href","className","dangerouslySetInnerHTML","__html","Tabs","groupId","TABS_PACKAGE_MANAGER","TabsItem","tab","wrapper","MDXLayout","component","Error","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","useMemo","Date","toISOString","Seo","url","slug","type","removeProtocol","maskable","PageDefault","children","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","PageBreadcrumbsWrapper","styled","FONT_SIZES","SPACINGS","itemStyles","css","COLORS","Link","LinkBare","ActiveTitle","Separator","Icon","breadcrumbs","flat","routes","useRoutes","currentRoute","find","route","filter","isRoutePartiallyActive","sort","b","level","useRouteBreadcrumbs","length","map","index","Fragment","key","size","svg","role","PageEditThisPageWrapper","URLS","IconWithText","iconSvg","iconSize","ITEM_SPACING","PagePaginationWrapper","createGapStyles","Item","ItemLabel","ItemTitle","FONT_WEIGHTS","IconWithTextText","BRAND_GRADIENT_TEXT_STYLES","iconSide","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","name","content","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js b/docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js similarity index 99% rename from docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js rename to docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js index 898bd3c74..a83948e79 100644 --- a/docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js +++ b/docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[929],{9428:function(e,t,n){n.r(t),n.d(t,{Head:function(){return At},default:function(){return St}});var a=n(5392),r=n(2784),l=n(2657),i=n(5006),o=n(1195);const c={formData:{framework:"",loop:!1,dragFree:!1,axis:"x",direction:"ltr",accessibility:!1,slideSize:"100",slideGapSize:"10",edgeGap:"0",align:"center",containScroll:!0,navigationPrevNextButtons:!1,navigationDots:!1,autoplay:!1,wheelGestures:!1},onChange:()=>{},onCheckboxChange:()=>{},onRadioChange:()=>{},onNumberChange:()=>{},onNumberBlur:()=>{}},s=(0,r.createContext)(c),m=e=>{const{children:t}=e,{0:n,1:a}=(0,r.useState)(c.formData),l=(0,r.useCallback)(((e,t)=>{a((n=>({...n,[e]:t})))}),[]),i=(0,r.useCallback)((e=>{const{name:t,checked:n}=e.currentTarget;l(t,n)}),[l]),o=(0,r.useCallback)((e=>{const{name:t,value:n}=e.currentTarget;l(t,n)}),[l]),m=(0,r.useCallback)((e=>{const{name:t,value:n}=e.currentTarget;l(t,n)}),[l]),d=(0,r.useCallback)((e=>{const t=e.currentTarget,n=t.name,a=parseInt(t.getAttribute("min")||"",10),r=parseInt(t.getAttribute("max")||"",10),i=(o=parseFloat(t.value||"0"),c=a,s=r,Math.min(Math.max(o,c),s));var o,c,s;l(n,i.toString())}),[l]),u=(0,r.useMemo)((()=>({formData:n,onChange:l,onCheckboxChange:i,onRadioChange:o,onNumberChange:m,onNumberBlur:d})),[n,l,i,o,m,d]);return r.createElement(s.Provider,{value:u},t)},d=()=>(0,r.useContext)(s),u="framework",E="loop",h="dragFree",g="axis",p="direction",v="accessibility",L="slideSize",_="slideGapSize",b="align",C="containScroll",f="navigationPrevNextButtons",A="navigationDots",I="autoplay",S="wheelGestures",N="{?\\/\\*",T="\\*\\/}?",D=T+"([\\s\\S]*?)"+N,y=(e,t,n)=>{let a="";a=t?"("+N+"__"+e+"_REPLACE_START__"+T+"\n?)|("+N+"__"+e+"_REPLACE_END__"+T+"\n?)":N+"__"+e+"_REPLACE_START__"+D+"__"+e+"_REPLACE_END__"+T+"\n?";const r=new RegExp(a,"g");return n.replace(r,"")},x=(e,t)=>{let n=e.default;const{axis:a,navigationPrevNextButtons:r,navigationDots:l,autoplay:i,direction:o}=t,c=i&&(r||l),s="x"===a,m="ltr"===o,d=!m;return n=y("PREV_NEXT_BUTTONS",r,n),n=y("DOT_BUTTONS",l,n),n=y("PLUGINS",i,n),n=y("NAV_AUTOPLAY",c,n),n=y("DIRECTION_RTL",d,n),n=y("DIRECTION_LTR",m,n),n=y("PREV_NEXT_BUTTONS_LTR",s&&m&&r,n),n=y("PREV_NEXT_BUTTONS_RTL",s&&d&&r,n),n=y("PREV_NEXT_BUTTONS_VERTICAL",!s&&r,n),n=y("AUTOPLAY",i,n),n};var w=n(6732),k=n(149);const B=e=>{const{navigationPrevNextButtons:t,navigationDots:n,slideSize:a,slideGapSize:r,axis:l}=e,i=[];return t&&i.push(k.f2),n&&i.push(k.xf),(0,k.ep)(a+"%",parseFloat(r)/10+"rem",l,i.map((e=>(0,w.J)(e))).join(""))},O=e=>{const{axis:t,align:n,direction:a,containScroll:r,loop:l,dragFree:i}=e;return{..."x"!==t&&{axis:t},..."center"!==n&&{align:n},...i&&{dragFree:i},..."ltr"!==a&&"x"===t&&{direction:a},...!l&&r&&{containScroll:"trimSnaps"},...l&&{loop:l}}};var M=n(5441),F=n(5850);const R=e=>{const t=[];return e.autoplay&&t.push(F.XE.AUTOPLAY),(0,M.d6)(t).plugins};var P=n(2061),V=n(1069),H=n(6609),U=n(6101),z=n(5016);const G="embla-carousel-generator",j=c.formData,Y=(0,H.S)(5),J=async function(e,t){void 0===e&&(e=j);const{isTypeScript:a,vanillaScriptExtension:r,formatScript:l}=await(0,M.sz)(t);let i,o,c;const s=await n.e(8118).then(n.bind(n,8118));return a?(i=await n.e(4031).then(n.bind(n,4031)),o=await n.e(1061).then(n.bind(n,1061)),c=await n.e(6036).then(n.bind(n,6036))):(i=await n.e(49).then(n.bind(n,49)),o=await n.e(8996).then(n.bind(n,8996)),c=await n.e(1910).then(n.bind(n,1910))),(0,V.y)({id:G,language:t,options:O(e),styles:B(e),carouselScript:x(i,e),plugins:R(e),carouselHtml:x(s,e),sandboxOverrides:{...e.navigationPrevNextButtons&&{[z.G.JS+"/arrow-buttons."+r]:{isBinary:!1,content:l(x(o,e))}},...e.navigationDots&&{[z.G.JS+"/dot-buttons."+r]:{isBinary:!1,content:l(x(c,e))}}}})},X=async function(e,t){void 0===e&&(e=j);const{isTypeScript:a,reactScriptExtension:r,formatScript:l}=await(0,M.sz)(t);let i,o,c;return a?(i=await n.e(7585).then(n.bind(n,7585)),o=await n.e(4366).then(n.bind(n,4366)),c=await n.e(3425).then(n.bind(n,3425))):(i=await n.e(4193).then(n.bind(n,4193)),o=await n.e(4689).then(n.bind(n,4689)),c=await n.e(478).then(n.bind(n,478))),(0,P.j)({id:G,language:t,slides:Y,options:O(e),styles:B(e),carouselScript:x(i,e),plugins:R(e),sandboxOverrides:{...e.navigationPrevNextButtons&&{[U.m.JS+"/EmblaCarouselArrowButtons."+r]:{isBinary:!1,content:l(x(o,e))}},...e.navigationDots&&{[U.m.JS+"/EmblaCarouselDotButton."+r]:{isBinary:!1,content:l(x(c,e))}}}})},$=(0,M.$b)({VANILLA_JS:e=>J(e,F.yR.JAVASCRIPT),VANILLA_TS:e=>J(e,F.yR.TYPESCRIPT),REACT_JS:e=>X(e,F.yR.JAVASCRIPT),REACT_TS:e=>X(e,F.yR.TYPESCRIPT)});var W=n(9145),K=n(7539),q=n(6991);const Z=e=>{return{FIELD_NAME:e,ID:"carousel-generator-form-"+(t=e,void 0===t&&(t=""),void 0===n&&(n=""),t.split("").map(((e,t)=>e.toUpperCase()===e?(0!==t?"-":"")+e.toLowerCase():e)).join(n))};var t,n},Q={...Z(u),OPTIONS:[]},ee=o.default.ul.withConfig({displayName:"CarouselGeneratorFrameworkSettings__SandboxSelectionList",componentId:"sc-1awi74q-0"})(["",";display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));"],(0,q.h)(F.Ld,F.Ld,"li")),te=()=>{const{formData:e,onRadioChange:t}=d();return r.createElement("div",null,r.createElement(ee,{role:"radiogroup","aria-label":Q.ID},$.map((n=>r.createElement("li",{key:n.key},r.createElement(W.L,{framework:n.key,name:Q.FIELD_NAME,id:Q.ID+"-"+(0,K.m)(n.key),value:n.key,onChange:t,checked:e[Q.FIELD_NAME]===n.key},n.label))))))};var ne=n(3977),ae=n(9591),re=n(7843);const le=(0,ae.o)("checkbox");(0,re.Y)("checkbox");var ie=n(127),oe=n(2717),ce=n(2715),se=n(3792),me=n(5807),de=n(727),ue=n(9939),Ee=n(4097),he=n(6849),ge=n(9322);const pe=ie.v.EIGHT,ve=ie.v.THREE,Le=ce.X.BOX,_e=o.default.span.withConfig({displayName:"InputText__InputTextWrapper",componentId:"sc-1m5usov-0"})(["height:",";border-radius:",";border:"," solid ",";background-color:",";position:relative;display:inline-flex;justify-content:center;align-items:center;"],pe,Le,ce.x.DETAIL,se.DM.DETAIL_LOW_CONTRAST,se.DM.BACKGROUND_CODE),be=(0,o.css)(["transform:translateY(calc(-100% / 2)) scale(0.8);"]),Ce=o.default.label.withConfig({displayName:"InputText__Label",componentId:"sc-1m5usov-1"})(["z-index:",";left:",";color:",";position:absolute;top:0;pointer-events:none;height:100%;display:flex;align-items:center;transition:transform 0.2s;transform-origin:center left;"],ue.k.STEP,ve,se.DM.TEXT_LOW_CONTRAST),fe=(0,o.css)(["background-color:",";border:"," solid ",";"],se.DM.BACKGROUND_CODE,ce.x.DETAIL,se.DM.DETAIL_LOW_CONTRAST),Ae=o.default.span.withConfig({displayName:"InputText__LabelText",componentId:"sc-1m5usov-2"})(["padding-left:",";padding-right:",";border-radius:",";z-index:",";display:flex;position:relative;align-items:center;"],ie.v.ONE,ie.v.ONE,Le,ue.k.STEP),Ie=o.default.span.withConfig({displayName:"InputText__Highlight",componentId:"sc-1m5usov-3"})(["",";top:-",";left:-",";bottom:-",";right:-",";display:block;position:absolute;border-radius:inherit;pointer-events:none;visibility:hidden;&:after{background-color:",";border-radius:inherit;position:absolute;top:",";left:",";bottom:",";right:",";content:'';}"],Ee.o,ce.x.DETAIL,ce.x.DETAIL,ce.x.DETAIL,ce.x.DETAIL,se.DM.BACKGROUND_CODE,ce.x.OUTLINE,ce.x.OUTLINE,ce.x.OUTLINE,ce.x.OUTLINE),Se=o.default.input.withConfig({displayName:"InputText__Input",componentId:"sc-1m5usov-4"})(["",";",";z-index:",";height:calc(100% - "," * 2);width:calc(100% - "," * 2);color:",";font-size:",";padding:0 ",";background-color:transparent;appearance:none;-webkit-appearance:none;border-radius:inherit;border:0;&:focus + "," + ","{",";> ","{",";}}&:focus + ","{visibility:visible;}",";"],he.C,ge.J,ue.k.STEP,ce.x.DETAIL,ce.x.DETAIL,se.DM.TEXT_BODY,de.u.BODY,ve,Ie,Ce,be,Ae,fe,Ie,(e=>{let{$inputHasValue:t}=e;return t&&(0,o.css)(["& + "," + ","{",";> ","{",";}}"],Ie,Ce,be,Ae,fe)})),Ne=ie.v.FOUR,Te=ie.v.TWO,De=(0,q.h)(Ne,Te,"*"),ye=(0,o.css)(["width:100%;","{max-width:100%;width:",";}"],oe.iD.MIN_XS,"26rem"),xe=o.default.div.withConfig({displayName:"CarouselGeneratorFormItems",componentId:"sc-68hj97-0"})(["",";margin-bottom:calc("," - ",");display:flex;flex-wrap:wrap;"],De,Ne,Te),we=o.default.div.withConfig({displayName:"CarouselGeneratorFormItems__CarouselGeneratorFormItem",componentId:"sc-68hj97-1"})(["margin-bottom:",";"],Ne),ke=(0,o.default)((e=>{const{children:t,className:n,...a}=e,{isKeyNavigating:l}=(0,me.t)();return r.createElement(_e,{className:n},r.createElement(Se,Object.assign({$isKeyNavigating:l,$inputHasValue:!!a.value,type:"text"},a)),r.createElement(Ie,null),r.createElement(Ce,null,r.createElement(Ae,null,t)))})).withConfig({displayName:"CarouselGeneratorFormItems__CarouselGeneratorInputText",componentId:"sc-68hj97-2"})(["",";"],ye),Be={...Z(g),OPTIONS:[{LABEL:"Horizontal",VALUE:"x"},{LABEL:"Vertical",VALUE:"y"}]},Oe={...Z(p),OPTIONS:[{LABEL:"Left to right",VALUE:"ltr"},{LABEL:"Right to left",VALUE:"rtl"}]},Me={...Z(E),LABEL:"Loop"},Fe={...Z(h),LABEL:"Drag free"},Re={...Z(v),LABEL:"Accessibility (under development)"},Pe=()=>{const{formData:e,onCheckboxChange:t,onRadioChange:n}=d();return r.createElement(r.Fragment,null,r.createElement(xe,{role:"radiogroup","aria-label":Be.ID},Be.OPTIONS.map((t=>{let{VALUE:a,LABEL:l}=t;return r.createElement("div",{key:a},r.createElement(ne.m,{name:Be.FIELD_NAME,id:Be.ID+"-"+a,value:a,checked:e[Be.FIELD_NAME]===a,onChange:n},l))}))),r.createElement(xe,{role:"radiogroup","aria-label":Oe.ID},Oe.OPTIONS.map((t=>{let{VALUE:a,LABEL:l}=t;return r.createElement("div",{key:a},r.createElement(ne.m,{name:Oe.FIELD_NAME,id:Oe.ID+"-"+a,value:a,checked:e[Oe.FIELD_NAME]===a,onChange:n},l))}))),r.createElement(we,null,r.createElement(le,{name:Me.FIELD_NAME,id:Me.ID,checked:e[Me.FIELD_NAME],onChange:t},Me.LABEL)),r.createElement(we,null,r.createElement(le,{name:Fe.FIELD_NAME,id:Fe.ID,checked:e[Fe.FIELD_NAME],onChange:t},Fe.LABEL)),r.createElement(we,null,r.createElement(le,{name:Re.FIELD_NAME,id:Re.ID,checked:e[Re.FIELD_NAME],onChange:t,disabled:!0},Re.LABEL)))},Ve={...Z(L),LABEL:"Slide size (%)"},He={...Z(_),LABEL:"Slide gaps (px)"},Ue=()=>{const{formData:e,onNumberChange:t,onNumberBlur:n}=d();return r.createElement(r.Fragment,null,r.createElement(we,null,r.createElement(ke,{type:"number",min:"10",max:"100",name:Ve.FIELD_NAME,id:Ve.ID,value:e[Ve.FIELD_NAME],onChange:t,onBlur:n},Ve.LABEL)),r.createElement(we,null,r.createElement(ke,{type:"number",min:"0",max:"20",name:He.FIELD_NAME,id:He.ID,value:e[He.FIELD_NAME],onChange:t,onBlur:n},He.LABEL)))};var ze=n(5541),Ge=n(7301),je=n(7704),Ye=n(5153);const Je={...Z(b),OPTIONS:[{LABEL:"Start",VALUE:"start"},{LABEL:"Center",VALUE:"center"},{LABEL:"End",VALUE:"end"}]},Xe={...Z(C),LABEL:"Clear leading and trailing space"},$e=(0,H.S)(5),We=Je.ID+"-demo",Ke=(0,k.ep)("60%"),qe=o.default.div.withConfig({displayName:"CarouselGeneratorAlignmentSettings__CarouselWrapper",componentId:"sc-193fvto-0"})(["",";&.","{",";margin-bottom:",";position:relative;",";}}"],Ye.tc,We,Ke,ie.v.FOUR,(e=>{let{$showContainScroll:t,$align:n}=e;return t&&(0,o.css)([".embla__slide:first-child,.embla__slide:last-child{position:relative;&:before{top:0;bottom:0;position:absolute;font-size:",";text-align:center;display:flex;align-items:center;justify-content:center;width:calc(100% / 3);}}.embla__slide:first-child{&:before{content:'Leading space';right:calc(100% - ",");","}}.embla__slide:last-child{&:before{content:'Trailing space';left:100%;","}}"],de.u.CUSTOM((()=>1.3)),Ye.yX,"start"===n&&(0,o.css)(["display:none;"]),"end"===n&&(0,o.css)(["display:none;"]))})),Ze=o.default.div.withConfig({displayName:"CarouselGeneratorAlignmentSettings__AlignmentMarker",componentId:"sc-193fvto-1"})(["&:before{",";width:",";top:calc("," / 2);bottom:calc("," / 2);z-index:",";opacity:0.7;position:absolute;content:'';display:block;border-radius:",";",";"],Ee.o,ce.x.ACCENT_VERTICAL,Ye.jY,Ye.jY,ue.k.STEP,ce.X.LINE,(e=>{let{$align:t}=e;return"start"===t?(0,o.css)(["left:",";"],Ye.jY):"end"===t?(0,o.css)(["right:",";"],Ye.jY):(0,o.css)(["left:50%;margin-left:calc(-"," / 2);"],ce.x.ACCENT_VERTICAL)})),Qe=()=>{const{formData:e,onCheckboxChange:t,onRadioChange:n}=d(),[a,l]=(0,je.YD)(),i=e[L],o=e[E],c=e[h],s=e[Je.FIELD_NAME],m=!!e[Xe.FIELD_NAME]&&"trimSnaps",{0:u,1:g}=(0,r.useState)({align:s,containScroll:m,loop:o,dragFree:c});return(0,r.useEffect)((()=>{g({align:s,containScroll:m,loop:o,dragFree:c})}),[o,c,s,m]),r.createElement(r.Fragment,null,"100"===i&&r.createElement(Ge.Jm,{type:"note"},"Aligment settings will only ",r.createElement("strong",null,"work")," for carousels with"," ","slide sizes ",r.createElement("strong",null,"less than 100%"),"."),r.createElement(qe,{className:We,ref:a,$showContainScroll:!m&&!o,$align:s},l?r.createElement(r.Fragment,null,r.createElement(ze.Z,{slides:$e,options:u}),r.createElement(Ze,{$align:s})):null),r.createElement(xe,{role:"radiogroup","aria-label":Je.ID},Je.OPTIONS.map((t=>{let{VALUE:a,LABEL:l}=t;return r.createElement("div",{key:a},r.createElement(ne.m,{name:Je.FIELD_NAME,id:Je.ID+"-"+a,value:a,checked:e[Je.FIELD_NAME]===a,onChange:n},l))}))),!o&&r.createElement(we,null,r.createElement(le,{name:Xe.FIELD_NAME,id:Xe.ID,checked:e[Xe.FIELD_NAME],onChange:t},Xe.LABEL)))},et={...Z(f),LABEL:"Previous and next buttons"},tt={...Z(A),LABEL:"Dot navigation"},nt=()=>{const{formData:e,onCheckboxChange:t}=d();return r.createElement(r.Fragment,null,r.createElement(we,null,r.createElement(le,{name:et.FIELD_NAME,id:et.ID,checked:e[et.FIELD_NAME],onChange:t},et.LABEL)),r.createElement(we,null,r.createElement(le,{name:tt.FIELD_NAME,id:tt.ID,checked:e[tt.FIELD_NAME],onChange:t},tt.LABEL)))},at={...Z(I),LABEL:"Autoplay"},rt={...Z(S),LABEL:"Wheel gestures (under development)"},lt=()=>{const{formData:e,onCheckboxChange:t}=d();return r.createElement(r.Fragment,null,r.createElement(we,null,r.createElement(le,{name:at.FIELD_NAME,id:at.ID,checked:e[at.FIELD_NAME],onChange:t},at.LABEL)),r.createElement(we,null,r.createElement(le,{name:rt.FIELD_NAME,id:rt.ID,checked:e[rt.FIELD_NAME],onChange:t,disabled:!0},rt.LABEL)))};var it=n(240);const ot=o.default.div.withConfig({displayName:"CarouselGeneratorSubmit__CarouselGeneratorSubmitWrapper",componentId:"sc-102dgvx-0"})([""," margin-top:",";"],(0,q.h)(Ne,ie.v.EIGHT),ie.v.EIGHT),ct=o.default.div.withConfig({displayName:"CarouselGeneratorSubmit__CarouselGeneratorButtonWrapper",componentId:"sc-102dgvx-1"})(["",";"],ye),st=()=>{const{formData:e}=d(),{0:t,1:n}=(0,r.useState)(""),a=e.framework,l=!(!a||t),i=(0,r.useCallback)((async(e,t)=>{const a=$.find((t=>t.key===e));a&&n(await a.createSandbox(t))}),[]);return(0,r.useEffect)((()=>{a&&(n(""),i(a,e))}),[a,e]),r.createElement("div",null,r.createElement("input",{type:"hidden",name:"parameters",value:t}),r.createElement(ot,null,r.createElement(ct,null,r.createElement(it.aq,{isLoading:l,disabled:!t,type:"submit"},"Create CodeSandbox"))))},mt=()=>r.createElement("ul",null,r.createElement("li",null,r.createElement(i.R,{to:l.n.DONATE_PAYPAL},"PayPal")),r.createElement("li",null,r.createElement(i.R,{to:l.n.DONATE_KO_FI},"Ko-fi")));function dt(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components),{Admonition:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Admonition",!0),r.createElement(r.Fragment,null,r.createElement(t.h1,null,"Carousel generator"),"\n",r.createElement(t.p,null,"Just follow the instructions and create your own customized carousel setup in no time!"),"\n",r.createElement(n,{type:"warning"},r.createElement(t.p,null,r.createElement(t.strong,null,"Caution:")," The carousel generator is an experimental Embla Carousel feature\nintroduced in v8.0.0. This generator is subject to change before it is marked\nas stable."),r.createElement("br"),r.createElement(t.p,null,"Join the ",r.createElement(i.R,{to:l.n.GITHUB_DISCUSSIONS+"/513"},"discussion here"),"!")),"\n",r.createElement(t.hr),"\n",r.createElement(t.h2,{id:"choose-framework",style:{position:"relative"}},r.createElement(t.a,{href:"#choose-framework","aria-label":"choose framework permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Choose framework"),"\n",r.createElement(te),"\n",r.createElement(t.h2,{id:"basic-settings",style:{position:"relative"}},r.createElement(t.a,{href:"#basic-settings","aria-label":"basic settings permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Basic settings"),"\n",r.createElement(Pe),"\n",r.createElement(t.h2,{id:"slide-settings",style:{position:"relative"}},r.createElement(t.a,{href:"#slide-settings","aria-label":"slide settings permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Slide settings"),"\n",r.createElement(Ue),"\n",r.createElement(t.h2,{id:"alignment-settings",style:{position:"relative"}},r.createElement(t.a,{href:"#alignment-settings","aria-label":"alignment settings permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Alignment settings"),"\n",r.createElement(Qe),"\n",r.createElement(t.h2,{id:"navigation-settings",style:{position:"relative"}},r.createElement(t.a,{href:"#navigation-settings","aria-label":"navigation settings permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Navigation settings"),"\n",r.createElement(nt),"\n",r.createElement(t.h2,{id:"plugins",style:{position:"relative"}},r.createElement(t.a,{href:"#plugins","aria-label":"plugins permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Plugins"),"\n",r.createElement(lt),"\n",r.createElement(t.hr),"\n",r.createElement(st),"\n",r.createElement(t.h2,{id:"support",style:{position:"relative"}},r.createElement(t.a,{href:"#support","aria-label":"support permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Support"),"\n",r.createElement(t.p,null,"Did this save you time? Don't say thank you! ",r.createElement(t.strong,null,"Share")," it, ",r.createElement(t.strong,null,"star")," it or ",r.createElement(t.strong,null,"support")," my work:"),"\n",r.createElement(mt))}var ut=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?r.createElement(t,e,r.createElement(dt,e)):dt(e)};var Et=n(3559),ht=n(7377),gt=n(286),pt=n(1429);const vt=e=>{const{children:t,...n}=e;return r.createElement("form",Object.assign({action:l.n.CODESANDBOX_DEFINE,method:"POST",target:"_blank"},n),t)};var Lt=n(8147),_t=n(4234),bt=n(3785),Ct=n(8116),ft=n(8944);const At=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:l}=(0,Ct.$)(),{title:i="",description:o,date:c}=t.mdx.frontmatter,s=(0,r.useMemo)((()=>new Date(c+" UTC").toISOString()),[c]);return r.createElement(_t.p,{title:i,description:o,url:""+a+n.slug},r.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,ft.P)(a)+'",\n "description": "'+o+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+s+'",\n "dateModified": "'+s+'",\n "author": {\n "@type": "Person",\n "name": "'+l+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+l+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+bt.Z+'"\n }\n }\n }\n '))};const It=e=>{const{pageContext:t,children:n}=e,{next:a,previous:l,filePath:i,id:o}=t;return r.createElement(r.Fragment,null,r.createElement(gt.V,{id:o}),r.createElement(m,null,r.createElement(vt,{id:pt.O},r.createElement(Lt.i,null,n))),r.createElement(Et.l,{pageUrl:i}),r.createElement(ht.R,{previous:l,next:a}))};function St(e){return r.createElement(It,e,r.createElement(ut,e))}}}]); -//# sourceMappingURL=component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js.map \ No newline at end of file +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[929],{9428:function(e,t,n){n.r(t),n.d(t,{Head:function(){return At},default:function(){return St}});var a=n(5392),r=n(2784),l=n(2657),i=n(5006),o=n(1195);const c={formData:{framework:"",loop:!1,dragFree:!1,axis:"x",direction:"ltr",accessibility:!1,slideSize:"100",slideGapSize:"10",edgeGap:"0",align:"center",containScroll:!0,navigationPrevNextButtons:!1,navigationDots:!1,autoplay:!1,wheelGestures:!1},onChange:()=>{},onCheckboxChange:()=>{},onRadioChange:()=>{},onNumberChange:()=>{},onNumberBlur:()=>{}},s=(0,r.createContext)(c),m=e=>{const{children:t}=e,{0:n,1:a}=(0,r.useState)(c.formData),l=(0,r.useCallback)(((e,t)=>{a((n=>({...n,[e]:t})))}),[]),i=(0,r.useCallback)((e=>{const{name:t,checked:n}=e.currentTarget;l(t,n)}),[l]),o=(0,r.useCallback)((e=>{const{name:t,value:n}=e.currentTarget;l(t,n)}),[l]),m=(0,r.useCallback)((e=>{const{name:t,value:n}=e.currentTarget;l(t,n)}),[l]),d=(0,r.useCallback)((e=>{const t=e.currentTarget,n=t.name,a=parseInt(t.getAttribute("min")||"",10),r=parseInt(t.getAttribute("max")||"",10),i=(o=parseFloat(t.value||"0"),c=a,s=r,Math.min(Math.max(o,c),s));var o,c,s;l(n,i.toString())}),[l]),u=(0,r.useMemo)((()=>({formData:n,onChange:l,onCheckboxChange:i,onRadioChange:o,onNumberChange:m,onNumberBlur:d})),[n,l,i,o,m,d]);return r.createElement(s.Provider,{value:u},t)},d=()=>(0,r.useContext)(s),u="framework",E="loop",h="dragFree",g="axis",p="direction",v="accessibility",L="slideSize",_="slideGapSize",b="align",C="containScroll",f="navigationPrevNextButtons",A="navigationDots",I="autoplay",S="wheelGestures",N="{?\\/\\*",T="\\*\\/}?",D=T+"([\\s\\S]*?)"+N,y=(e,t,n)=>{let a="";a=t?"("+N+"__"+e+"_REPLACE_START__"+T+"\n?)|("+N+"__"+e+"_REPLACE_END__"+T+"\n?)":N+"__"+e+"_REPLACE_START__"+D+"__"+e+"_REPLACE_END__"+T+"\n?";const r=new RegExp(a,"g");return n.replace(r,"")},x=(e,t)=>{let n=e.default;const{axis:a,navigationPrevNextButtons:r,navigationDots:l,autoplay:i,direction:o}=t,c=i&&(r||l),s="x"===a,m="ltr"===o,d=!m;return n=y("PREV_NEXT_BUTTONS",r,n),n=y("DOT_BUTTONS",l,n),n=y("PLUGINS",i,n),n=y("NAV_AUTOPLAY",c,n),n=y("DIRECTION_RTL",d,n),n=y("DIRECTION_LTR",m,n),n=y("PREV_NEXT_BUTTONS_LTR",s&&m&&r,n),n=y("PREV_NEXT_BUTTONS_RTL",s&&d&&r,n),n=y("PREV_NEXT_BUTTONS_VERTICAL",!s&&r,n),n=y("AUTOPLAY",i,n),n};var w=n(6732),k=n(149);const B=e=>{const{navigationPrevNextButtons:t,navigationDots:n,slideSize:a,slideGapSize:r,axis:l}=e,i=[];return t&&i.push(k.f2),n&&i.push(k.xf),(0,k.ep)(a+"%",parseFloat(r)/10+"rem",l,i.map((e=>(0,w.J)(e))).join(""))},O=e=>{const{axis:t,align:n,direction:a,containScroll:r,loop:l,dragFree:i}=e;return{..."x"!==t&&{axis:t},..."center"!==n&&{align:n},...i&&{dragFree:i},..."ltr"!==a&&"x"===t&&{direction:a},...!l&&r&&{containScroll:"trimSnaps"},...l&&{loop:l}}};var M=n(5441),F=n(5850);const R=e=>{const t=[];return e.autoplay&&t.push(F.XE.AUTOPLAY),(0,M.d6)(t).plugins};var P=n(2061),V=n(1069),H=n(6609),U=n(6101),z=n(5016);const G="embla-carousel-generator",j=c.formData,Y=(0,H.S)(5),J=async function(e,t){void 0===e&&(e=j);const{isTypeScript:a,vanillaScriptExtension:r,formatScript:l}=await(0,M.sz)(t);let i,o,c;const s=await n.e(8118).then(n.bind(n,8118));return a?(i=await n.e(4031).then(n.bind(n,4031)),o=await n.e(1061).then(n.bind(n,1061)),c=await n.e(6036).then(n.bind(n,6036))):(i=await n.e(49).then(n.bind(n,49)),o=await n.e(8996).then(n.bind(n,8996)),c=await n.e(1910).then(n.bind(n,1910))),(0,V.y)({id:G,language:t,options:O(e),styles:B(e),carouselScript:x(i,e),plugins:R(e),carouselHtml:x(s,e),sandboxOverrides:{...e.navigationPrevNextButtons&&{[z.G.JS+"/arrow-buttons."+r]:{isBinary:!1,content:l(x(o,e))}},...e.navigationDots&&{[z.G.JS+"/dot-buttons."+r]:{isBinary:!1,content:l(x(c,e))}}}})},X=async function(e,t){void 0===e&&(e=j);const{isTypeScript:a,reactScriptExtension:r,formatScript:l}=await(0,M.sz)(t);let i,o,c;return a?(i=await n.e(7585).then(n.bind(n,7585)),o=await n.e(4366).then(n.bind(n,4366)),c=await n.e(3425).then(n.bind(n,3425))):(i=await n.e(4193).then(n.bind(n,4193)),o=await n.e(4689).then(n.bind(n,4689)),c=await n.e(478).then(n.bind(n,478))),(0,P.j)({id:G,language:t,slides:Y,options:O(e),styles:B(e),carouselScript:x(i,e),plugins:R(e),sandboxOverrides:{...e.navigationPrevNextButtons&&{[U.m.JS+"/EmblaCarouselArrowButtons."+r]:{isBinary:!1,content:l(x(o,e))}},...e.navigationDots&&{[U.m.JS+"/EmblaCarouselDotButton."+r]:{isBinary:!1,content:l(x(c,e))}}}})},$=(0,M.$b)({VANILLA_JS:e=>J(e,F.yR.JAVASCRIPT),VANILLA_TS:e=>J(e,F.yR.TYPESCRIPT),REACT_JS:e=>X(e,F.yR.JAVASCRIPT),REACT_TS:e=>X(e,F.yR.TYPESCRIPT)});var W=n(9145),K=n(7539),q=n(6991);const Z=e=>{return{FIELD_NAME:e,ID:"carousel-generator-form-"+(t=e,void 0===t&&(t=""),void 0===n&&(n=""),t.split("").map(((e,t)=>e.toUpperCase()===e?(0!==t?"-":"")+e.toLowerCase():e)).join(n))};var t,n},Q={...Z(u),OPTIONS:[]},ee=o.default.ul.withConfig({displayName:"CarouselGeneratorFrameworkSettings__SandboxSelectionList",componentId:"sc-1awi74q-0"})(["",";display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));"],(0,q.h)(F.Ld,F.Ld,"li")),te=()=>{const{formData:e,onRadioChange:t}=d();return r.createElement("div",null,r.createElement(ee,{role:"radiogroup","aria-label":Q.ID},$.map((n=>r.createElement("li",{key:n.key},r.createElement(W.L,{framework:n.key,name:Q.FIELD_NAME,id:Q.ID+"-"+(0,K.m)(n.key),value:n.key,onChange:t,checked:e[Q.FIELD_NAME]===n.key},n.label))))))};var ne=n(3977),ae=n(9591),re=n(7843);const le=(0,ae.o)("checkbox");(0,re.Y)("checkbox");var ie=n(127),oe=n(2717),ce=n(2715),se=n(3792),me=n(5807),de=n(727),ue=n(9939),Ee=n(4097),he=n(6849),ge=n(9322);const pe=ie.v.EIGHT,ve=ie.v.THREE,Le=ce.X.BOX,_e=o.default.span.withConfig({displayName:"InputText__InputTextWrapper",componentId:"sc-1m5usov-0"})(["height:",";border-radius:",";border:"," solid ",";background-color:",";position:relative;display:inline-flex;justify-content:center;align-items:center;"],pe,Le,ce.x.DETAIL,se.DM.DETAIL_LOW_CONTRAST,se.DM.BACKGROUND_CODE),be=(0,o.css)(["transform:translateY(calc(-100% / 2)) scale(0.8);"]),Ce=o.default.label.withConfig({displayName:"InputText__Label",componentId:"sc-1m5usov-1"})(["z-index:",";left:",";color:",";position:absolute;top:0;pointer-events:none;height:100%;display:flex;align-items:center;transition:transform 0.2s;transform-origin:center left;"],ue.k.STEP,ve,se.DM.TEXT_LOW_CONTRAST),fe=(0,o.css)(["background-color:",";border:"," solid ",";"],se.DM.BACKGROUND_CODE,ce.x.DETAIL,se.DM.DETAIL_LOW_CONTRAST),Ae=o.default.span.withConfig({displayName:"InputText__LabelText",componentId:"sc-1m5usov-2"})(["padding-left:",";padding-right:",";border-radius:",";z-index:",";display:flex;position:relative;align-items:center;"],ie.v.ONE,ie.v.ONE,Le,ue.k.STEP),Ie=o.default.span.withConfig({displayName:"InputText__Highlight",componentId:"sc-1m5usov-3"})(["",";top:-",";left:-",";bottom:-",";right:-",";display:block;position:absolute;border-radius:inherit;pointer-events:none;visibility:hidden;&:after{background-color:",";border-radius:inherit;position:absolute;top:",";left:",";bottom:",";right:",";content:'';}"],Ee.o,ce.x.DETAIL,ce.x.DETAIL,ce.x.DETAIL,ce.x.DETAIL,se.DM.BACKGROUND_CODE,ce.x.OUTLINE,ce.x.OUTLINE,ce.x.OUTLINE,ce.x.OUTLINE),Se=o.default.input.withConfig({displayName:"InputText__Input",componentId:"sc-1m5usov-4"})(["",";",";z-index:",";height:calc(100% - "," * 2);width:calc(100% - "," * 2);color:",";font-size:",";padding:0 ",";background-color:transparent;appearance:none;-webkit-appearance:none;border-radius:inherit;border:0;&:focus + "," + ","{",";> ","{",";}}&:focus + ","{visibility:visible;}",";"],he.C,ge.J,ue.k.STEP,ce.x.DETAIL,ce.x.DETAIL,se.DM.TEXT_BODY,de.u.BODY,ve,Ie,Ce,be,Ae,fe,Ie,(e=>{let{$inputHasValue:t}=e;return t&&(0,o.css)(["& + "," + ","{",";> ","{",";}}"],Ie,Ce,be,Ae,fe)})),Ne=ie.v.FOUR,Te=ie.v.TWO,De=(0,q.h)(Ne,Te,"*"),ye=(0,o.css)(["width:100%;","{max-width:100%;width:",";}"],oe.iD.MIN_XS,"26rem"),xe=o.default.div.withConfig({displayName:"CarouselGeneratorFormItems",componentId:"sc-68hj97-0"})(["",";margin-bottom:calc("," - ",");display:flex;flex-wrap:wrap;"],De,Ne,Te),we=o.default.div.withConfig({displayName:"CarouselGeneratorFormItems__CarouselGeneratorFormItem",componentId:"sc-68hj97-1"})(["margin-bottom:",";"],Ne),ke=(0,o.default)((e=>{const{children:t,className:n,...a}=e,{isKeyNavigating:l}=(0,me.t)();return r.createElement(_e,{className:n},r.createElement(Se,Object.assign({$isKeyNavigating:l,$inputHasValue:!!a.value,type:"text"},a)),r.createElement(Ie,null),r.createElement(Ce,null,r.createElement(Ae,null,t)))})).withConfig({displayName:"CarouselGeneratorFormItems__CarouselGeneratorInputText",componentId:"sc-68hj97-2"})(["",";"],ye),Be={...Z(g),OPTIONS:[{LABEL:"Horizontal",VALUE:"x"},{LABEL:"Vertical",VALUE:"y"}]},Oe={...Z(p),OPTIONS:[{LABEL:"Left to right",VALUE:"ltr"},{LABEL:"Right to left",VALUE:"rtl"}]},Me={...Z(E),LABEL:"Loop"},Fe={...Z(h),LABEL:"Drag free"},Re={...Z(v),LABEL:"Accessibility (under development)"},Pe=()=>{const{formData:e,onCheckboxChange:t,onRadioChange:n}=d();return r.createElement(r.Fragment,null,r.createElement(xe,{role:"radiogroup","aria-label":Be.ID},Be.OPTIONS.map((t=>{let{VALUE:a,LABEL:l}=t;return r.createElement("div",{key:a},r.createElement(ne.m,{name:Be.FIELD_NAME,id:Be.ID+"-"+a,value:a,checked:e[Be.FIELD_NAME]===a,onChange:n},l))}))),r.createElement(xe,{role:"radiogroup","aria-label":Oe.ID},Oe.OPTIONS.map((t=>{let{VALUE:a,LABEL:l}=t;return r.createElement("div",{key:a},r.createElement(ne.m,{name:Oe.FIELD_NAME,id:Oe.ID+"-"+a,value:a,checked:e[Oe.FIELD_NAME]===a,onChange:n},l))}))),r.createElement(we,null,r.createElement(le,{name:Me.FIELD_NAME,id:Me.ID,checked:e[Me.FIELD_NAME],onChange:t},Me.LABEL)),r.createElement(we,null,r.createElement(le,{name:Fe.FIELD_NAME,id:Fe.ID,checked:e[Fe.FIELD_NAME],onChange:t},Fe.LABEL)),r.createElement(we,null,r.createElement(le,{name:Re.FIELD_NAME,id:Re.ID,checked:e[Re.FIELD_NAME],onChange:t,disabled:!0},Re.LABEL)))},Ve={...Z(L),LABEL:"Slide size (%)"},He={...Z(_),LABEL:"Slide gaps (px)"},Ue=()=>{const{formData:e,onNumberChange:t,onNumberBlur:n}=d();return r.createElement(r.Fragment,null,r.createElement(we,null,r.createElement(ke,{type:"number",min:"10",max:"100",name:Ve.FIELD_NAME,id:Ve.ID,value:e[Ve.FIELD_NAME],onChange:t,onBlur:n},Ve.LABEL)),r.createElement(we,null,r.createElement(ke,{type:"number",min:"0",max:"20",name:He.FIELD_NAME,id:He.ID,value:e[He.FIELD_NAME],onChange:t,onBlur:n},He.LABEL)))};var ze=n(5541),Ge=n(7301),je=n(7704),Ye=n(5153);const Je={...Z(b),OPTIONS:[{LABEL:"Start",VALUE:"start"},{LABEL:"Center",VALUE:"center"},{LABEL:"End",VALUE:"end"}]},Xe={...Z(C),LABEL:"Clear leading and trailing space"},$e=(0,H.S)(5),We=Je.ID+"-demo",Ke=(0,k.ep)("60%"),qe=o.default.div.withConfig({displayName:"CarouselGeneratorAlignmentSettings__CarouselWrapper",componentId:"sc-193fvto-0"})(["",";&.","{",";margin-bottom:",";position:relative;",";}}"],Ye.tc,We,Ke,ie.v.FOUR,(e=>{let{$showContainScroll:t,$align:n}=e;return t&&(0,o.css)([".embla__slide:first-child,.embla__slide:last-child{position:relative;&:before{top:0;bottom:0;position:absolute;font-size:",";text-align:center;display:flex;align-items:center;justify-content:center;width:calc(100% / 3);}}.embla__slide:first-child{&:before{content:'Leading space';right:calc(100% - ",");","}}.embla__slide:last-child{&:before{content:'Trailing space';left:100%;","}}"],de.u.CUSTOM((()=>1.3)),Ye.yX,"start"===n&&(0,o.css)(["display:none;"]),"end"===n&&(0,o.css)(["display:none;"]))})),Ze=o.default.div.withConfig({displayName:"CarouselGeneratorAlignmentSettings__AlignmentMarker",componentId:"sc-193fvto-1"})(["&:before{",";width:",";top:calc("," / 2);bottom:calc("," / 2);z-index:",";opacity:0.7;position:absolute;content:'';display:block;border-radius:",";",";"],Ee.o,ce.x.ACCENT_VERTICAL,Ye.jY,Ye.jY,ue.k.STEP,ce.X.LINE,(e=>{let{$align:t}=e;return"start"===t?(0,o.css)(["left:",";"],Ye.jY):"end"===t?(0,o.css)(["right:",";"],Ye.jY):(0,o.css)(["left:50%;margin-left:calc(-"," / 2);"],ce.x.ACCENT_VERTICAL)})),Qe=()=>{const{formData:e,onCheckboxChange:t,onRadioChange:n}=d(),[a,l]=(0,je.YD)(),i=e[L],o=e[E],c=e[h],s=e[Je.FIELD_NAME],m=!!e[Xe.FIELD_NAME]&&"trimSnaps",{0:u,1:g}=(0,r.useState)({align:s,containScroll:m,loop:o,dragFree:c});return(0,r.useEffect)((()=>{g({align:s,containScroll:m,loop:o,dragFree:c})}),[o,c,s,m]),r.createElement(r.Fragment,null,"100"===i&&r.createElement(Ge.Jm,{type:"note"},"Aligment settings will only ",r.createElement("strong",null,"work")," for carousels with"," ","slide sizes ",r.createElement("strong",null,"less than 100%"),"."),r.createElement(qe,{className:We,ref:a,$showContainScroll:!m&&!o,$align:s},l?r.createElement(r.Fragment,null,r.createElement(ze.Z,{slides:$e,options:u}),r.createElement(Ze,{$align:s})):null),r.createElement(xe,{role:"radiogroup","aria-label":Je.ID},Je.OPTIONS.map((t=>{let{VALUE:a,LABEL:l}=t;return r.createElement("div",{key:a},r.createElement(ne.m,{name:Je.FIELD_NAME,id:Je.ID+"-"+a,value:a,checked:e[Je.FIELD_NAME]===a,onChange:n},l))}))),!o&&r.createElement(we,null,r.createElement(le,{name:Xe.FIELD_NAME,id:Xe.ID,checked:e[Xe.FIELD_NAME],onChange:t},Xe.LABEL)))},et={...Z(f),LABEL:"Previous and next buttons"},tt={...Z(A),LABEL:"Dot navigation"},nt=()=>{const{formData:e,onCheckboxChange:t}=d();return r.createElement(r.Fragment,null,r.createElement(we,null,r.createElement(le,{name:et.FIELD_NAME,id:et.ID,checked:e[et.FIELD_NAME],onChange:t},et.LABEL)),r.createElement(we,null,r.createElement(le,{name:tt.FIELD_NAME,id:tt.ID,checked:e[tt.FIELD_NAME],onChange:t},tt.LABEL)))},at={...Z(I),LABEL:"Autoplay"},rt={...Z(S),LABEL:"Wheel gestures (under development)"},lt=()=>{const{formData:e,onCheckboxChange:t}=d();return r.createElement(r.Fragment,null,r.createElement(we,null,r.createElement(le,{name:at.FIELD_NAME,id:at.ID,checked:e[at.FIELD_NAME],onChange:t},at.LABEL)),r.createElement(we,null,r.createElement(le,{name:rt.FIELD_NAME,id:rt.ID,checked:e[rt.FIELD_NAME],onChange:t,disabled:!0},rt.LABEL)))};var it=n(240);const ot=o.default.div.withConfig({displayName:"CarouselGeneratorSubmit__CarouselGeneratorSubmitWrapper",componentId:"sc-102dgvx-0"})([""," margin-top:",";"],(0,q.h)(Ne,ie.v.EIGHT),ie.v.EIGHT),ct=o.default.div.withConfig({displayName:"CarouselGeneratorSubmit__CarouselGeneratorButtonWrapper",componentId:"sc-102dgvx-1"})(["",";"],ye),st=()=>{const{formData:e}=d(),{0:t,1:n}=(0,r.useState)(""),a=e.framework,l=!(!a||t),i=(0,r.useCallback)((async(e,t)=>{const a=$.find((t=>t.key===e));a&&n(await a.createSandbox(t))}),[]);return(0,r.useEffect)((()=>{a&&(n(""),i(a,e))}),[a,e]),r.createElement("div",null,r.createElement("input",{type:"hidden",name:"parameters",value:t}),r.createElement(ot,null,r.createElement(ct,null,r.createElement(it.aq,{isLoading:l,disabled:!t,type:"submit"},"Create CodeSandbox"))))},mt=()=>r.createElement("ul",null,r.createElement("li",null,r.createElement(i.R,{to:l.n.DONATE_PAYPAL},"PayPal")),r.createElement("li",null,r.createElement(i.R,{to:l.n.DONATE_KO_FI},"Ko-fi")));function dt(e){const t=Object.assign({h1:"h1",p:"p",strong:"strong",hr:"hr",h2:"h2",a:"a",div:"div"},(0,a.ah)(),e.components),{Admonition:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Admonition",!0),r.createElement(r.Fragment,null,r.createElement(t.h1,null,"Carousel generator"),"\n",r.createElement(t.p,null,"Just follow the instructions and create your own customized carousel setup in no time!"),"\n",r.createElement(n,{type:"warning"},r.createElement(t.p,null,r.createElement(t.strong,null,"Caution:")," The carousel generator is an experimental Embla Carousel feature\nintroduced in v8.0.0. This generator is subject to change before it is marked\nas stable."),r.createElement("br"),r.createElement(t.p,null,"Join the ",r.createElement(i.R,{to:l.n.GITHUB_DISCUSSIONS+"/513"},"discussion here"),"!")),"\n",r.createElement(t.hr),"\n",r.createElement(t.h2,{id:"choose-framework",style:{position:"relative"}},r.createElement(t.a,{href:"#choose-framework","aria-label":"choose framework permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Choose framework"),"\n",r.createElement(te),"\n",r.createElement(t.h2,{id:"basic-settings",style:{position:"relative"}},r.createElement(t.a,{href:"#basic-settings","aria-label":"basic settings permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Basic settings"),"\n",r.createElement(Pe),"\n",r.createElement(t.h2,{id:"slide-settings",style:{position:"relative"}},r.createElement(t.a,{href:"#slide-settings","aria-label":"slide settings permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Slide settings"),"\n",r.createElement(Ue),"\n",r.createElement(t.h2,{id:"alignment-settings",style:{position:"relative"}},r.createElement(t.a,{href:"#alignment-settings","aria-label":"alignment settings permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Alignment settings"),"\n",r.createElement(Qe),"\n",r.createElement(t.h2,{id:"navigation-settings",style:{position:"relative"}},r.createElement(t.a,{href:"#navigation-settings","aria-label":"navigation settings permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Navigation settings"),"\n",r.createElement(nt),"\n",r.createElement(t.h2,{id:"plugins",style:{position:"relative"}},r.createElement(t.a,{href:"#plugins","aria-label":"plugins permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Plugins"),"\n",r.createElement(lt),"\n",r.createElement(t.hr),"\n",r.createElement(st),"\n",r.createElement(t.h2,{id:"support",style:{position:"relative"}},r.createElement(t.a,{href:"#support","aria-label":"support permalink",className:"anchor before"},r.createElement(t.div,{dangerouslySetInnerHTML:{__html:''}})),"Support"),"\n",r.createElement(t.p,null,"Did this save you time? Don't say thank you! ",r.createElement(t.strong,null,"Share")," it, ",r.createElement(t.strong,null,"star")," it or ",r.createElement(t.strong,null,"support")," my work:"),"\n",r.createElement(mt))}var ut=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?r.createElement(t,e,r.createElement(dt,e)):dt(e)};var Et=n(3559),ht=n(7377),gt=n(286),pt=n(1429);const vt=e=>{const{children:t,...n}=e;return r.createElement("form",Object.assign({action:l.n.CODESANDBOX_DEFINE,method:"POST",target:"_blank"},n),t)};var Lt=n(8147),_t=n(4810),bt=n(3785),Ct=n(8116),ft=n(8944);const At=e=>{const{data:t,pageContext:n}=e,{siteUrl:a,author:l}=(0,Ct.$)(),{title:i="",description:o,date:c}=t.mdx.frontmatter,s=(0,r.useMemo)((()=>new Date(c+" UTC").toISOString()),[c]);return r.createElement(_t.p,{title:i,description:o,url:""+a+n.slug},r.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "TechArticle",\n "name": "'+(0,ft.P)(a)+'",\n "description": "'+o+'",\n "url": "'+a+n.slug+'",\n "headline": "'+i+'",\n "image": "'+a+'/share-image.png",\n "datePublished": "'+s+'",\n "dateModified": "'+s+'",\n "author": {\n "@type": "Person",\n "name": "'+l+'"\n },\n "publisher": {\n "@type": "Organization",\n "name": "'+l+'",\n "logo": {\n "@type": "ImageObject",\n "width": "512",\n "height": "512",\n "url": "'+a+bt.Z+'"\n }\n }\n }\n '))};const It=e=>{const{pageContext:t,children:n}=e,{next:a,previous:l,filePath:i,id:o}=t;return r.createElement(r.Fragment,null,r.createElement(gt.V,{id:o}),r.createElement(m,null,r.createElement(vt,{id:pt.O},r.createElement(Lt.i,null,n))),r.createElement(Et.l,{pageUrl:i}),r.createElement(ht.R,{previous:l,next:a}))};function St(e){return r.createElement(It,e,r.createElement(ut,e))}}}]); +//# sourceMappingURL=component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js.map \ No newline at end of file diff --git a/docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js.map b/docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js.map similarity index 99% rename from docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js.map rename to docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js.map index a3281b2aa..284e06572 100644 --- a/docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js.map +++ b/docs/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/utils/numberWithinRange.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorContext.tsx","webpack://embla-carousel-docs/./src/hooks/useCarouselGenerator.ts","webpack://embla-carousel-docs/./src/consts/carouselGenerator.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/carouselGeneratorToggleFeatures.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/createCarouselGeneratorStyles.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/createCarouselGeneratorOptions.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/createCarouselGeneratorPlugins.ts","webpack://embla-carousel-docs/./src/components/Examples/CarouselGenerator/CarouselGeneratorSandboxes.ts","webpack://embla-carousel-docs/./src/utils/camelOrPascalToKebabCase.ts","webpack://embla-carousel-docs/./src/utils/carouselGenerator.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorFrameworkSettings.tsx","webpack://embla-carousel-docs/./src/components/Input/InputCheckbox.tsx","webpack://embla-carousel-docs/./src/components/Input/InputText.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorFormItems.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorBasicSettings.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorSlidesSettings.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorAlignmentSettings.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorNavigationSettings.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorPlugins.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorSubmit.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorSupport.tsx","webpack://embla-carousel-docs/./src/content/pages/examples/generator.mdx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorForm.tsx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/templates/Generator.tsx"],"sourcesContent":["export const numberWithinRange = (\n number: number,\n min: number,\n max: number\n): number => Math.min(Math.max(number, min), max)\n","import React, {\n createContext,\n PropsWithChildren,\n useCallback,\n useMemo,\n useState\n} from 'react'\nimport { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { numberWithinRange } from 'utils/numberWithinRange'\n\nexport const CONTEXT_DEFAULT_VALUE: CarouselGeneratorContextType = {\n formData: {\n framework: '',\n loop: false,\n dragFree: false,\n axis: 'x',\n direction: 'ltr',\n accessibility: false,\n slideSize: '100',\n slideGapSize: '10',\n edgeGap: '0',\n align: 'center',\n containScroll: true,\n navigationPrevNextButtons: false,\n navigationDots: false,\n autoplay: false,\n wheelGestures: false\n },\n onChange: () => undefined,\n onCheckboxChange: () => undefined,\n onRadioChange: () => undefined,\n onNumberChange: () => undefined,\n onNumberBlur: () => undefined\n}\n\nexport type CarouselGeneratorContextType = {\n formData: CarouselGeneratorFormDataType\n onChange: (\n key: Key,\n value: CarouselGeneratorFormDataType[Key]\n ) => void\n onCheckboxChange: (event: React.ChangeEvent) => void\n onRadioChange: (event: React.ChangeEvent) => void\n onNumberChange: (event: React.ChangeEvent) => void\n onNumberBlur: (event: React.ChangeEvent) => void\n}\n\nexport const CarouselGeneratorContext =\n createContext(CONTEXT_DEFAULT_VALUE)\n\ntype PropType = PropsWithChildren<{}>\n\nexport const CarouselGeneratorProvider = (props: PropType) => {\n const { children } = props\n const [formData, setFormData] = useState(\n CONTEXT_DEFAULT_VALUE.formData\n )\n\n const onChange: CarouselGeneratorContextType['onChange'] = useCallback(\n (key, value) => {\n setFormData((currentFormValues) => ({\n ...currentFormValues,\n [key]: value\n }))\n },\n []\n )\n\n const onCheckboxChange = useCallback(\n (event: React.ChangeEvent) => {\n const { name, checked } = event.currentTarget\n const fieldName = name as keyof CarouselGeneratorFormDataType\n\n onChange(fieldName, checked)\n },\n [onChange]\n )\n\n const onRadioChange = useCallback(\n (event: React.ChangeEvent) => {\n const { name, value } = event.currentTarget\n const fieldName = name as keyof CarouselGeneratorFormDataType\n\n onChange(fieldName, value)\n },\n [onChange]\n )\n\n const onNumberChange = useCallback(\n (event: React.ChangeEvent) => {\n const { name, value } = event.currentTarget\n const fieldName = name as keyof CarouselGeneratorFormDataType\n\n onChange(fieldName, value)\n },\n [onChange]\n )\n\n const onNumberBlur = useCallback(\n (event: React.ChangeEvent) => {\n const input = event.currentTarget\n const fieldName = input.name as keyof CarouselGeneratorFormDataType\n const minValue = parseInt(input.getAttribute('min') || '', 10)\n const maxValue = parseInt(input.getAttribute('max') || '', 10)\n const value = numberWithinRange(\n parseFloat(input.value || '0'),\n minValue,\n maxValue\n )\n\n onChange(fieldName, value.toString())\n },\n [onChange]\n )\n\n const value = useMemo(\n () => ({\n formData,\n onChange,\n onCheckboxChange,\n onRadioChange,\n onNumberChange,\n onNumberBlur\n }),\n [\n formData,\n onChange,\n onCheckboxChange,\n onRadioChange,\n onNumberChange,\n onNumberBlur\n ]\n )\n\n return (\n \n {children}\n \n )\n}\n","import { useContext } from 'react'\nimport {\n CarouselGeneratorContext,\n CarouselGeneratorContextType\n} from 'components/CarouselGenerator/CarouselGeneratorContext'\n\nexport const useCarouselGenerator = (): CarouselGeneratorContextType =>\n useContext(CarouselGeneratorContext)\n","import { EmblaOptionsType } from 'embla-carousel'\nimport { SandboxLabelKeyType } from 'consts/sandbox'\n\nexport type CarouselGeneratorFormDataType = {\n framework: SandboxLabelKeyType | ''\n loop: boolean\n dragFree: boolean\n axis: Extract\n direction: Extract\n accessibility: boolean\n slideSize: string\n slideGapSize: string\n edgeGap: string\n align: Extract\n containScroll: boolean\n navigationPrevNextButtons: boolean\n navigationDots: boolean\n autoplay: boolean\n wheelGestures: boolean\n}\n\nexport const CAROUSEL_GENERATOR_FORM_FIELDS = {\n FRAMEWORK: 'framework',\n LOOP: 'loop',\n DRAG_FREE: 'dragFree',\n AXIS: 'axis',\n DIRECTION: 'direction',\n ACCESSIBILITY: 'accessibility',\n SLIDE_SIZE: 'slideSize',\n SLIDE_GAP_SIZE: 'slideGapSize',\n EDGE_GAP: 'edgeGap',\n ALIGN: 'align',\n CONTAIN_SCROLL: 'containScroll',\n NAVIGATION_PREV_NEXT_BUTTONS: 'navigationPrevNextButtons',\n NAVIGATION_DOTS: 'navigationDots',\n AUTOPLAY: 'autoplay',\n WHEEL_GESTURES: 'wheelGestures'\n}\n\nexport const CAROUSEL_GENERATOR_FORM_PREFIX = 'carousel-generator-form'\n","import { SandboxModuleType } from 'consts/sandbox'\nimport { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\n\nconst START = '{?\\\\/\\\\*'\nconst END = '\\\\*\\\\/}?'\nconst MIDDLE = `${END}([\\\\s\\\\S]*?)${START}`\n\nconst carouselGeneratorToggleFeature = (\n featureLabel: string,\n featureActive: boolean,\n carouselScript: string\n): string => {\n let regexString = ''\n\n if (featureActive) {\n regexString = `(${START}__${featureLabel}_REPLACE_START__${END}\\n?)|(${START}__${featureLabel}_REPLACE_END__${END}\\n?)`\n } else {\n regexString = `${START}__${featureLabel}_REPLACE_START__${MIDDLE}__${featureLabel}_REPLACE_END__${END}\\n?`\n }\n\n const regex = new RegExp(regexString, 'g')\n return carouselScript.replace(regex, '')\n}\n\nexport const carouselGeneratorToggleFeatures = (\n carouselScript: SandboxModuleType,\n settings: CarouselGeneratorFormDataType\n): string => {\n let carouselScriptWithFeatures = carouselScript.default\n const {\n axis,\n navigationPrevNextButtons,\n navigationDots,\n autoplay,\n direction\n } = settings\n const hasNavigation = navigationPrevNextButtons || navigationDots\n const hasAutoplayAndNavigation = autoplay && hasNavigation\n const isHorizontal = axis === 'x'\n const isLeftToRight = direction === 'ltr'\n const isRightToLeft = !isLeftToRight\n\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PREV_NEXT_BUTTONS',\n navigationPrevNextButtons,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'DOT_BUTTONS',\n navigationDots,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PLUGINS',\n autoplay,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'NAV_AUTOPLAY',\n hasAutoplayAndNavigation,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'DIRECTION_RTL',\n isRightToLeft,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'DIRECTION_LTR',\n isLeftToRight,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PREV_NEXT_BUTTONS_LTR',\n isHorizontal && isLeftToRight && navigationPrevNextButtons,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PREV_NEXT_BUTTONS_RTL',\n isHorizontal && isRightToLeft && navigationPrevNextButtons,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PREV_NEXT_BUTTONS_VERTICAL',\n !isHorizontal && navigationPrevNextButtons,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'AUTOPLAY',\n autoplay,\n carouselScriptWithFeatures\n )\n\n return carouselScriptWithFeatures\n}\n","import { FlattenSimpleInterpolation } from 'styled-components'\nimport { styledComponentsStylesToString } from 'utils/styledComponentStylesToString'\nimport { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport {\n ARROWS_STYLES,\n createCarouselDefaultStyles,\n DOTS_STYLES\n} from 'components/Examples/createCarouselStyles'\n\nexport const createCarouselGeneratorStyles = (\n settings: CarouselGeneratorFormDataType\n): string => {\n const {\n navigationPrevNextButtons,\n navigationDots,\n slideSize,\n slideGapSize,\n axis\n } = settings\n const styleList: FlattenSimpleInterpolation[] = []\n\n if (navigationPrevNextButtons) styleList.push(ARROWS_STYLES)\n if (navigationDots) styleList.push(DOTS_STYLES)\n\n return createCarouselDefaultStyles(\n `${slideSize}%`,\n `${parseFloat(slideGapSize) / 10}rem`,\n axis,\n styleList.map((styles) => styledComponentsStylesToString(styles)).join('')\n )\n}\n","import { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { EmblaOptionsType } from 'embla-carousel'\n\nexport const createCarouselGeneratorOptions = (\n settings: CarouselGeneratorFormDataType\n): EmblaOptionsType => {\n const { axis, align, direction, containScroll, loop, dragFree } = settings\n\n return {\n ...(axis !== 'x' && { axis }),\n ...(align !== 'center' && { align }),\n ...(dragFree && { dragFree }),\n ...(direction !== 'ltr' && axis === 'x' && { direction }),\n ...(!loop && containScroll && { containScroll: 'trimSnaps' }),\n ...(loop && { loop })\n }\n}\n","import { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { addSandboxPlugins } from 'utils/sandbox'\nimport {\n SandboxPluginNameType,\n SandboxPluginsType,\n SANDBOX_PLUGINS\n} from 'consts/sandbox'\n\nexport const createCarouselGeneratorPlugins = (\n settings: CarouselGeneratorFormDataType\n): SandboxPluginsType | undefined => {\n const pluginList: SandboxPluginNameType[] = []\n\n if (settings.autoplay) pluginList.push(SANDBOX_PLUGINS.AUTOPLAY)\n\n return addSandboxPlugins(pluginList).plugins\n}\n","import { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { carouselGeneratorToggleFeatures } from 'components/CarouselGenerator/carouselGeneratorToggleFeatures'\nimport { createCarouselGeneratorStyles } from 'components/CarouselGenerator/createCarouselGeneratorStyles'\nimport { createCarouselGeneratorOptions } from 'components/CarouselGenerator/createCarouselGeneratorOptions'\nimport { createCarouselGeneratorPlugins } from 'components/CarouselGenerator/createCarouselGeneratorPlugins'\nimport { CONTEXT_DEFAULT_VALUE } from 'components/CarouselGenerator/CarouselGeneratorContext'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\nimport { SANDBOX_REACT_FOLDERS } from 'components/Sandbox/React/sandboxReactFolders'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst ID = 'embla-carousel-generator'\nconst DEFAULT_SETTINGS = CONTEXT_DEFAULT_VALUE.formData\nconst SLIDES = arrayFromNumber(5)\n\nconst VANILLA_ARROW_BUTTONS_FILE_NAME = 'arrow-buttons'\nconst VANILLA_DOT_BUTTON_FILE_NAME = 'dot-buttons'\n\nconst REACT_ARROW_BUTTONS_FILE_NAME = 'EmblaCarouselArrowButtons'\nconst REACT_DOT_BUTTON_FILE_NAME = 'EmblaCarouselDotButton'\n\nconst sandboxVanilla = async (\n settings: CarouselGeneratorFormDataType = DEFAULT_SETTINGS,\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let arrowButtonsScript: SandboxModuleType\n let dotButtonScript: SandboxModuleType\n\n const carouselHtml = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/embla-carousel.html'\n )\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/EmblaCarousel.ts'\n )\n arrowButtonsScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/arrow-buttons.ts`\n )\n dotButtonScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/dot-buttons.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/EmblaCarousel.js'\n )\n arrowButtonsScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/arrow-buttons.js`\n )\n dotButtonScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/dot-buttons.js`\n )\n }\n\n return createSandboxVanilla({\n id: ID,\n language,\n options: createCarouselGeneratorOptions(settings),\n styles: createCarouselGeneratorStyles(settings),\n carouselScript: carouselGeneratorToggleFeatures(carouselScript, settings),\n plugins: createCarouselGeneratorPlugins(settings),\n carouselHtml: carouselGeneratorToggleFeatures(carouselHtml, settings),\n sandboxOverrides: {\n ...(settings.navigationPrevNextButtons && {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_ARROW_BUTTONS_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(\n carouselGeneratorToggleFeatures(arrowButtonsScript, settings)\n )\n }\n }),\n ...(settings.navigationDots && {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_DOT_BUTTON_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(\n carouselGeneratorToggleFeatures(dotButtonScript, settings)\n )\n }\n })\n }\n })\n}\n\nconst sandboxReact = async (\n settings: CarouselGeneratorFormDataType = DEFAULT_SETTINGS,\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, reactScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let arrowButtonsScript: SandboxModuleType\n let dotButtonScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarousel.tsx`\n )\n arrowButtonsScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarouselArrowButtons.tsx`\n )\n dotButtonScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarouselDotButton.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarousel.jsx`\n )\n arrowButtonsScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarouselArrowButtons.jsx`\n )\n dotButtonScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarouselDotButton.jsx`\n )\n }\n\n return createSandboxReact({\n id: ID,\n language,\n slides: SLIDES,\n options: createCarouselGeneratorOptions(settings),\n styles: createCarouselGeneratorStyles(settings),\n carouselScript: carouselGeneratorToggleFeatures(carouselScript, settings),\n plugins: createCarouselGeneratorPlugins(settings),\n sandboxOverrides: {\n ...(settings.navigationPrevNextButtons && {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_ARROW_BUTTONS_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(\n carouselGeneratorToggleFeatures(arrowButtonsScript, settings)\n )\n }\n }),\n ...(settings.navigationDots && {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_DOT_BUTTON_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(\n carouselGeneratorToggleFeatures(dotButtonScript, settings)\n )\n }\n })\n }\n })\n}\n\nexport const SANDBOXES: SandboxSelectionType[] =\n createSandboxFunctionsWithLabels({\n VANILLA_JS: (settings?: CarouselGeneratorFormDataType) =>\n sandboxVanilla(settings, SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: (settings?: CarouselGeneratorFormDataType) =>\n sandboxVanilla(settings, SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: (settings?: CarouselGeneratorFormDataType) =>\n sandboxReact(settings, SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: (settings?: CarouselGeneratorFormDataType) =>\n sandboxReact(settings, SANDBOX_LANGUAGES.TYPESCRIPT)\n })\n","export const camelOrPascalToKebabCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string\n .split('')\n .map((letter, idx) => {\n return letter.toUpperCase() === letter\n ? `${idx !== 0 ? '-' : ''}${letter.toLowerCase()}`\n : letter\n })\n .join(separator)\n}\n","import { camelOrPascalToKebabCase } from './camelOrPascalToKebabCase'\nimport {\n CarouselGeneratorFormDataType,\n CAROUSEL_GENERATOR_FORM_PREFIX\n} from 'consts/carouselGenerator'\n\ntype CarouselGeneratorInputIdType<\n Key extends keyof CarouselGeneratorFormDataType\n> = {\n ID: string\n FIELD_NAME: Key\n}\n\nexport type CarouselGeneratorRadioType<\n Key extends keyof CarouselGeneratorFormDataType\n> = CarouselGeneratorInputIdType & {\n OPTIONS: {\n LABEL: string\n VALUE: CarouselGeneratorFormDataType[Key]\n }[]\n}\n\nexport type CarouselGeneratorCheckboxType<\n Key extends keyof CarouselGeneratorFormDataType\n> = CarouselGeneratorInputIdType & {\n LABEL: string\n}\n\nexport type CarouselGeneratorInputTextType<\n Key extends keyof CarouselGeneratorFormDataType\n> = CarouselGeneratorInputIdType & {\n LABEL: string\n}\n\nexport const createCarouselGeneratorInputId = <\n Key extends keyof CarouselGeneratorFormDataType\n>(\n fieldName: Key\n): CarouselGeneratorInputIdType => {\n return {\n FIELD_NAME: fieldName,\n ID: `${CAROUSEL_GENERATOR_FORM_PREFIX}-${camelOrPascalToKebabCase(\n fieldName\n )}`\n }\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport { SANDBOXES } from 'components/Examples/CarouselGenerator/CarouselGeneratorSandboxes'\nimport { SandboxSelectionInput } from 'components/Sandbox/SandboxSelectionInput'\nimport { snakeCaseToKebabCase } from 'utils/snakeCaseToKebabCase'\nimport { createGapStyles } from 'utils/createGapStyles'\nimport { SANDBOX_SELECTION_SPACING } from 'consts/sandbox'\nimport {\n CarouselGeneratorRadioType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_FRAMEWORK: CarouselGeneratorRadioType<'framework'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.FRAMEWORK),\n OPTIONS: []\n}\n\nconst SandboxSelectionList = styled.ul`\n ${createGapStyles(\n SANDBOX_SELECTION_SPACING,\n SANDBOX_SELECTION_SPACING,\n 'li'\n )};\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));\n`\n\nexport const CarouselGeneratorFrameworkSettings = () => {\n const { formData, onRadioChange } = useCarouselGenerator()\n\n return (\n
    \n \n {SANDBOXES.map((sandbox) => (\n
  • \n \n {sandbox.label}\n \n
    • \n ))}\n     \n
    \n )\n}\n","import { createRadioOrCheckboxDefault } from './createRadioOrCheckboxDefault'\nimport { createRadioOrCheckboxCard } from './createRadioOrCheckboxCard'\n\nexport const InputCheckboxDefault = createRadioOrCheckboxDefault('checkbox')\n\nexport const InputCheckboxCard = createRadioOrCheckboxCard('checkbox')\n","import React, { PropsWithRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { COLORS } from 'consts/themes'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { LAYERS } from 'consts/layers'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { TAP_HIGHLIGHT_STYLES } from 'consts/tapHighlight'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\n\nconst HEIGHT = SPACINGS.EIGHT\nconst SIDES_PADDING = SPACINGS.THREE\nconst INPUT_RADIUS = BORDER_RADIUSES.BOX\n\nconst InputTextWrapper = styled.span`\n height: ${HEIGHT};\n border-radius: ${INPUT_RADIUS};\n border: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n background-color: ${COLORS.BACKGROUND_CODE};\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n`\n\nconst labelActiveStyles = css`\n transform: translateY(calc(-100% / 2)) scale(0.8);\n`\n\nconst Label = styled.label`\n z-index: ${LAYERS.STEP};\n left: ${SIDES_PADDING};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n position: absolute;\n top: 0;\n pointer-events: none;\n height: 100%;\n display: flex;\n align-items: center;\n transition: transform 0.2s;\n transform-origin: center left;\n`\n\nconst labelTextActiveStyles = css`\n background-color: ${COLORS.BACKGROUND_CODE};\n border: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n`\n\nconst LabelText = styled.span`\n padding-left: ${SPACINGS.ONE};\n padding-right: ${SPACINGS.ONE};\n border-radius: ${INPUT_RADIUS};\n z-index: ${LAYERS.STEP};\n display: flex;\n position: relative;\n align-items: center;\n`\n\nconst Highlight = styled.span`\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n top: -${BORDER_SIZES.DETAIL};\n left: -${BORDER_SIZES.DETAIL};\n bottom: -${BORDER_SIZES.DETAIL};\n right: -${BORDER_SIZES.DETAIL};\n display: block;\n position: absolute;\n border-radius: inherit;\n pointer-events: none;\n visibility: hidden;\n\n &:after {\n background-color: ${COLORS.BACKGROUND_CODE};\n border-radius: inherit;\n position: absolute;\n top: ${BORDER_SIZES.OUTLINE};\n left: ${BORDER_SIZES.OUTLINE};\n bottom: ${BORDER_SIZES.OUTLINE};\n right: ${BORDER_SIZES.OUTLINE};\n content: '';\n }\n`\n\nconst Input = styled.input<{\n $isKeyNavigating: boolean\n $inputHasValue: boolean\n}>`\n ${TAP_HIGHLIGHT_STYLES};\n ${KEY_NAVIGATING_STYLES};\n z-index: ${LAYERS.STEP};\n height: calc(100% - ${BORDER_SIZES.DETAIL} * 2);\n width: calc(100% - ${BORDER_SIZES.DETAIL} * 2);\n color: ${COLORS.TEXT_BODY};\n font-size: ${FONT_SIZES.BODY};\n padding: 0 ${SIDES_PADDING};\n background-color: transparent;\n appearance: none;\n -webkit-appearance: none;\n border-radius: inherit;\n border: 0;\n\n &:focus + ${Highlight} + ${Label} {\n ${labelActiveStyles};\n\n > ${LabelText} {\n ${labelTextActiveStyles};\n }\n }\n\n &:focus + ${Highlight} {\n visibility: visible;\n }\n\n ${({ $inputHasValue }) =>\n $inputHasValue &&\n css`\n & + ${Highlight} + ${Label} {\n ${labelActiveStyles};\n\n > ${LabelText} {\n ${labelTextActiveStyles};\n }\n }\n `};\n`\n\ntype PropType = PropsWithRef<\n React.DetailedHTMLProps<\n React.InputHTMLAttributes,\n HTMLInputElement\n >\n>\n\nexport const InputText = (props: PropType) => {\n const { children, className, ...restProps } = props\n const { isKeyNavigating } = useKeyNavigating()\n\n return (\n \n \n \n \n \n )\n}\n","import styled, { css } from 'styled-components'\nimport { SPACINGS } from 'consts/spacings'\nimport { createGapStyles } from 'utils/createGapStyles'\nimport { MEDIA } from 'consts/breakpoints'\nimport { InputText } from 'components/Input/InputText'\n\nexport const FORM_INPUT_TEXT_MAX_SIZE = '26rem'\n\nexport const FORM_ITEM_SPACING_X = SPACINGS.FOUR\nexport const FORM_ITEM_SPACING_Y = SPACINGS.TWO\n\nexport const FORM_ITEMS_GAP_STYLES = createGapStyles(\n FORM_ITEM_SPACING_X,\n FORM_ITEM_SPACING_Y,\n '*'\n)\n\nexport const FORM_ITEM_MAX_WIDTH_STYLES = css`\n width: 100%;\n\n ${MEDIA.MIN_XS} {\n max-width: 100%;\n width: ${FORM_INPUT_TEXT_MAX_SIZE};\n }\n`\n\nexport const CarouselGeneratorFormItems = styled.div`\n ${FORM_ITEMS_GAP_STYLES};\n margin-bottom: calc(${FORM_ITEM_SPACING_X} - ${FORM_ITEM_SPACING_Y});\n display: flex;\n flex-wrap: wrap;\n`\n\nexport const CarouselGeneratorFormItem = styled.div`\n margin-bottom: ${FORM_ITEM_SPACING_X};\n`\n\nexport const CarouselGeneratorInputText = styled(InputText)`\n ${FORM_ITEM_MAX_WIDTH_STYLES};\n`\n","import React from 'react'\nimport { InputRadioDefault } from 'components/Input/InputRadio'\nimport { InputCheckboxDefault } from 'components/Input/InputCheckbox'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport {\n CarouselGeneratorCheckboxType,\n CarouselGeneratorRadioType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\nimport {\n CarouselGeneratorFormItem,\n CarouselGeneratorFormItems\n} from './CarouselGeneratorFormItems'\n\nconst INPUT_AXIS: CarouselGeneratorRadioType<'axis'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.AXIS),\n OPTIONS: [\n { LABEL: 'Horizontal', VALUE: 'x' },\n { LABEL: 'Vertical', VALUE: 'y' }\n ]\n}\n\nconst INPUT_DIRECTION: CarouselGeneratorRadioType<'direction'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.DIRECTION),\n OPTIONS: [\n { LABEL: 'Left to right', VALUE: 'ltr' },\n { LABEL: 'Right to left', VALUE: 'rtl' }\n ]\n}\n\nconst INPUT_LOOP: CarouselGeneratorCheckboxType<'loop'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.LOOP),\n LABEL: 'Loop'\n}\n\nconst INPUT_DRAG_FREE: CarouselGeneratorCheckboxType<'dragFree'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.DRAG_FREE),\n LABEL: 'Drag free'\n}\n\nconst INPUT_ACCESSIBILITY: CarouselGeneratorCheckboxType<'accessibility'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.ACCESSIBILITY\n ),\n LABEL: 'Accessibility (under development)'\n}\n\nexport const CarouselGeneratorBasicSettings = () => {\n const { formData, onCheckboxChange, onRadioChange } = useCarouselGenerator()\n\n return (\n <>\n \n {INPUT_AXIS.OPTIONS.map(({ VALUE, LABEL }) => (\n
    \n \n {LABEL}\n \n
    \n ))}\n     \n\n \n {INPUT_DIRECTION.OPTIONS.map(({ VALUE, LABEL }) => (\n
    \n \n {LABEL}\n \n
    \n ))}\n \n\n \n \n {INPUT_LOOP.LABEL}\n \n \n\n \n \n {INPUT_DRAG_FREE.LABEL}\n \n \n\n \n \n {INPUT_ACCESSIBILITY.LABEL}\n \n \n \n )\n}\n","import React from 'react'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport {\n CarouselGeneratorFormItem,\n CarouselGeneratorInputText\n} from './CarouselGeneratorFormItems'\nimport {\n CarouselGeneratorInputTextType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_SLIDE_SIZE: CarouselGeneratorInputTextType<'slideSize'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.SLIDE_SIZE),\n LABEL: 'Slide size (%)'\n}\n\nconst INPUT_SLIDE_GAP_SIZE: CarouselGeneratorInputTextType<'slideGapSize'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.SLIDE_GAP_SIZE\n ),\n LABEL: 'Slide gaps (px)'\n}\n\nexport const CarouselGeneratorSlidesSettings = () => {\n const { formData, onNumberChange, onNumberBlur } = useCarouselGenerator()\n\n return (\n <>\n \n \n {INPUT_SLIDE_SIZE.LABEL}\n \n \n\n \n \n {INPUT_SLIDE_GAP_SIZE.LABEL}\n \n \n \n )\n}\n","import React, { useEffect, useState } from 'react'\nimport styled, { css } from 'styled-components'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { InputRadioDefault } from 'components/Input/InputRadio'\nimport { InputCheckboxDefault } from 'components/Input/InputCheckbox'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { Admonition } from 'components/Mdx/Components/Admonition'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { LAYERS } from 'consts/layers'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { useInView } from 'react-intersection-observer'\nimport { SPACINGS } from 'consts/spacings'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport {\n carouselDefaultWrapperStyles,\n CAROUSEL_SLIDES_SPACING,\n CAROUSEL_WRAPPER_SPACING\n} from 'components/Examples/carouselWrapperStyles'\nimport {\n CarouselGeneratorFormItem,\n CarouselGeneratorFormItems\n} from './CarouselGeneratorFormItems'\nimport {\n CarouselGeneratorCheckboxType,\n CarouselGeneratorRadioType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_ALIGN: CarouselGeneratorRadioType<'align'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.ALIGN),\n OPTIONS: [\n { LABEL: 'Start', VALUE: 'start' },\n { LABEL: 'Center', VALUE: 'center' },\n { LABEL: 'End', VALUE: 'end' }\n ]\n}\n\nconst INPUT_CONTAIN_SCROLL: CarouselGeneratorCheckboxType<'containScroll'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.CONTAIN_SCROLL\n ),\n LABEL: 'Clear leading and trailing space'\n}\n\nconst SLIDES = arrayFromNumber(5)\nconst CAROUSEL_ALIGN_ID = `${INPUT_ALIGN.ID}-demo`\n\nconst CAROUSEL_STYLES = createCarouselDefaultStyles('60%')\n\nconst CarouselWrapper = styled.div<{\n $showContainScroll: boolean\n $align: EmblaOptionsType['align']\n}>`\n ${carouselDefaultWrapperStyles};\n\n &.${CAROUSEL_ALIGN_ID} {\n ${CAROUSEL_STYLES};\n margin-bottom: ${SPACINGS.FOUR};\n position: relative;\n\n ${({ $showContainScroll, $align }) =>\n $showContainScroll &&\n css`\n .embla__slide:first-child,\n .embla__slide:last-child {\n position: relative;\n\n &:before {\n top: 0;\n bottom: 0;\n position: absolute;\n font-size: ${FONT_SIZES.CUSTOM(() => 1.3)};\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% / 3);\n }\n }\n\n .embla__slide:first-child {\n &:before {\n content: 'Leading space';\n right: calc(100% - ${CAROUSEL_SLIDES_SPACING});\n ${$align === 'start' &&\n css`\n display: none;\n `}\n }\n }\n\n .embla__slide:last-child {\n &:before {\n content: 'Trailing space';\n left: 100%;\n ${$align === 'end' &&\n css`\n display: none;\n `}\n }\n }\n `};\n }\n }\n`\n\nconst AlignmentMarker = styled.div<{\n $align: EmblaOptionsType['align']\n}>`\n &:before {\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n width: ${BORDER_SIZES.ACCENT_VERTICAL};\n top: calc(${CAROUSEL_WRAPPER_SPACING} / 2);\n bottom: calc(${CAROUSEL_WRAPPER_SPACING} / 2);\n z-index: ${LAYERS.STEP};\n opacity: 0.7;\n position: absolute;\n content: '';\n display: block;\n border-radius: ${BORDER_RADIUSES.LINE};\n\n ${({ $align }) => {\n if ($align === 'start') {\n return css`\n left: ${CAROUSEL_WRAPPER_SPACING};\n `\n }\n if ($align === 'end') {\n return css`\n right: ${CAROUSEL_WRAPPER_SPACING};\n `\n }\n return css`\n left: 50%;\n margin-left: calc(-${BORDER_SIZES.ACCENT_VERTICAL} / 2);\n `\n }};\n`\n\nexport const CarouselGeneratorAlignmentSettings = () => {\n const { formData, onCheckboxChange, onRadioChange } = useCarouselGenerator()\n const [inViewRef, inView] = useInView()\n const slideSize = formData[CAROUSEL_GENERATOR_FORM_FIELDS.SLIDE_SIZE]\n const loop = formData[CAROUSEL_GENERATOR_FORM_FIELDS.LOOP]\n const dragFree = formData[CAROUSEL_GENERATOR_FORM_FIELDS.DRAG_FREE]\n const align = formData[INPUT_ALIGN.FIELD_NAME]\n const containScroll = formData[INPUT_CONTAIN_SCROLL.FIELD_NAME]\n ? 'trimSnaps'\n : false\n const [options, setOptions] = useState({\n align,\n containScroll,\n loop,\n dragFree\n })\n\n useEffect(() => {\n setOptions({\n align,\n containScroll,\n loop,\n dragFree\n })\n }, [loop, dragFree, align, containScroll])\n\n return (\n <>\n {slideSize === '100' && (\n \n Aligment settings will only work for carousels with{' '}\n slide sizes less than 100%.\n \n )}\n \n {inView ? (\n <>\n \n \n \n ) : null}\n \n\n \n {INPUT_ALIGN.OPTIONS.map(({ VALUE, LABEL }) => (\n
    \n \n {LABEL}\n \n
    \n ))}\n     \n\n {!loop && (\n \n \n {INPUT_CONTAIN_SCROLL.LABEL}\n \n \n )}\n \n )\n}\n","import React from 'react'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport { CarouselGeneratorFormItem } from './CarouselGeneratorFormItems'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { InputCheckboxDefault } from 'components/Input/InputCheckbox'\nimport {\n CarouselGeneratorCheckboxType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_PREV_NEXT_BUTTONS: CarouselGeneratorCheckboxType<'navigationPrevNextButtons'> =\n {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.NAVIGATION_PREV_NEXT_BUTTONS\n ),\n LABEL: 'Previous and next buttons'\n }\n\nconst INPUT_DOTS: CarouselGeneratorCheckboxType<'navigationDots'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.NAVIGATION_DOTS\n ),\n LABEL: 'Dot navigation'\n}\n\nexport const CarouselGeneratorNavigationSettings = () => {\n const { formData, onCheckboxChange } = useCarouselGenerator()\n\n return (\n <>\n \n \n {INPUT_PREV_NEXT_BUTTONS.LABEL}\n \n \n\n \n \n {INPUT_DOTS.LABEL}\n \n \n \n )\n}\n","import React from 'react'\nimport { InputCheckboxDefault } from 'components/Input/InputCheckbox'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { CarouselGeneratorFormItem } from './CarouselGeneratorFormItems'\nimport {\n CarouselGeneratorCheckboxType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_AUTOPLAY: CarouselGeneratorCheckboxType<'autoplay'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.AUTOPLAY),\n LABEL: 'Autoplay'\n}\n\nconst INPUT_WHEEL_GESTURES: CarouselGeneratorCheckboxType<'wheelGestures'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.WHEEL_GESTURES\n ),\n LABEL: 'Wheel gestures (under development)'\n}\n\nexport const CarouselGeneratorPlugins = () => {\n const { formData, onCheckboxChange } = useCarouselGenerator()\n\n return (\n <>\n \n \n {INPUT_AUTOPLAY.LABEL}\n \n \n\n \n \n {INPUT_WHEEL_GESTURES.LABEL}\n \n \n \n )\n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { SPACINGS } from 'consts/spacings'\nimport { createGapStyles } from 'utils/createGapStyles'\nimport { ButtonPrimaryFilledWithLoading } from 'components/Button/ButtonPrimaryFilled'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { SandboxLabelKeyType } from 'consts/sandbox'\nimport { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { SANDBOXES } from 'components/Examples/CarouselGenerator/CarouselGeneratorSandboxes'\nimport {\n FORM_ITEM_MAX_WIDTH_STYLES,\n FORM_ITEM_SPACING_X\n} from './CarouselGeneratorFormItems'\n\nconst CarouselGeneratorSubmitWrapper = styled.div`\n ${createGapStyles(FORM_ITEM_SPACING_X, SPACINGS.EIGHT)}\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst CarouselGeneratorButtonWrapper = styled.div`\n ${FORM_ITEM_MAX_WIDTH_STYLES};\n`\n\nexport const CarouselGeneratorSubmit = () => {\n const { formData } = useCarouselGenerator()\n const [sandbox, setSandbox] = useState('')\n const sandboxKey = formData.framework\n const isLoading = !!(sandboxKey && !sandbox)\n\n const loadSandbox = useCallback(\n async (\n key: SandboxLabelKeyType,\n settings: CarouselGeneratorFormDataType\n ) => {\n const sandbox = SANDBOXES.find((sandbox) => sandbox.key === key)\n if (sandbox) setSandbox(await sandbox.createSandbox(settings))\n },\n []\n )\n\n useEffect(() => {\n if (sandboxKey) {\n setSandbox('')\n loadSandbox(sandboxKey, formData)\n }\n }, [sandboxKey, formData])\n\n return (\n
    \n \n\n \n \n \n Create CodeSandbox\n \n \n \n
    \n )\n}\n","import React from 'react'\nimport { LinkContent } from 'components/Link/LinkContent'\nimport { URLS } from 'consts/urls'\n\nexport const CarouselGeneratorSupport = () => {\n return (\n
      \n
    • \n PayPal\n
      • \n
    • \n Ko-fi\n
      • \n
    \n )\n}\n","/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {URLS} from 'consts/urls';\nimport {LinkContent} from 'components/Link/LinkContent';\nimport {CarouselGeneratorFrameworkSettings} from 'components/CarouselGenerator/CarouselGeneratorFrameworkSettings';\nimport {CarouselGeneratorBasicSettings} from 'components/CarouselGenerator/CarouselGeneratorBasicSettings';\nimport {CarouselGeneratorSlidesSettings} from 'components/CarouselGenerator/CarouselGeneratorSlidesSettings';\nimport {CarouselGeneratorAlignmentSettings} from 'components/CarouselGenerator/CarouselGeneratorAlignmentSettings';\nimport {CarouselGeneratorNavigationSettings} from 'components/CarouselGenerator/CarouselGeneratorNavigationSettings';\nimport {CarouselGeneratorPlugins} from 'components/CarouselGenerator/CarouselGeneratorPlugins';\nimport {CarouselGeneratorSubmit} from 'components/CarouselGenerator/CarouselGeneratorSubmit';\nimport {CarouselGeneratorSupport} from 'components/CarouselGenerator/CarouselGeneratorSupport';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components), {Admonition} = _components;\n if (!Admonition) _missingMdxReference(\"Admonition\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Carousel generator\"), \"\\n\", React.createElement(_components.p, null, \"Just follow the instructions and create your own customized carousel setup in no time!\"), \"\\n\", React.createElement(Admonition, {\n type: \"warning\"\n }, React.createElement(_components.p, null, React.createElement(_components.strong, null, \"Caution:\"), \" The carousel generator is an experimental Embla Carousel feature\\nintroduced in v8.0.0. This generator is subject to change before it is marked\\nas stable.\"), React.createElement(\"br\"), React.createElement(_components.p, null, \"Join the \", React.createElement(LinkContent, {\n to: `${URLS.GITHUB_DISCUSSIONS}/513`\n }, \"discussion here\"), \"!\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"choose-framework\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#choose-framework\",\n \"aria-label\": \"choose framework permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Choose framework\"), \"\\n\", React.createElement(CarouselGeneratorFrameworkSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"basic-settings\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#basic-settings\",\n \"aria-label\": \"basic settings permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Basic settings\"), \"\\n\", React.createElement(CarouselGeneratorBasicSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"slide-settings\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#slide-settings\",\n \"aria-label\": \"slide settings permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Slide settings\"), \"\\n\", React.createElement(CarouselGeneratorSlidesSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"alignment-settings\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#alignment-settings\",\n \"aria-label\": \"alignment settings permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Alignment settings\"), \"\\n\", React.createElement(CarouselGeneratorAlignmentSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"navigation-settings\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#navigation-settings\",\n \"aria-label\": \"navigation settings permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Navigation settings\"), \"\\n\", React.createElement(CarouselGeneratorNavigationSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#plugins\",\n \"aria-label\": \"plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Plugins\"), \"\\n\", React.createElement(CarouselGeneratorPlugins), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(CarouselGeneratorSubmit), \"\\n\", React.createElement(_components.h2, {\n id: \"support\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#support\",\n \"aria-label\": \"support permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Support\"), \"\\n\", React.createElement(_components.p, null, \"Did this save you time? Don't say thank you! \", React.createElement(_components.strong, null, \"Share\"), \" it, \", React.createElement(_components.strong, null, \"star\"), \" it or \", React.createElement(_components.strong, null, \"support\"), \" my work:\"), \"\\n\", React.createElement(CarouselGeneratorSupport));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import React, { PropsWithRef } from 'react'\nimport { URLS } from 'consts/urls'\n\ntype PropType = PropsWithRef<\n React.DetailedHTMLProps<\n React.FormHTMLAttributes,\n HTMLFormElement\n >\n>\n\nexport const CarouselGeneratorForm = (props: PropType) => {\n const { children, ...restProps } = props\n\n return (\n \n {children}\n \n )\n}\n","import React, { PropsWithChildren, useMemo } from 'react'\nimport { graphql } from 'gatsby'\nimport { Seo } from 'components/Seo/Seo'\nimport maskable from 'assets/images/maskable.png'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { PageEditThisPage } from 'components/Page/PageEditThisPage'\nimport { PagePagination } from 'components/Page/PagePagination'\nimport { PageBreadcrumbs } from 'components/Page/PageBreadcrumbs'\nimport { MAIN_CONTENT_ID } from 'components/KeyNavigating/KeyNavigatingSkipToContent'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { Mdx } from 'components/Mdx/Mdx'\nimport {\n PagePropType,\n PageHeadPropType,\n PageDefaultLayoutType,\n PagePaginationType\n} from 'consts/page'\n\nexport const query = graphql`\n query PageDefaultQuery($id: String) {\n mdx(id: { eq: $id }) {\n tableOfContents\n frontmatter {\n title\n description\n date(formatString: \"DD MMMM YYYY\")\n }\n }\n }\n`\n\nexport const Head = (props: PageHeadPropType) => {\n const { data, pageContext } = props\n const { siteUrl, author } = useSiteMetadata()\n const { title = '', description, date } = data.mdx.frontmatter\n const dateToISOString = useMemo(\n () => new Date(`${date} UTC`).toISOString(),\n [date]\n )\n\n return (\n \n \n \n )\n}\n\nexport type PropType = PropsWithChildren<\n PagePropType\n>\n\nconst PageDefault = (props: PropType) => {\n const { pageContext, children } = props\n const { next, previous, filePath, id } = pageContext\n\n return (\n <>\n \n
    \n {children}\n
    \n \n \n \n )\n}\n\nexport default PageDefault\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/examples/generator.mdx\";\nimport React from 'react';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {CarouselGeneratorForm} from 'components/CarouselGenerator/CarouselGeneratorForm';\nimport {CarouselGeneratorProvider} from 'components/CarouselGenerator/CarouselGeneratorContext';\nimport {Mdx} from 'components/Mdx/Mdx';\nimport {Head} from './Default';\nconst query = \"1476602449\";\nexport {Head};\nconst PageGenerator = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(CarouselGeneratorProvider, null, React.createElement(CarouselGeneratorForm, {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children))), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageGenerator\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageGenerator, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n"],"names":["CONTEXT_DEFAULT_VALUE","formData","framework","loop","dragFree","axis","direction","accessibility","slideSize","slideGapSize","edgeGap","align","containScroll","navigationPrevNextButtons","navigationDots","autoplay","wheelGestures","onChange","onCheckboxChange","onRadioChange","onNumberChange","onNumberBlur","CarouselGeneratorContext","createContext","CarouselGeneratorProvider","props","children","setFormData","useState","useCallback","key","value","currentFormValues","event","name","checked","currentTarget","input","fieldName","minValue","parseInt","getAttribute","maxValue","number","parseFloat","min","max","Math","toString","useMemo","React","Provider","useCarouselGenerator","useContext","CAROUSEL_GENERATOR_FORM_FIELDS","START","END","MIDDLE","carouselGeneratorToggleFeature","featureLabel","featureActive","carouselScript","regexString","regex","RegExp","replace","carouselGeneratorToggleFeatures","settings","carouselScriptWithFeatures","default","hasAutoplayAndNavigation","isHorizontal","isLeftToRight","isRightToLeft","createCarouselGeneratorStyles","styleList","push","ARROWS_STYLES","DOTS_STYLES","createCarouselDefaultStyles","map","styles","styledComponentsStylesToString","join","createCarouselGeneratorOptions","createCarouselGeneratorPlugins","pluginList","SANDBOX_PLUGINS","addSandboxPlugins","plugins","ID","DEFAULT_SETTINGS","SLIDES","arrayFromNumber","sandboxVanilla","async","language","isTypeScript","vanillaScriptExtension","formatScript","sandboxLanguageUtils","arrowButtonsScript","dotButtonScript","carouselHtml","createSandboxVanilla","id","options","sandboxOverrides","SANDBOX_VANILLA_FOLDERS","isBinary","content","sandboxReact","reactScriptExtension","createSandboxReact","slides","SANDBOX_REACT_FOLDERS","SANDBOXES","createSandboxFunctionsWithLabels","VANILLA_JS","SANDBOX_LANGUAGES","VANILLA_TS","REACT_JS","REACT_TS","createCarouselGeneratorInputId","FIELD_NAME","CAROUSEL_GENERATOR_FORM_PREFIX","string","separator","split","letter","idx","toUpperCase","toLowerCase","INPUT_FRAMEWORK","OPTIONS","SandboxSelectionList","styled","createGapStyles","SANDBOX_SELECTION_SPACING","CarouselGeneratorFrameworkSettings","role","sandbox","SandboxSelectionInput","snakeCaseToKebabCase","label","InputCheckboxDefault","createRadioOrCheckboxDefault","createRadioOrCheckboxCard","HEIGHT","SPACINGS","SIDES_PADDING","INPUT_RADIUS","BORDER_RADIUSES","InputTextWrapper","BORDER_SIZES","COLORS","labelActiveStyles","css","Label","LAYERS","labelTextActiveStyles","LabelText","Highlight","BRAND_GRADIENT_BACKGROUND_STYLES","Input","TAP_HIGHLIGHT_STYLES","KEY_NAVIGATING_STYLES","FONT_SIZES","_ref","$inputHasValue","FORM_ITEM_SPACING_X","FORM_ITEM_SPACING_Y","FORM_ITEMS_GAP_STYLES","FORM_ITEM_MAX_WIDTH_STYLES","MEDIA","CarouselGeneratorFormItems","CarouselGeneratorFormItem","CarouselGeneratorInputText","className","restProps","isKeyNavigating","useKeyNavigating","$isKeyNavigating","type","INPUT_AXIS","LABEL","VALUE","INPUT_DIRECTION","INPUT_LOOP","INPUT_DRAG_FREE","INPUT_ACCESSIBILITY","CarouselGeneratorBasicSettings","InputRadioDefault","_ref2","disabled","INPUT_SLIDE_SIZE","INPUT_SLIDE_GAP_SIZE","CarouselGeneratorSlidesSettings","onBlur","INPUT_ALIGN","INPUT_CONTAIN_SCROLL","CAROUSEL_ALIGN_ID","CAROUSEL_STYLES","CarouselWrapper","carouselDefaultWrapperStyles","$showContainScroll","$align","CAROUSEL_SLIDES_SPACING","AlignmentMarker","CAROUSEL_WRAPPER_SPACING","CarouselGeneratorAlignmentSettings","inViewRef","inView","useInView","setOptions","useEffect","Admonition","ref","CarouselDefault","_ref3","INPUT_PREV_NEXT_BUTTONS","INPUT_DOTS","CarouselGeneratorNavigationSettings","INPUT_AUTOPLAY","INPUT_WHEEL_GESTURES","CarouselGeneratorPlugins","CarouselGeneratorSubmitWrapper","CarouselGeneratorButtonWrapper","CarouselGeneratorSubmit","setSandbox","sandboxKey","isLoading","loadSandbox","find","createSandbox","ButtonPrimaryFilledWithLoading","CarouselGeneratorSupport","LinkContent","to","URLS","_createMdxContent","_components","Object","assign","h1","p","strong","hr","h2","a","div","_provideComponents","components","component","Error","_missingMdxReference","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","CarouselGeneratorForm","action","method","target","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","Date","toISOString","Seo","url","slug","removeProtocol","maskable","PageGenerator","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js","mappings":"8PAAO,MCUMA,EAAsD,CACjEC,SAAU,CACRC,UAAW,GACXC,MAAM,EACNC,UAAU,EACVC,KAAM,IACNC,UAAW,MACXC,eAAe,EACfC,UAAW,MACXC,aAAc,KACdC,QAAS,IACTC,MAAO,SACPC,eAAe,EACfC,2BAA2B,EAC3BC,gBAAgB,EAChBC,UAAU,EACVC,eAAe,GAEjBC,SAAU,KAAe,EACzBC,iBAAkB,KAAe,EACjCC,cAAe,KAAe,EAC9BC,eAAgB,KAAe,EAC/BC,aAAc,KAChB,GAcaC,GACXC,EAAAA,EAAAA,eAA4CvB,GAIjCwB,EAA6BC,IACxC,MAAM,SAAEC,GAAaD,GACf,EAACxB,EAAS,EAAC0B,IAAeC,EAAAA,EAAAA,UAC9B5B,EAAsBC,UAGlBgB,GAAqDY,EAAAA,EAAAA,cACzD,CAACC,EAAKC,KACJJ,GAAaK,IAAiB,IACzBA,EACH,CAACF,GAAMC,KACN,GAEL,IAGIb,GAAmBW,EAAAA,EAAAA,cACtBI,IACC,MAAM,KAAEC,EAAI,QAAEC,GAAYF,EAAMG,cAGhCnB,EAFkBiB,EAEEC,EAAQ,GAE9B,CAAClB,IAGGE,GAAgBU,EAAAA,EAAAA,cACnBI,IACC,MAAM,KAAEC,EAAI,MAAEH,GAAUE,EAAMG,cAG9BnB,EAFkBiB,EAEEH,EAAM,GAE5B,CAACd,IAGGG,GAAiBS,EAAAA,EAAAA,cACpBI,IACC,MAAM,KAAEC,EAAI,MAAEH,GAAUE,EAAMG,cAG9BnB,EAFkBiB,EAEEH,EAAM,GAE5B,CAACd,IAGGI,GAAeQ,EAAAA,EAAAA,cAClBI,IACC,MAAMI,EAAQJ,EAAMG,cACdE,EAAYD,EAAMH,KAClBK,EAAWC,SAASH,EAAMI,aAAa,QAAU,GAAI,IACrDC,EAAWF,SAASH,EAAMI,aAAa,QAAU,GAAI,IACrDV,GDvGVY,ECwGMC,WAAWP,EAAMN,OAAS,KDvGhCc,ECwGMN,EDvGNO,ECwGMJ,EDvGKK,KAAKF,IAAIE,KAAKD,IAAIH,EAAQE,GAAMC,IAJZ,IAC/BH,EACAE,EACAC,EC2GI7B,EAASqB,EAAWP,EAAMiB,WAAW,GAEvC,CAAC/B,IAGGc,GAAQkB,EAAAA,EAAAA,UACZ,MACEhD,WACAgB,WACAC,mBACAC,gBACAC,iBACAC,kBAEF,CACEpB,EACAgB,EACAC,EACAC,EACAC,EACAC,IAIJ,OACE6B,EAAAA,cAAC5B,EAAyB6B,SAAQ,CAACpB,MAAOA,GACvCL,EACiC,ECnI3B0B,EAAuB,KAClCC,EAAAA,EAAAA,YAAW/B,GCcAgC,EACA,YADAA,EAEL,OAFKA,EAGA,WAHAA,EAIL,OAJKA,EAKA,YALAA,EAMI,gBANJA,EAOC,YAPDA,EAQK,eARLA,EAUJ,QAVIA,EAWK,gBAXLA,EAYmB,4BAZnBA,EAaM,iBAbNA,EAcD,WAdCA,EAeK,gBCjCZC,EAAQ,WACRC,EAAM,WACNC,EAAYD,EAAG,eAAeD,EAE9BG,EAAiC,CACrCC,EACAC,EACAC,KAEA,IAAIC,EAAc,GAGhBA,EADEF,EACS,IAAOL,EAAK,KAAKI,EAAY,mBAAmBH,EAAG,SAASD,EAAK,KAAKI,EAAY,iBAAiBH,EAAG,OAEhGD,EAAK,KAAKI,EAAY,mBAAmBF,EAAM,KAAKE,EAAY,iBAAiBH,EAAG,MAGvG,MAAMO,EAAQ,IAAIC,OAAOF,EAAa,KACtC,OAAOD,EAAeI,QAAQF,EAAO,GAAG,EAG7BG,EAAkC,CAC7CL,EACAM,KAEA,IAAIC,EAA6BP,EAAeQ,QAChD,MAAM,KACJhE,EAAI,0BACJQ,EAAyB,eACzBC,EAAc,SACdC,EAAQ,UACRT,GACE6D,EAEEG,EAA2BvD,IADXF,GAA6BC,GAE7CyD,EAAwB,MAATlE,EACfmE,EAA8B,QAAdlE,EAChBmE,GAAiBD,EAqDvB,OAnDAJ,EAA6BV,EAC3B,oBACA7C,EACAuD,GAEFA,EAA6BV,EAC3B,cACA5C,EACAsD,GAEFA,EAA6BV,EAC3B,UACA3C,EACAqD,GAEFA,EAA6BV,EAC3B,eACAY,EACAF,GAEFA,EAA6BV,EAC3B,gBACAe,EACAL,GAEFA,EAA6BV,EAC3B,gBACAc,EACAJ,GAEFA,EAA6BV,EAC3B,wBACAa,GAAgBC,GAAiB3D,EACjCuD,GAEFA,EAA6BV,EAC3B,wBACAa,GAAgBE,GAAiB5D,EACjCuD,GAEFA,EAA6BV,EAC3B,8BACCa,GAAgB1D,EACjBuD,GAEFA,EAA6BV,EAC3B,WACA3C,EACAqD,GAGKA,CAA0B,E,uBCpF5B,MAAMM,EACXP,IAEA,MAAM,0BACJtD,EAAyB,eACzBC,EAAc,UACdN,EAAS,aACTC,EAAY,KACZJ,GACE8D,EACEQ,EAA0C,GAKhD,OAHI9D,GAA2B8D,EAAUC,KAAKC,EAAAA,IAC1C/D,GAAgB6D,EAAUC,KAAKE,EAAAA,KAE5BC,EAAAA,EAAAA,IACFvE,EAAS,IACToC,WAAWnC,GAAgB,GAAE,MAChCJ,EACAsE,EAAUK,KAAKC,IAAWC,EAAAA,EAAAA,GAA+BD,KAASE,KAAK,IACxE,EC1BUC,EACXjB,IAEA,MAAM,KAAE9D,EAAI,MAAEM,EAAK,UAAEL,EAAS,cAAEM,EAAa,KAAET,EAAI,SAAEC,GAAa+D,EAElE,MAAO,IACQ,MAAT9D,GAAgB,CAAEA,WACR,WAAVM,GAAsB,CAAEA,YACxBP,GAAY,CAAEA,eACA,QAAdE,GAAgC,MAATD,GAAgB,CAAEC,iBACxCH,GAAQS,GAAiB,CAAEA,cAAe,gBAC3CT,GAAQ,CAAEA,QACf,E,wBCPI,MAAMkF,EACXlB,IAEA,MAAMmB,EAAsC,GAI5C,OAFInB,EAASpD,UAAUuE,EAAWV,KAAKW,EAAAA,GAAAA,WAEhCC,EAAAA,EAAAA,IAAkBF,GAAYG,OAAO,E,sDCO9C,MAAMC,EAAK,2BACLC,EAAmB3F,EAAsBC,SACzC2F,GAASC,EAAAA,EAAAA,GAAgB,GAQzBC,EAAiBC,eACrB5B,EACA6B,QADuC,IAAvC7B,IAAAA,EAA0CwB,GAG1C,MAAM,aAAEM,EAAY,uBAAEC,EAAsB,aAAEC,SACtCC,EAAAA,EAAAA,IAAqBJ,GAC7B,IAAInC,EACAwC,EACAC,EAEJ,MAAMC,QAAqB,+BA0B3B,OAtBIN,GACFpC,QAAuB,+BAGvBwC,QAA2B,+BAG3BC,QAAwB,iCAIxBzC,QAAuB,2BAGvBwC,QAA2B,+BAG3BC,QAAwB,iCAKnBE,EAAAA,EAAAA,GAAqB,CAC1BC,GAAIf,EACJM,WACAU,QAAStB,EAA+BjB,GACxCc,OAAQP,EAA8BP,GACtCN,eAAgBK,EAAgCL,EAAgBM,GAChEsB,QAASJ,EAA+BlB,GACxCoC,aAAcrC,EAAgCqC,EAAcpC,GAC5DwC,iBAAkB,IACZxC,EAAStD,2BAA6B,CACxC,CAAI+F,EAAAA,EAAAA,GAAAA,kBAAiEV,GACnE,CACEW,UAAU,EACVC,QAASX,EACPjC,EAAgCmC,EAAoBlC,SAIxDA,EAASrD,gBAAkB,CAC7B,CAAI8F,EAAAA,EAAAA,GAAAA,gBAA8DV,GAChE,CACEW,UAAU,EACVC,QAASX,EACPjC,EAAgCoC,EAAiBnC,QAM/D,EAEM4C,EAAehB,eACnB5B,EACA6B,QADuC,IAAvC7B,IAAAA,EAA0CwB,GAG1C,MAAM,aAAEM,EAAY,qBAAEe,EAAoB,aAAEb,SACpCC,EAAAA,EAAAA,IAAqBJ,GAC7B,IAAInC,EACAwC,EACAC,EAwBJ,OAtBIL,GACFpC,QAAuB,+BAGvBwC,QAA2B,+BAG3BC,QAAwB,iCAIxBzC,QAAuB,+BAGvBwC,QAA2B,+BAG3BC,QAAwB,+BAKnBW,EAAAA,EAAAA,GAAmB,CACxBR,GAAIf,EACJM,WACAkB,OAAQtB,EACRc,QAAStB,EAA+BjB,GACxCc,OAAQP,EAA8BP,GACtCN,eAAgBK,EAAgCL,EAAgBM,GAChEsB,QAASJ,EAA+BlB,GACxCwC,iBAAkB,IACZxC,EAAStD,2BAA6B,CACxC,CAAIsG,EAAAA,EAAAA,GAAAA,8BAA6DH,GAC/D,CACEH,UAAU,EACVC,QAASX,EACPjC,EAAgCmC,EAAoBlC,SAIxDA,EAASrD,gBAAkB,CAC7B,CAAIqG,EAAAA,EAAAA,GAAAA,2BAA0DH,GAC5D,CACEH,UAAU,EACVC,QAASX,EACPjC,EAAgCoC,EAAiBnC,QAM/D,EAEaiD,GACXC,EAAAA,EAAAA,IAAiC,CAC/BC,WAAanD,GACX2B,EAAe3B,EAAUoD,EAAAA,GAAAA,YAC3BC,WAAarD,GACX2B,EAAe3B,EAAUoD,EAAAA,GAAAA,YAC3BE,SAAWtD,GACT4C,EAAa5C,EAAUoD,EAAAA,GAAAA,YACzBG,SAAWvD,GACT4C,EAAa5C,EAAUoD,EAAAA,GAAAA,c,kCC3KtB,MCkCMI,EAGXrF,IAEA,MAAO,CACLsF,WAAYtF,EACZoD,GAAOmC,4BDxCTC,ECyCIxF,ODzCU,IAAdwF,IAAAA,EAAiB,SACA,IAAjBC,IAAAA,EAAoB,IAEbD,EACJE,MAAM,IACNhD,KAAI,CAACiD,EAAQC,IACLD,EAAOE,gBAAkBF,GACjB,IAARC,EAAY,IAAM,IAAKD,EAAOG,cACjCH,IAEL9C,KAAK4C,KAX8B,IACtCD,EACAC,CC0CC,EC9BGM,EAA2D,IAC5DV,EAA+BrE,GAClCgF,QAAS,IAGLC,GAAuBC,EAAAA,QAAAA,GAAAA,WAAS,oGAATA,CAAS,iFAClCC,EAAAA,EAAAA,GACAC,EAAAA,GACAA,EAAAA,GACA,OAMSC,GAAqC,KAChD,MAAM,SAAE1I,EAAQ,cAAEkB,GAAkBiC,IAEpC,OACEF,EAAAA,cAAAA,MAAAA,KACEA,EAAAA,cAACqF,GAAoB,CAACK,KAAK,aAAa,aAAYP,EAAgB3C,IACjE0B,EAAUpC,KAAK6D,GACd3F,EAAAA,cAAAA,KAAAA,CAAIpB,IAAK+G,EAAQ/G,KACfoB,EAAAA,cAAC4F,EAAAA,EAAqB,CACpB5I,UAAW2I,EAAQ/G,IACnBI,KAAMmG,EAAgBT,WACtBnB,GAAO4B,EAAgB3C,GAAE,KAAIqD,EAAAA,EAAAA,GAAqBF,EAAQ/G,KAC1DC,MAAO8G,EAAQ/G,IACfb,SAAUE,EACVgB,QAASlC,EAASoI,EAAgBT,cAAgBiB,EAAQ/G,KAEzD+G,EAAQG,WAKb,E,qCC/CH,MAAMC,IAAuBC,EAAAA,GAAAA,GAA6B,aAEhCC,EAAAA,GAAAA,GAA0B,Y,gHCO3D,MAAMC,GAASC,GAAAA,EAAAA,MACTC,GAAgBD,GAAAA,EAAAA,MAChBE,GAAeC,GAAAA,EAAAA,IAEfC,GAAmBjB,EAAAA,QAAAA,KAAAA,WAAW,uEAAXA,CAAW,4JACxBY,GACOG,GACPG,GAAAA,EAAAA,OAA6BC,GAAAA,GAAAA,oBACnBA,GAAAA,GAAAA,iBAOhBC,IAAoBC,EAAAA,EAAAA,KAAG,uDAIvBC,GAAQtB,EAAAA,QAAAA,MAAAA,WAAY,4DAAZA,CAAY,mLACbuB,GAAAA,EAAAA,KACHT,GACCK,GAAAA,GAAAA,mBAWLK,IAAwBH,EAAAA,EAAAA,KAAG,+CACXF,GAAAA,GAAAA,gBACVD,GAAAA,EAAAA,OAA6BC,GAAAA,GAAAA,qBAGnCM,GAAYzB,EAAAA,QAAAA,KAAAA,WAAW,gEAAXA,CAAW,wHACXa,GAAAA,EAAAA,IACCA,GAAAA,EAAAA,IACAE,GACNQ,GAAAA,EAAAA,MAMPG,GAAY1B,EAAAA,QAAAA,KAAAA,WAAW,gEAAXA,CAAW,sQACzB2B,GAAAA,EACMT,GAAAA,EAAAA,OACCA,GAAAA,EAAAA,OACEA,GAAAA,EAAAA,OACDA,GAAAA,EAAAA,OAQYC,GAAAA,GAAAA,gBAGbD,GAAAA,EAAAA,QACCA,GAAAA,EAAAA,QACEA,GAAAA,EAAAA,QACDA,GAAAA,EAAAA,SAKPU,GAAQ5B,EAAAA,QAAAA,MAAAA,WAAY,4DAAZA,CAAY,oSAItB6B,GAAAA,EACAC,GAAAA,EACSP,GAAAA,EAAAA,KACWL,GAAAA,EAAAA,OACDA,GAAAA,EAAAA,OACZC,GAAAA,GAAAA,UACIY,GAAAA,EAAAA,KACAjB,GAODY,GAAeJ,GACvBF,GAEEK,GACAD,GAIME,IAIVM,IAAAA,IAAC,eAAEC,GAAgB,SACnBA,IACAZ,EAAAA,EAAAA,KAAG,mCACKK,GAAeJ,GACjBF,GAEEK,GACAD,GAGP,ICpHQU,GAAsBrB,GAAAA,EAAAA,KACtBsB,GAAsBtB,GAAAA,EAAAA,IAEtBuB,IAAwBnC,EAAAA,EAAAA,GACnCiC,GACAC,GACA,KAGWE,IAA6BhB,EAAAA,EAAAA,KAAG,8CAGzCiB,GAAAA,GAAAA,OAdoC,SAoB3BC,GAA6BvC,EAAAA,QAAAA,IAAAA,WAAU,qEAAVA,CAAU,mEAChDoC,GACoBF,GAAyBC,IAKpCK,GAA4BxC,EAAAA,QAAAA,IAAAA,WAAU,gGAAVA,CAAU,uBAChCkC,IAGNO,IAA6BzC,EAAAA,EAAAA,UDiGhB/G,IACxB,MAAM,SAAEC,EAAQ,UAAEwJ,KAAcC,GAAc1J,GACxC,gBAAE2J,IAAoBC,EAAAA,GAAAA,KAE5B,OACEnI,EAAAA,cAACuG,GAAgB,CAACyB,UAAWA,GAC3BhI,EAAAA,cAACkH,GAAK,eACJkB,iBAAkBF,EAClBX,iBAAkBU,EAAUpJ,MAC5BwJ,KAAK,QACDJ,IAENjI,EAAAA,cAACgH,GAAS,MACVhH,EAAAA,cAAC4G,GAAK,KACJ5G,EAAAA,cAAC+G,GAAS,KAAEvI,IAEG,ICjHoC,4GAAjB8G,CAAiB,SACvDqC,ICvBEW,GAAiD,IAClD7D,EAA+BrE,GAClCgF,QAAS,CACP,CAAEmD,MAAO,aAAcC,MAAO,KAC9B,CAAED,MAAO,WAAYC,MAAO,OAI1BC,GAA2D,IAC5DhE,EAA+BrE,GAClCgF,QAAS,CACP,CAAEmD,MAAO,gBAAiBC,MAAO,OACjC,CAAED,MAAO,gBAAiBC,MAAO,SAI/BE,GAAoD,IACrDjE,EAA+BrE,GAClCmI,MAAO,QAGHI,GAA6D,IAC9DlE,EAA+BrE,GAClCmI,MAAO,aAGHK,GAAsE,IACvEnE,EACDrE,GAEFmI,MAAO,qCAGIM,GAAiC,KAC5C,MAAM,SAAE9L,EAAQ,iBAAEiB,EAAgB,cAAEC,GAAkBiC,IAEtD,OACEF,EAAAA,cAAAA,EAAAA,SAAAA,KACEA,EAAAA,cAAC6H,GAA0B,CAACnC,KAAK,aAAa,aAAY4C,GAAW9F,IAClE8F,GAAWlD,QAAQtD,KAAIwF,IAAAA,IAAC,MAAEkB,EAAK,MAAED,GAAO,SACvCvI,EAAAA,cAAAA,MAAAA,CAAKpB,IAAK4J,GACRxI,EAAAA,cAAC8I,GAAAA,EAAiB,CAChB9J,KAAMsJ,GAAW5D,WACjBnB,GAAO+E,GAAW9F,GAAE,IAAIgG,EACxB3J,MAAO2J,EACPvJ,QAASlC,EAASuL,GAAW5D,cAAgB8D,EAC7CzK,SAAUE,GAETsK,GAEC,KAIVvI,EAAAA,cAAC6H,GAA0B,CACzBnC,KAAK,aACL,aAAY+C,GAAgBjG,IAE3BiG,GAAgBrD,QAAQtD,KAAIiH,IAAAA,IAAC,MAAEP,EAAK,MAAED,GAAO,SAC5CvI,EAAAA,cAAAA,MAAAA,CAAKpB,IAAK4J,GACRxI,EAAAA,cAAC8I,GAAAA,EAAiB,CAChB9J,KAAMyJ,GAAgB/D,WACtBnB,GAAOkF,GAAgBjG,GAAE,IAAIgG,EAC7B3J,MAAO2J,EACPvJ,QAASlC,EAAS0L,GAAgB/D,cAAgB8D,EAClDzK,SAAUE,GAETsK,GAEC,KAIVvI,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+F,GAAoB,CACnB/G,KAAM0J,GAAWhE,WACjBnB,GAAImF,GAAWlG,GACfvD,QAASlC,EAAS2L,GAAWhE,YAC7B3G,SAAUC,GAET0K,GAAWH,QAIhBvI,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+F,GAAoB,CACnB/G,KAAM2J,GAAgBjE,WACtBnB,GAAIoF,GAAgBnG,GACpBvD,QAASlC,EAAS4L,GAAgBjE,YAClC3G,SAAUC,GAET2K,GAAgBJ,QAIrBvI,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+F,GAAoB,CACnB/G,KAAM4J,GAAoBlE,WAC1BnB,GAAIqF,GAAoBpG,GACxBvD,QAASlC,EAAS6L,GAAoBlE,YACtC3G,SAAUC,EACVgL,UAAQ,GAEPJ,GAAoBL,QAGxB,EC7GDU,GAAgE,IACjExE,EAA+BrE,GAClCmI,MAAO,kBAGHW,GAAuE,IACxEzE,EACDrE,GAEFmI,MAAO,mBAGIY,GAAkC,KAC7C,MAAM,SAAEpM,EAAQ,eAAEmB,EAAc,aAAEC,GAAiB+B,IAEnD,OACEF,EAAAA,cAAAA,EAAAA,SAAAA,KACEA,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+H,GAA0B,CACzBM,KAAK,SACL1I,IAAI,KACJC,IAAI,MACJZ,KAAMiK,GAAiBvE,WACvBnB,GAAI0F,GAAiBzG,GACrB3D,MAAO9B,EAASkM,GAAiBvE,YACjC3G,SAAUG,EACVkL,OAAQjL,GAEP8K,GAAiBV,QAItBvI,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+H,GAA0B,CACzBM,KAAK,SACL1I,IAAI,IACJC,IAAI,KACJZ,KAAMkK,GAAqBxE,WAC3BnB,GAAI2F,GAAqB1G,GACzB3D,MAAO9B,EAASmM,GAAqBxE,YACrC3G,SAAUG,EACVkL,OAAQjL,GAEP+K,GAAqBX,QAGzB,E,gDC1BP,MAAMc,GAAmD,IACpD5E,EAA+BrE,GAClCgF,QAAS,CACP,CAAEmD,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,MAAOC,MAAO,SAIrBc,GAAuE,IACxE7E,EACDrE,GAEFmI,MAAO,oCAGH7F,IAASC,EAAAA,EAAAA,GAAgB,GACzB4G,GAAuBF,GAAY7G,GAAE,QAErCgH,IAAkB3H,EAAAA,EAAAA,IAA4B,OAE9C4H,GAAkBnE,EAAAA,QAAAA,IAAAA,WAAU,+FAAVA,CAAU,6DAI9BoE,GAAAA,GAEEH,GACAC,GACerD,GAAAA,EAAAA,MAGbmB,IAAAA,IAAC,mBAAEqC,EAAkB,OAAEC,GAAQ,SAC/BD,IACAhD,EAAAA,EAAAA,KAAG,mYASgBU,GAAAA,EAAAA,QAAkB,IAAM,MAYhBwC,GAAAA,GACR,UAAXD,IACFjD,EAAAA,EAAAA,KAAG,mBAUU,QAAXiD,IACFjD,EAAAA,EAAAA,KAAG,mBAKR,IAKHmD,GAAkBxE,EAAAA,QAAAA,IAAAA,WAAU,+FAAVA,CAAU,4JAI5B2B,GAAAA,EACOT,GAAAA,EAAAA,gBACGuD,GAAAA,GACGA,GAAAA,GACJlD,GAAAA,EAAAA,KAKMP,GAAAA,EAAAA,MAEfyC,IAAiB,IAAhB,OAAEa,GAAQ,EACX,MAAe,UAAXA,GACKjD,EAAAA,EAAAA,KAAG,cACAoD,GAAAA,IAGG,QAAXH,GACKjD,EAAAA,EAAAA,KAAG,eACCoD,GAAAA,KAGNpD,EAAAA,EAAAA,KAAG,yCAEaH,GAAAA,EAAAA,gBAA4B,IAK5CwD,GAAqC,KAChD,MAAM,SAAEjN,EAAQ,iBAAEiB,EAAgB,cAAEC,GAAkBiC,KAC/C+J,EAAWC,IAAUC,EAAAA,GAAAA,MACtB7M,EAAYP,EAASqD,GACrBnD,EAAOF,EAASqD,GAChBlD,EAAWH,EAASqD,GACpB3C,EAAQV,EAASsM,GAAY3E,YAC7BhH,IAAgBX,EAASuM,GAAqB5E,aAChD,aAEE,EAAClB,EAAQ,EAAC4G,IAAc1L,EAAAA,EAAAA,UAA2B,CACvDjB,QACAC,gBACAT,OACAC,aAYF,OATAmN,EAAAA,EAAAA,YAAU,KACRD,EAAW,CACT3M,QACAC,gBACAT,OACAC,YACA,GACD,CAACD,EAAMC,EAAUO,EAAOC,IAGzBsC,EAAAA,cAAAA,EAAAA,SAAAA,KACiB,QAAd1C,GACC0C,EAAAA,cAACsK,GAAAA,GAAU,CAACjC,KAAK,QAAO,+BACM,8BAAQ,QAAa,sBAAoB,IAAI,eAC7D,8BAAQ,kBAAuB,KAG/CrI,EAAAA,cAACyJ,GAAe,CACdzB,UAAWuB,GACXgB,IAAKN,EACLN,oBAAqBjM,IAAkBT,EACvC2M,OAAQnM,GAEPyM,EACClK,EAAAA,cAAAA,EAAAA,SAAAA,KACEA,EAAAA,cAACwK,GAAAA,EAAe,CAACxG,OAAQtB,GAAQc,QAASA,IAC1CxD,EAAAA,cAAC8J,GAAe,CAACF,OAAQnM,KAEzB,MAGNuC,EAAAA,cAAC6H,GAA0B,CAACnC,KAAK,aAAa,aAAY2D,GAAY7G,IACnE6G,GAAYjE,QAAQtD,KAAI2I,IAAAA,IAAC,MAAEjC,EAAK,MAAED,GAAO,SACxCvI,EAAAA,cAAAA,MAAAA,CAAKpB,IAAK4J,GACRxI,EAAAA,cAAC8I,GAAAA,EAAiB,CAChB9J,KAAMqK,GAAY3E,WAClBnB,GAAO8F,GAAY7G,GAAE,IAAIgG,EACzB3J,MAAO2J,EACPvJ,QAASlC,EAASsM,GAAY3E,cAAgB8D,EAC9CzK,SAAUE,GAETsK,GAEC,MAIRtL,GACA+C,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+F,GAAoB,CACnB/G,KAAMsK,GAAqB5E,WAC3BnB,GAAI+F,GAAqB9G,GACzBvD,QAASlC,EAASuM,GAAqB5E,YACvC3G,SAAUC,GAETsL,GAAqBf,QAI3B,ECjNDmC,GACJ,IACKjG,EACDrE,GAEFmI,MAAO,6BAGLoC,GAA8D,IAC/DlG,EACDrE,GAEFmI,MAAO,kBAGIqC,GAAsC,KACjD,MAAM,SAAE7N,EAAQ,iBAAEiB,GAAqBkC,IAEvC,OACEF,EAAAA,cAAAA,EAAAA,SAAAA,KACEA,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+F,GAAoB,CACnB/G,KAAM0L,GAAwBhG,WAC9BnB,GAAImH,GAAwBlI,GAC5BvD,QAASlC,EAAS2N,GAAwBhG,YAC1C3G,SAAUC,GAET0M,GAAwBnC,QAI7BvI,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+F,GAAoB,CACnB/G,KAAM2L,GAAWjG,WACjBnB,GAAIoH,GAAWnI,GACfvD,QAASlC,EAAS4N,GAAWjG,YAC7B3G,SAAUC,GAET2M,GAAWpC,QAGf,ECzCDsC,GAA4D,IAC7DpG,EAA+BrE,GAClCmI,MAAO,YAGHuC,GAAuE,IACxErG,EACDrE,GAEFmI,MAAO,sCAGIwC,GAA2B,KACtC,MAAM,SAAEhO,EAAQ,iBAAEiB,GAAqBkC,IAEvC,OACEF,EAAAA,cAAAA,EAAAA,SAAAA,KACEA,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+F,GAAoB,CACnB/G,KAAM6L,GAAenG,WACrBnB,GAAIsH,GAAerI,GACnBvD,QAASlC,EAAS8N,GAAenG,YACjC3G,SAAUC,GAET6M,GAAetC,QAIpBvI,EAAAA,cAAC8H,GAAyB,KACxB9H,EAAAA,cAAC+F,GAAoB,CACnB/G,KAAM8L,GAAqBpG,WAC3BnB,GAAIuH,GAAqBtI,GACzBvD,QAASlC,EAAS+N,GAAqBpG,YACvC3G,SAAUC,EACVgL,UAAQ,GAEP8B,GAAqBvC,QAGzB,E,cCnCP,MAAMyC,GAAiC1F,EAAAA,QAAAA,IAAAA,WAAU,mGAAVA,CAAU,yBAC7CC,EAAAA,EAAAA,GAAgBiC,GAAqBrB,GAAAA,EAAAA,OACzBA,GAAAA,EAAAA,OAGV8E,GAAiC3F,EAAAA,QAAAA,IAAAA,WAAU,mGAAVA,CAAU,SAC7CqC,IAGSuD,GAA0B,KACrC,MAAM,SAAEnO,GAAamD,KACf,EAACyF,EAAQ,EAACwF,IAAczM,EAAAA,EAAAA,UAAS,IACjC0M,EAAarO,EAASC,UACtBqO,KAAeD,GAAezF,GAE9B2F,GAAc3M,EAAAA,EAAAA,cAClBkE,MACEjE,EACAqC,KAEA,MAAM0E,EAAUzB,EAAUqH,MAAM5F,GAAYA,EAAQ/G,MAAQA,IACxD+G,GAASwF,QAAiBxF,EAAQ6F,cAAcvK,GAAU,GAEhE,IAUF,OAPAoJ,EAAAA,EAAAA,YAAU,KACJe,IACFD,EAAW,IACXG,EAAYF,EAAYrO,GAC1B,GACC,CAACqO,EAAYrO,IAGdiD,EAAAA,cAAAA,MAAAA,KACEA,EAAAA,cAAAA,QAAAA,CAAOqI,KAAK,SAASrJ,KAAK,aAAaH,MAAO8G,IAE9C3F,EAAAA,cAACgL,GAA8B,KAC7BhL,EAAAA,cAACiL,GAA8B,KAC7BjL,EAAAA,cAACyL,GAAAA,GAA8B,CAC7BJ,UAAWA,EACXrC,UAAWrD,EACX0C,KAAK,UACN,wBAKD,EC1DGqD,GAA2B,IAEpC1L,EAAAA,cAAAA,KAAAA,KACEA,EAAAA,cAAAA,KAAAA,KACEA,EAAAA,cAAC2L,EAAAA,EAAW,CAACC,GAAIC,EAAAA,EAAAA,eAAoB,WAEvC7L,EAAAA,cAAAA,KAAAA,KACEA,EAAAA,cAAC2L,EAAAA,EAAW,CAACC,GAAIC,EAAAA,EAAAA,cAAmB,WCE5C,SAASC,GAAkBvN,GACzB,MAAMwN,EAAcC,OAAOC,OAAO,CAChCC,GAAI,KACJC,EAAG,IACHC,OAAQ,SACRC,GAAI,KACJC,GAAI,KACJC,EAAG,IACHC,IAAK,QACJC,EAAAA,EAAAA,MAAsBlO,EAAMmO,aAAa,WAACpC,GAAcyB,EAE3D,OADKzB,GAuGP,SAA8B/G,EAAIoJ,GAChC,MAAM,IAAIC,MAAM,aAAeD,EAAY,YAAc,UAAY,KAAOpJ,EAAK,qEACnF,CAzGmBsJ,CAAqB,cAAc,GAC7C7M,EAAAA,cAAoBA,EAAAA,SAAgB,KAAMA,EAAAA,cAAoB+L,EAAYG,GAAI,KAAM,sBAAuB,KAAMlM,EAAAA,cAAoB+L,EAAYI,EAAG,KAAM,0FAA2F,KAAMnM,EAAAA,cAAoBsK,EAAY,CAChSjC,KAAM,WACLrI,EAAAA,cAAoB+L,EAAYI,EAAG,KAAMnM,EAAAA,cAAoB+L,EAAYK,OAAQ,KAAM,YAAa,gKAAiKpM,EAAAA,cAAoB,MAAOA,EAAAA,cAAoB+L,EAAYI,EAAG,KAAM,YAAanM,EAAAA,cAAoB2L,EAAAA,EAAa,CACxXC,GAAOC,EAAAA,EAAAA,mBAAuB,QAC7B,mBAAoB,MAAO,KAAM7L,EAAAA,cAAoB+L,EAAYM,IAAK,KAAMrM,EAAAA,cAAoB+L,EAAYO,GAAI,CACjH/I,GAAI,mBACJuJ,MAAO,CACLC,SAAU,aAEX/M,EAAAA,cAAoB+L,EAAYQ,EAAG,CACpCS,KAAM,oBACN,aAAc,6BACdhF,UAAW,iBACVhI,EAAAA,cAAoB+L,EAAYS,IAAK,CACtCS,wBAAyB,CACvBC,OAAQ,uaAEP,oBAAqB,KAAMlN,EAAAA,cAAoByF,IAAqC,KAAMzF,EAAAA,cAAoB+L,EAAYO,GAAI,CACjI/I,GAAI,iBACJuJ,MAAO,CACLC,SAAU,aAEX/M,EAAAA,cAAoB+L,EAAYQ,EAAG,CACpCS,KAAM,kBACN,aAAc,2BACdhF,UAAW,iBACVhI,EAAAA,cAAoB+L,EAAYS,IAAK,CACtCS,wBAAyB,CACvBC,OAAQ,uaAEP,kBAAmB,KAAMlN,EAAAA,cAAoB6I,IAAiC,KAAM7I,EAAAA,cAAoB+L,EAAYO,GAAI,CAC3H/I,GAAI,iBACJuJ,MAAO,CACLC,SAAU,aAEX/M,EAAAA,cAAoB+L,EAAYQ,EAAG,CACpCS,KAAM,kBACN,aAAc,2BACdhF,UAAW,iBACVhI,EAAAA,cAAoB+L,EAAYS,IAAK,CACtCS,wBAAyB,CACvBC,OAAQ,uaAEP,kBAAmB,KAAMlN,EAAAA,cAAoBmJ,IAAkC,KAAMnJ,EAAAA,cAAoB+L,EAAYO,GAAI,CAC5H/I,GAAI,qBACJuJ,MAAO,CACLC,SAAU,aAEX/M,EAAAA,cAAoB+L,EAAYQ,EAAG,CACpCS,KAAM,sBACN,aAAc,+BACdhF,UAAW,iBACVhI,EAAAA,cAAoB+L,EAAYS,IAAK,CACtCS,wBAAyB,CACvBC,OAAQ,uaAEP,sBAAuB,KAAMlN,EAAAA,cAAoBgK,IAAqC,KAAMhK,EAAAA,cAAoB+L,EAAYO,GAAI,CACnI/I,GAAI,sBACJuJ,MAAO,CACLC,SAAU,aAEX/M,EAAAA,cAAoB+L,EAAYQ,EAAG,CACpCS,KAAM,uBACN,aAAc,gCACdhF,UAAW,iBACVhI,EAAAA,cAAoB+L,EAAYS,IAAK,CACtCS,wBAAyB,CACvBC,OAAQ,uaAEP,uBAAwB,KAAMlN,EAAAA,cAAoB4K,IAAsC,KAAM5K,EAAAA,cAAoB+L,EAAYO,GAAI,CACrI/I,GAAI,UACJuJ,MAAO,CACLC,SAAU,aAEX/M,EAAAA,cAAoB+L,EAAYQ,EAAG,CACpCS,KAAM,WACN,aAAc,oBACdhF,UAAW,iBACVhI,EAAAA,cAAoB+L,EAAYS,IAAK,CACtCS,wBAAyB,CACvBC,OAAQ,uaAEP,WAAY,KAAMlN,EAAAA,cAAoB+K,IAA2B,KAAM/K,EAAAA,cAAoB+L,EAAYM,IAAK,KAAMrM,EAAAA,cAAoBkL,IAA0B,KAAMlL,EAAAA,cAAoB+L,EAAYO,GAAI,CAC7M/I,GAAI,UACJuJ,MAAO,CACLC,SAAU,aAEX/M,EAAAA,cAAoB+L,EAAYQ,EAAG,CACpCS,KAAM,WACN,aAAc,oBACdhF,UAAW,iBACVhI,EAAAA,cAAoB+L,EAAYS,IAAK,CACtCS,wBAAyB,CACvBC,OAAQ,uaAEP,WAAY,KAAMlN,EAAAA,cAAoB+L,EAAYI,EAAG,KAAM,gDAAiDnM,EAAAA,cAAoB+L,EAAYK,OAAQ,KAAM,SAAU,QAASpM,EAAAA,cAAoB+L,EAAYK,OAAQ,KAAM,QAAS,UAAWpM,EAAAA,cAAoB+L,EAAYK,OAAQ,KAAM,WAAY,aAAc,KAAMpM,EAAAA,cAAoB0L,IACxV,CAKA,OAJA,SAAoBnN,QAAK,IAALA,IAAAA,EAAQ,CAAC,GAC3B,MAAO4O,QAASC,GAAapB,OAAOC,OAAO,CAAC,GAAGQ,EAAAA,EAAAA,MAAsBlO,EAAMmO,YAC3E,OAAOU,EAAYpN,EAAAA,cAAoBoN,EAAW7O,EAAOyB,EAAAA,cAAoB8L,GAAmBvN,IAAUuN,GAAkBvN,EAC9H,E,+CClHO,MAAM8O,GAAyB9O,IACpC,MAAM,SAAEC,KAAayJ,GAAc1J,EAEnC,OACEyB,EAAAA,cAAAA,OAAAA,OAAAA,OAAAA,CACEsN,OAAQzB,EAAAA,EAAAA,mBACR0B,OAAO,OACPC,OAAO,UACHvF,GAEHzJ,EACI,E,2DCHJ,MAaMiP,GAAQlP,IACnB,MAAM,KAAEmP,EAAI,YAAEC,GAAgBpP,GACxB,QAAEqP,EAAO,OAAEC,IAAWC,EAAAA,GAAAA,MACtB,MAAEC,EAAQ,GAAE,YAAEC,EAAW,KAAEC,GAASP,EAAKQ,IAAIC,YAC7CC,GAAkBrO,EAAAA,EAAAA,UACtB,IAAM,IAAIsO,KAAQJ,EAAI,QAAQK,eAC9B,CAACL,IAGH,OACEjO,EAAAA,cAACuO,GAAAA,EAAG,CACFR,MAAOA,EACPC,YAAaA,EACbQ,IAAG,GAAKZ,EAAUD,EAAYc,MAE9BzO,EAAAA,cAAAA,SAAAA,CAAQqI,KAAK,uBAAqB,4GAKrBqG,EAAAA,GAAAA,GAAed,GAAQ,+BAChBI,EAAW,uBACnBJ,EAAUD,EAAYc,KAAI,4BACrBV,EAAK,yBACRH,EAAO,iDACCQ,EAAe,gCAChBA,EAAe,6EAGrBP,EAAM,iGAINA,EAAM,gJAKLD,EAAUe,GAAAA,EAAQ,4CAM9B,ECjEV,MAEMC,GAAgBrQ,IACpB,MAAM,YAACoP,EAAW,SAAEnP,GAAYD,GAC1B,KAACsQ,EAAI,SAAEC,EAAQ,SAAEC,EAAQ,GAAExL,GAAMoK,EACvC,OAAO3N,EAAAA,cAAoBA,EAAAA,SAAgB,KAAMA,EAAAA,cAAoBgP,GAAAA,EAAiB,CACpFzL,GAAIA,IACFvD,EAAAA,cAAoB1B,EAA2B,KAAM0B,EAAAA,cAAoBqN,GAAuB,CAClG9J,GAAI0L,GAAAA,GACHjP,EAAAA,cAAoBkP,GAAAA,EAAK,KAAM1Q,KAAawB,EAAAA,cAAoBmP,GAAAA,EAAkB,CACnFC,QAASL,IACP/O,EAAAA,cAAoBqP,GAAAA,EAAgB,CACtCP,SAAUA,EACVD,KAAMA,IACL,EAGU,SAASS,GAAiB/Q,GACvC,OAAOyB,EAAAA,cAAoB4O,GAAerQ,EAAOyB,EAAAA,cAAoBuP,GAAqBhR,GAC5F,C","sources":["webpack://embla-carousel-docs/./src/utils/numberWithinRange.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorContext.tsx","webpack://embla-carousel-docs/./src/hooks/useCarouselGenerator.ts","webpack://embla-carousel-docs/./src/consts/carouselGenerator.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/carouselGeneratorToggleFeatures.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/createCarouselGeneratorStyles.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/createCarouselGeneratorOptions.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/createCarouselGeneratorPlugins.ts","webpack://embla-carousel-docs/./src/components/Examples/CarouselGenerator/CarouselGeneratorSandboxes.ts","webpack://embla-carousel-docs/./src/utils/camelOrPascalToKebabCase.ts","webpack://embla-carousel-docs/./src/utils/carouselGenerator.ts","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorFrameworkSettings.tsx","webpack://embla-carousel-docs/./src/components/Input/InputCheckbox.tsx","webpack://embla-carousel-docs/./src/components/Input/InputText.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorFormItems.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorBasicSettings.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorSlidesSettings.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorAlignmentSettings.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorNavigationSettings.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorPlugins.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorSubmit.tsx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorSupport.tsx","webpack://embla-carousel-docs/./src/content/pages/examples/generator.mdx","webpack://embla-carousel-docs/./src/components/CarouselGenerator/CarouselGeneratorForm.tsx","webpack://embla-carousel-docs/./src/templates/Default.tsx","webpack://embla-carousel-docs/./src/templates/Generator.tsx"],"sourcesContent":["export const numberWithinRange = (\n number: number,\n min: number,\n max: number\n): number => Math.min(Math.max(number, min), max)\n","import React, {\n createContext,\n PropsWithChildren,\n useCallback,\n useMemo,\n useState\n} from 'react'\nimport { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { numberWithinRange } from 'utils/numberWithinRange'\n\nexport const CONTEXT_DEFAULT_VALUE: CarouselGeneratorContextType = {\n formData: {\n framework: '',\n loop: false,\n dragFree: false,\n axis: 'x',\n direction: 'ltr',\n accessibility: false,\n slideSize: '100',\n slideGapSize: '10',\n edgeGap: '0',\n align: 'center',\n containScroll: true,\n navigationPrevNextButtons: false,\n navigationDots: false,\n autoplay: false,\n wheelGestures: false\n },\n onChange: () => undefined,\n onCheckboxChange: () => undefined,\n onRadioChange: () => undefined,\n onNumberChange: () => undefined,\n onNumberBlur: () => undefined\n}\n\nexport type CarouselGeneratorContextType = {\n formData: CarouselGeneratorFormDataType\n onChange: (\n key: Key,\n value: CarouselGeneratorFormDataType[Key]\n ) => void\n onCheckboxChange: (event: React.ChangeEvent) => void\n onRadioChange: (event: React.ChangeEvent) => void\n onNumberChange: (event: React.ChangeEvent) => void\n onNumberBlur: (event: React.ChangeEvent) => void\n}\n\nexport const CarouselGeneratorContext =\n createContext(CONTEXT_DEFAULT_VALUE)\n\ntype PropType = PropsWithChildren<{}>\n\nexport const CarouselGeneratorProvider = (props: PropType) => {\n const { children } = props\n const [formData, setFormData] = useState(\n CONTEXT_DEFAULT_VALUE.formData\n )\n\n const onChange: CarouselGeneratorContextType['onChange'] = useCallback(\n (key, value) => {\n setFormData((currentFormValues) => ({\n ...currentFormValues,\n [key]: value\n }))\n },\n []\n )\n\n const onCheckboxChange = useCallback(\n (event: React.ChangeEvent) => {\n const { name, checked } = event.currentTarget\n const fieldName = name as keyof CarouselGeneratorFormDataType\n\n onChange(fieldName, checked)\n },\n [onChange]\n )\n\n const onRadioChange = useCallback(\n (event: React.ChangeEvent) => {\n const { name, value } = event.currentTarget\n const fieldName = name as keyof CarouselGeneratorFormDataType\n\n onChange(fieldName, value)\n },\n [onChange]\n )\n\n const onNumberChange = useCallback(\n (event: React.ChangeEvent) => {\n const { name, value } = event.currentTarget\n const fieldName = name as keyof CarouselGeneratorFormDataType\n\n onChange(fieldName, value)\n },\n [onChange]\n )\n\n const onNumberBlur = useCallback(\n (event: React.ChangeEvent) => {\n const input = event.currentTarget\n const fieldName = input.name as keyof CarouselGeneratorFormDataType\n const minValue = parseInt(input.getAttribute('min') || '', 10)\n const maxValue = parseInt(input.getAttribute('max') || '', 10)\n const value = numberWithinRange(\n parseFloat(input.value || '0'),\n minValue,\n maxValue\n )\n\n onChange(fieldName, value.toString())\n },\n [onChange]\n )\n\n const value = useMemo(\n () => ({\n formData,\n onChange,\n onCheckboxChange,\n onRadioChange,\n onNumberChange,\n onNumberBlur\n }),\n [\n formData,\n onChange,\n onCheckboxChange,\n onRadioChange,\n onNumberChange,\n onNumberBlur\n ]\n )\n\n return (\n \n {children}\n \n )\n}\n","import { useContext } from 'react'\nimport {\n CarouselGeneratorContext,\n CarouselGeneratorContextType\n} from 'components/CarouselGenerator/CarouselGeneratorContext'\n\nexport const useCarouselGenerator = (): CarouselGeneratorContextType =>\n useContext(CarouselGeneratorContext)\n","import { EmblaOptionsType } from 'embla-carousel'\nimport { SandboxLabelKeyType } from 'consts/sandbox'\n\nexport type CarouselGeneratorFormDataType = {\n framework: SandboxLabelKeyType | ''\n loop: boolean\n dragFree: boolean\n axis: Extract\n direction: Extract\n accessibility: boolean\n slideSize: string\n slideGapSize: string\n edgeGap: string\n align: Extract\n containScroll: boolean\n navigationPrevNextButtons: boolean\n navigationDots: boolean\n autoplay: boolean\n wheelGestures: boolean\n}\n\nexport const CAROUSEL_GENERATOR_FORM_FIELDS = {\n FRAMEWORK: 'framework',\n LOOP: 'loop',\n DRAG_FREE: 'dragFree',\n AXIS: 'axis',\n DIRECTION: 'direction',\n ACCESSIBILITY: 'accessibility',\n SLIDE_SIZE: 'slideSize',\n SLIDE_GAP_SIZE: 'slideGapSize',\n EDGE_GAP: 'edgeGap',\n ALIGN: 'align',\n CONTAIN_SCROLL: 'containScroll',\n NAVIGATION_PREV_NEXT_BUTTONS: 'navigationPrevNextButtons',\n NAVIGATION_DOTS: 'navigationDots',\n AUTOPLAY: 'autoplay',\n WHEEL_GESTURES: 'wheelGestures'\n}\n\nexport const CAROUSEL_GENERATOR_FORM_PREFIX = 'carousel-generator-form'\n","import { SandboxModuleType } from 'consts/sandbox'\nimport { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\n\nconst START = '{?\\\\/\\\\*'\nconst END = '\\\\*\\\\/}?'\nconst MIDDLE = `${END}([\\\\s\\\\S]*?)${START}`\n\nconst carouselGeneratorToggleFeature = (\n featureLabel: string,\n featureActive: boolean,\n carouselScript: string\n): string => {\n let regexString = ''\n\n if (featureActive) {\n regexString = `(${START}__${featureLabel}_REPLACE_START__${END}\\n?)|(${START}__${featureLabel}_REPLACE_END__${END}\\n?)`\n } else {\n regexString = `${START}__${featureLabel}_REPLACE_START__${MIDDLE}__${featureLabel}_REPLACE_END__${END}\\n?`\n }\n\n const regex = new RegExp(regexString, 'g')\n return carouselScript.replace(regex, '')\n}\n\nexport const carouselGeneratorToggleFeatures = (\n carouselScript: SandboxModuleType,\n settings: CarouselGeneratorFormDataType\n): string => {\n let carouselScriptWithFeatures = carouselScript.default\n const {\n axis,\n navigationPrevNextButtons,\n navigationDots,\n autoplay,\n direction\n } = settings\n const hasNavigation = navigationPrevNextButtons || navigationDots\n const hasAutoplayAndNavigation = autoplay && hasNavigation\n const isHorizontal = axis === 'x'\n const isLeftToRight = direction === 'ltr'\n const isRightToLeft = !isLeftToRight\n\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PREV_NEXT_BUTTONS',\n navigationPrevNextButtons,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'DOT_BUTTONS',\n navigationDots,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PLUGINS',\n autoplay,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'NAV_AUTOPLAY',\n hasAutoplayAndNavigation,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'DIRECTION_RTL',\n isRightToLeft,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'DIRECTION_LTR',\n isLeftToRight,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PREV_NEXT_BUTTONS_LTR',\n isHorizontal && isLeftToRight && navigationPrevNextButtons,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PREV_NEXT_BUTTONS_RTL',\n isHorizontal && isRightToLeft && navigationPrevNextButtons,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'PREV_NEXT_BUTTONS_VERTICAL',\n !isHorizontal && navigationPrevNextButtons,\n carouselScriptWithFeatures\n )\n carouselScriptWithFeatures = carouselGeneratorToggleFeature(\n 'AUTOPLAY',\n autoplay,\n carouselScriptWithFeatures\n )\n\n return carouselScriptWithFeatures\n}\n","import { FlattenSimpleInterpolation } from 'styled-components'\nimport { styledComponentsStylesToString } from 'utils/styledComponentStylesToString'\nimport { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport {\n ARROWS_STYLES,\n createCarouselDefaultStyles,\n DOTS_STYLES\n} from 'components/Examples/createCarouselStyles'\n\nexport const createCarouselGeneratorStyles = (\n settings: CarouselGeneratorFormDataType\n): string => {\n const {\n navigationPrevNextButtons,\n navigationDots,\n slideSize,\n slideGapSize,\n axis\n } = settings\n const styleList: FlattenSimpleInterpolation[] = []\n\n if (navigationPrevNextButtons) styleList.push(ARROWS_STYLES)\n if (navigationDots) styleList.push(DOTS_STYLES)\n\n return createCarouselDefaultStyles(\n `${slideSize}%`,\n `${parseFloat(slideGapSize) / 10}rem`,\n axis,\n styleList.map((styles) => styledComponentsStylesToString(styles)).join('')\n )\n}\n","import { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { EmblaOptionsType } from 'embla-carousel'\n\nexport const createCarouselGeneratorOptions = (\n settings: CarouselGeneratorFormDataType\n): EmblaOptionsType => {\n const { axis, align, direction, containScroll, loop, dragFree } = settings\n\n return {\n ...(axis !== 'x' && { axis }),\n ...(align !== 'center' && { align }),\n ...(dragFree && { dragFree }),\n ...(direction !== 'ltr' && axis === 'x' && { direction }),\n ...(!loop && containScroll && { containScroll: 'trimSnaps' }),\n ...(loop && { loop })\n }\n}\n","import { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { addSandboxPlugins } from 'utils/sandbox'\nimport {\n SandboxPluginNameType,\n SandboxPluginsType,\n SANDBOX_PLUGINS\n} from 'consts/sandbox'\n\nexport const createCarouselGeneratorPlugins = (\n settings: CarouselGeneratorFormDataType\n): SandboxPluginsType | undefined => {\n const pluginList: SandboxPluginNameType[] = []\n\n if (settings.autoplay) pluginList.push(SANDBOX_PLUGINS.AUTOPLAY)\n\n return addSandboxPlugins(pluginList).plugins\n}\n","import { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { carouselGeneratorToggleFeatures } from 'components/CarouselGenerator/carouselGeneratorToggleFeatures'\nimport { createCarouselGeneratorStyles } from 'components/CarouselGenerator/createCarouselGeneratorStyles'\nimport { createCarouselGeneratorOptions } from 'components/CarouselGenerator/createCarouselGeneratorOptions'\nimport { createCarouselGeneratorPlugins } from 'components/CarouselGenerator/createCarouselGeneratorPlugins'\nimport { CONTEXT_DEFAULT_VALUE } from 'components/CarouselGenerator/CarouselGeneratorContext'\nimport { createSandboxReact } from 'components/Sandbox/React/createSandboxReact'\nimport { createSandboxVanilla } from 'components/Sandbox/Vanilla/createSandboxVanilla'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\nimport { SANDBOX_REACT_FOLDERS } from 'components/Sandbox/React/sandboxReactFolders'\nimport { SANDBOX_VANILLA_FOLDERS } from 'components/Sandbox/Vanilla/sandboxVanillaFolders'\nimport {\n SandboxLanguageType,\n SandboxModuleType,\n SandboxSelectionType,\n SANDBOX_LANGUAGES\n} from 'consts/sandbox'\nimport {\n createSandboxFunctionsWithLabels,\n sandboxLanguageUtils\n} from 'utils/sandbox'\n\nconst ID = 'embla-carousel-generator'\nconst DEFAULT_SETTINGS = CONTEXT_DEFAULT_VALUE.formData\nconst SLIDES = arrayFromNumber(5)\n\nconst VANILLA_ARROW_BUTTONS_FILE_NAME = 'arrow-buttons'\nconst VANILLA_DOT_BUTTON_FILE_NAME = 'dot-buttons'\n\nconst REACT_ARROW_BUTTONS_FILE_NAME = 'EmblaCarouselArrowButtons'\nconst REACT_DOT_BUTTON_FILE_NAME = 'EmblaCarouselDotButton'\n\nconst sandboxVanilla = async (\n settings: CarouselGeneratorFormDataType = DEFAULT_SETTINGS,\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, vanillaScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let arrowButtonsScript: SandboxModuleType\n let dotButtonScript: SandboxModuleType\n\n const carouselHtml = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/embla-carousel.html'\n )\n\n if (isTypeScript) {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/EmblaCarousel.ts'\n )\n arrowButtonsScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/arrow-buttons.ts`\n )\n dotButtonScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/dot-buttons.ts`\n )\n } else {\n carouselScript = await import(\n '!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/EmblaCarousel.js'\n )\n arrowButtonsScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/arrow-buttons.js`\n )\n dotButtonScript = await import(\n `!!raw-loader!components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/dot-buttons.js`\n )\n }\n\n return createSandboxVanilla({\n id: ID,\n language,\n options: createCarouselGeneratorOptions(settings),\n styles: createCarouselGeneratorStyles(settings),\n carouselScript: carouselGeneratorToggleFeatures(carouselScript, settings),\n plugins: createCarouselGeneratorPlugins(settings),\n carouselHtml: carouselGeneratorToggleFeatures(carouselHtml, settings),\n sandboxOverrides: {\n ...(settings.navigationPrevNextButtons && {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_ARROW_BUTTONS_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(\n carouselGeneratorToggleFeatures(arrowButtonsScript, settings)\n )\n }\n }),\n ...(settings.navigationDots && {\n [`${SANDBOX_VANILLA_FOLDERS.JS}/${VANILLA_DOT_BUTTON_FILE_NAME}.${vanillaScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(\n carouselGeneratorToggleFeatures(dotButtonScript, settings)\n )\n }\n })\n }\n })\n}\n\nconst sandboxReact = async (\n settings: CarouselGeneratorFormDataType = DEFAULT_SETTINGS,\n language: SandboxLanguageType\n): Promise => {\n const { isTypeScript, reactScriptExtension, formatScript } =\n await sandboxLanguageUtils(language)\n let carouselScript: SandboxModuleType\n let arrowButtonsScript: SandboxModuleType\n let dotButtonScript: SandboxModuleType\n\n if (isTypeScript) {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarousel.tsx`\n )\n arrowButtonsScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarouselArrowButtons.tsx`\n )\n dotButtonScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarouselDotButton.tsx`\n )\n } else {\n carouselScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarousel.jsx`\n )\n arrowButtonsScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarouselArrowButtons.jsx`\n )\n dotButtonScript = await import(\n `!!raw-loader!components/Sandbox/React/SandboxFilesDist/CarouselGenerator/EmblaCarouselDotButton.jsx`\n )\n }\n\n return createSandboxReact({\n id: ID,\n language,\n slides: SLIDES,\n options: createCarouselGeneratorOptions(settings),\n styles: createCarouselGeneratorStyles(settings),\n carouselScript: carouselGeneratorToggleFeatures(carouselScript, settings),\n plugins: createCarouselGeneratorPlugins(settings),\n sandboxOverrides: {\n ...(settings.navigationPrevNextButtons && {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_ARROW_BUTTONS_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(\n carouselGeneratorToggleFeatures(arrowButtonsScript, settings)\n )\n }\n }),\n ...(settings.navigationDots && {\n [`${SANDBOX_REACT_FOLDERS.JS}/${REACT_DOT_BUTTON_FILE_NAME}.${reactScriptExtension}`]:\n {\n isBinary: false,\n content: formatScript(\n carouselGeneratorToggleFeatures(dotButtonScript, settings)\n )\n }\n })\n }\n })\n}\n\nexport const SANDBOXES: SandboxSelectionType[] =\n createSandboxFunctionsWithLabels({\n VANILLA_JS: (settings?: CarouselGeneratorFormDataType) =>\n sandboxVanilla(settings, SANDBOX_LANGUAGES.JAVASCRIPT),\n VANILLA_TS: (settings?: CarouselGeneratorFormDataType) =>\n sandboxVanilla(settings, SANDBOX_LANGUAGES.TYPESCRIPT),\n REACT_JS: (settings?: CarouselGeneratorFormDataType) =>\n sandboxReact(settings, SANDBOX_LANGUAGES.JAVASCRIPT),\n REACT_TS: (settings?: CarouselGeneratorFormDataType) =>\n sandboxReact(settings, SANDBOX_LANGUAGES.TYPESCRIPT)\n })\n","export const camelOrPascalToKebabCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string\n .split('')\n .map((letter, idx) => {\n return letter.toUpperCase() === letter\n ? `${idx !== 0 ? '-' : ''}${letter.toLowerCase()}`\n : letter\n })\n .join(separator)\n}\n","import { camelOrPascalToKebabCase } from './camelOrPascalToKebabCase'\nimport {\n CarouselGeneratorFormDataType,\n CAROUSEL_GENERATOR_FORM_PREFIX\n} from 'consts/carouselGenerator'\n\ntype CarouselGeneratorInputIdType<\n Key extends keyof CarouselGeneratorFormDataType\n> = {\n ID: string\n FIELD_NAME: Key\n}\n\nexport type CarouselGeneratorRadioType<\n Key extends keyof CarouselGeneratorFormDataType\n> = CarouselGeneratorInputIdType & {\n OPTIONS: {\n LABEL: string\n VALUE: CarouselGeneratorFormDataType[Key]\n }[]\n}\n\nexport type CarouselGeneratorCheckboxType<\n Key extends keyof CarouselGeneratorFormDataType\n> = CarouselGeneratorInputIdType & {\n LABEL: string\n}\n\nexport type CarouselGeneratorInputTextType<\n Key extends keyof CarouselGeneratorFormDataType\n> = CarouselGeneratorInputIdType & {\n LABEL: string\n}\n\nexport const createCarouselGeneratorInputId = <\n Key extends keyof CarouselGeneratorFormDataType\n>(\n fieldName: Key\n): CarouselGeneratorInputIdType => {\n return {\n FIELD_NAME: fieldName,\n ID: `${CAROUSEL_GENERATOR_FORM_PREFIX}-${camelOrPascalToKebabCase(\n fieldName\n )}`\n }\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport { SANDBOXES } from 'components/Examples/CarouselGenerator/CarouselGeneratorSandboxes'\nimport { SandboxSelectionInput } from 'components/Sandbox/SandboxSelectionInput'\nimport { snakeCaseToKebabCase } from 'utils/snakeCaseToKebabCase'\nimport { createGapStyles } from 'utils/createGapStyles'\nimport { SANDBOX_SELECTION_SPACING } from 'consts/sandbox'\nimport {\n CarouselGeneratorRadioType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_FRAMEWORK: CarouselGeneratorRadioType<'framework'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.FRAMEWORK),\n OPTIONS: []\n}\n\nconst SandboxSelectionList = styled.ul`\n ${createGapStyles(\n SANDBOX_SELECTION_SPACING,\n SANDBOX_SELECTION_SPACING,\n 'li'\n )};\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));\n`\n\nexport const CarouselGeneratorFrameworkSettings = () => {\n const { formData, onRadioChange } = useCarouselGenerator()\n\n return (\n
    \n \n {SANDBOXES.map((sandbox) => (\n
  • \n \n {sandbox.label}\n \n
    • \n ))}\n     \n
    \n )\n}\n","import { createRadioOrCheckboxDefault } from './createRadioOrCheckboxDefault'\nimport { createRadioOrCheckboxCard } from './createRadioOrCheckboxCard'\n\nexport const InputCheckboxDefault = createRadioOrCheckboxDefault('checkbox')\n\nexport const InputCheckboxCard = createRadioOrCheckboxCard('checkbox')\n","import React, { PropsWithRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { COLORS } from 'consts/themes'\nimport { useKeyNavigating } from 'hooks/useKeyNavigating'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport { LAYERS } from 'consts/layers'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { TAP_HIGHLIGHT_STYLES } from 'consts/tapHighlight'\nimport { KEY_NAVIGATING_STYLES } from 'consts/keyNavigatingStyles'\n\nconst HEIGHT = SPACINGS.EIGHT\nconst SIDES_PADDING = SPACINGS.THREE\nconst INPUT_RADIUS = BORDER_RADIUSES.BOX\n\nconst InputTextWrapper = styled.span`\n height: ${HEIGHT};\n border-radius: ${INPUT_RADIUS};\n border: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n background-color: ${COLORS.BACKGROUND_CODE};\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n`\n\nconst labelActiveStyles = css`\n transform: translateY(calc(-100% / 2)) scale(0.8);\n`\n\nconst Label = styled.label`\n z-index: ${LAYERS.STEP};\n left: ${SIDES_PADDING};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n position: absolute;\n top: 0;\n pointer-events: none;\n height: 100%;\n display: flex;\n align-items: center;\n transition: transform 0.2s;\n transform-origin: center left;\n`\n\nconst labelTextActiveStyles = css`\n background-color: ${COLORS.BACKGROUND_CODE};\n border: ${BORDER_SIZES.DETAIL} solid ${COLORS.DETAIL_LOW_CONTRAST};\n`\n\nconst LabelText = styled.span`\n padding-left: ${SPACINGS.ONE};\n padding-right: ${SPACINGS.ONE};\n border-radius: ${INPUT_RADIUS};\n z-index: ${LAYERS.STEP};\n display: flex;\n position: relative;\n align-items: center;\n`\n\nconst Highlight = styled.span`\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n top: -${BORDER_SIZES.DETAIL};\n left: -${BORDER_SIZES.DETAIL};\n bottom: -${BORDER_SIZES.DETAIL};\n right: -${BORDER_SIZES.DETAIL};\n display: block;\n position: absolute;\n border-radius: inherit;\n pointer-events: none;\n visibility: hidden;\n\n &:after {\n background-color: ${COLORS.BACKGROUND_CODE};\n border-radius: inherit;\n position: absolute;\n top: ${BORDER_SIZES.OUTLINE};\n left: ${BORDER_SIZES.OUTLINE};\n bottom: ${BORDER_SIZES.OUTLINE};\n right: ${BORDER_SIZES.OUTLINE};\n content: '';\n }\n`\n\nconst Input = styled.input<{\n $isKeyNavigating: boolean\n $inputHasValue: boolean\n}>`\n ${TAP_HIGHLIGHT_STYLES};\n ${KEY_NAVIGATING_STYLES};\n z-index: ${LAYERS.STEP};\n height: calc(100% - ${BORDER_SIZES.DETAIL} * 2);\n width: calc(100% - ${BORDER_SIZES.DETAIL} * 2);\n color: ${COLORS.TEXT_BODY};\n font-size: ${FONT_SIZES.BODY};\n padding: 0 ${SIDES_PADDING};\n background-color: transparent;\n appearance: none;\n -webkit-appearance: none;\n border-radius: inherit;\n border: 0;\n\n &:focus + ${Highlight} + ${Label} {\n ${labelActiveStyles};\n\n > ${LabelText} {\n ${labelTextActiveStyles};\n }\n }\n\n &:focus + ${Highlight} {\n visibility: visible;\n }\n\n ${({ $inputHasValue }) =>\n $inputHasValue &&\n css`\n & + ${Highlight} + ${Label} {\n ${labelActiveStyles};\n\n > ${LabelText} {\n ${labelTextActiveStyles};\n }\n }\n `};\n`\n\ntype PropType = PropsWithRef<\n React.DetailedHTMLProps<\n React.InputHTMLAttributes,\n HTMLInputElement\n >\n>\n\nexport const InputText = (props: PropType) => {\n const { children, className, ...restProps } = props\n const { isKeyNavigating } = useKeyNavigating()\n\n return (\n \n \n \n \n \n )\n}\n","import styled, { css } from 'styled-components'\nimport { SPACINGS } from 'consts/spacings'\nimport { createGapStyles } from 'utils/createGapStyles'\nimport { MEDIA } from 'consts/breakpoints'\nimport { InputText } from 'components/Input/InputText'\n\nexport const FORM_INPUT_TEXT_MAX_SIZE = '26rem'\n\nexport const FORM_ITEM_SPACING_X = SPACINGS.FOUR\nexport const FORM_ITEM_SPACING_Y = SPACINGS.TWO\n\nexport const FORM_ITEMS_GAP_STYLES = createGapStyles(\n FORM_ITEM_SPACING_X,\n FORM_ITEM_SPACING_Y,\n '*'\n)\n\nexport const FORM_ITEM_MAX_WIDTH_STYLES = css`\n width: 100%;\n\n ${MEDIA.MIN_XS} {\n max-width: 100%;\n width: ${FORM_INPUT_TEXT_MAX_SIZE};\n }\n`\n\nexport const CarouselGeneratorFormItems = styled.div`\n ${FORM_ITEMS_GAP_STYLES};\n margin-bottom: calc(${FORM_ITEM_SPACING_X} - ${FORM_ITEM_SPACING_Y});\n display: flex;\n flex-wrap: wrap;\n`\n\nexport const CarouselGeneratorFormItem = styled.div`\n margin-bottom: ${FORM_ITEM_SPACING_X};\n`\n\nexport const CarouselGeneratorInputText = styled(InputText)`\n ${FORM_ITEM_MAX_WIDTH_STYLES};\n`\n","import React from 'react'\nimport { InputRadioDefault } from 'components/Input/InputRadio'\nimport { InputCheckboxDefault } from 'components/Input/InputCheckbox'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport {\n CarouselGeneratorCheckboxType,\n CarouselGeneratorRadioType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\nimport {\n CarouselGeneratorFormItem,\n CarouselGeneratorFormItems\n} from './CarouselGeneratorFormItems'\n\nconst INPUT_AXIS: CarouselGeneratorRadioType<'axis'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.AXIS),\n OPTIONS: [\n { LABEL: 'Horizontal', VALUE: 'x' },\n { LABEL: 'Vertical', VALUE: 'y' }\n ]\n}\n\nconst INPUT_DIRECTION: CarouselGeneratorRadioType<'direction'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.DIRECTION),\n OPTIONS: [\n { LABEL: 'Left to right', VALUE: 'ltr' },\n { LABEL: 'Right to left', VALUE: 'rtl' }\n ]\n}\n\nconst INPUT_LOOP: CarouselGeneratorCheckboxType<'loop'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.LOOP),\n LABEL: 'Loop'\n}\n\nconst INPUT_DRAG_FREE: CarouselGeneratorCheckboxType<'dragFree'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.DRAG_FREE),\n LABEL: 'Drag free'\n}\n\nconst INPUT_ACCESSIBILITY: CarouselGeneratorCheckboxType<'accessibility'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.ACCESSIBILITY\n ),\n LABEL: 'Accessibility (under development)'\n}\n\nexport const CarouselGeneratorBasicSettings = () => {\n const { formData, onCheckboxChange, onRadioChange } = useCarouselGenerator()\n\n return (\n <>\n \n {INPUT_AXIS.OPTIONS.map(({ VALUE, LABEL }) => (\n
    \n \n {LABEL}\n \n
    \n ))}\n     \n\n \n {INPUT_DIRECTION.OPTIONS.map(({ VALUE, LABEL }) => (\n
    \n \n {LABEL}\n \n
    \n ))}\n \n\n \n \n {INPUT_LOOP.LABEL}\n \n \n\n \n \n {INPUT_DRAG_FREE.LABEL}\n \n \n\n \n \n {INPUT_ACCESSIBILITY.LABEL}\n \n \n \n )\n}\n","import React from 'react'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport {\n CarouselGeneratorFormItem,\n CarouselGeneratorInputText\n} from './CarouselGeneratorFormItems'\nimport {\n CarouselGeneratorInputTextType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_SLIDE_SIZE: CarouselGeneratorInputTextType<'slideSize'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.SLIDE_SIZE),\n LABEL: 'Slide size (%)'\n}\n\nconst INPUT_SLIDE_GAP_SIZE: CarouselGeneratorInputTextType<'slideGapSize'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.SLIDE_GAP_SIZE\n ),\n LABEL: 'Slide gaps (px)'\n}\n\nexport const CarouselGeneratorSlidesSettings = () => {\n const { formData, onNumberChange, onNumberBlur } = useCarouselGenerator()\n\n return (\n <>\n \n \n {INPUT_SLIDE_SIZE.LABEL}\n \n \n\n \n \n {INPUT_SLIDE_GAP_SIZE.LABEL}\n \n \n \n )\n}\n","import React, { useEffect, useState } from 'react'\nimport styled, { css } from 'styled-components'\nimport CarouselDefault from 'components/Sandbox/React/SandboxFilesSrc/Default/EmblaCarousel'\nimport { InputRadioDefault } from 'components/Input/InputRadio'\nimport { InputCheckboxDefault } from 'components/Input/InputCheckbox'\nimport { arrayFromNumber } from 'utils/arrayFromNumber'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport { createCarouselDefaultStyles } from 'components/Examples/createCarouselStyles'\nimport { Admonition } from 'components/Mdx/Components/Admonition'\nimport { BRAND_GRADIENT_BACKGROUND_STYLES } from 'consts/gradients'\nimport { BORDER_RADIUSES, BORDER_SIZES } from 'consts/border'\nimport { LAYERS } from 'consts/layers'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { useInView } from 'react-intersection-observer'\nimport { SPACINGS } from 'consts/spacings'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport { FONT_SIZES } from 'consts/fontSizes'\nimport {\n carouselDefaultWrapperStyles,\n CAROUSEL_SLIDES_SPACING,\n CAROUSEL_WRAPPER_SPACING\n} from 'components/Examples/carouselWrapperStyles'\nimport {\n CarouselGeneratorFormItem,\n CarouselGeneratorFormItems\n} from './CarouselGeneratorFormItems'\nimport {\n CarouselGeneratorCheckboxType,\n CarouselGeneratorRadioType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_ALIGN: CarouselGeneratorRadioType<'align'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.ALIGN),\n OPTIONS: [\n { LABEL: 'Start', VALUE: 'start' },\n { LABEL: 'Center', VALUE: 'center' },\n { LABEL: 'End', VALUE: 'end' }\n ]\n}\n\nconst INPUT_CONTAIN_SCROLL: CarouselGeneratorCheckboxType<'containScroll'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.CONTAIN_SCROLL\n ),\n LABEL: 'Clear leading and trailing space'\n}\n\nconst SLIDES = arrayFromNumber(5)\nconst CAROUSEL_ALIGN_ID = `${INPUT_ALIGN.ID}-demo`\n\nconst CAROUSEL_STYLES = createCarouselDefaultStyles('60%')\n\nconst CarouselWrapper = styled.div<{\n $showContainScroll: boolean\n $align: EmblaOptionsType['align']\n}>`\n ${carouselDefaultWrapperStyles};\n\n &.${CAROUSEL_ALIGN_ID} {\n ${CAROUSEL_STYLES};\n margin-bottom: ${SPACINGS.FOUR};\n position: relative;\n\n ${({ $showContainScroll, $align }) =>\n $showContainScroll &&\n css`\n .embla__slide:first-child,\n .embla__slide:last-child {\n position: relative;\n\n &:before {\n top: 0;\n bottom: 0;\n position: absolute;\n font-size: ${FONT_SIZES.CUSTOM(() => 1.3)};\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% / 3);\n }\n }\n\n .embla__slide:first-child {\n &:before {\n content: 'Leading space';\n right: calc(100% - ${CAROUSEL_SLIDES_SPACING});\n ${$align === 'start' &&\n css`\n display: none;\n `}\n }\n }\n\n .embla__slide:last-child {\n &:before {\n content: 'Trailing space';\n left: 100%;\n ${$align === 'end' &&\n css`\n display: none;\n `}\n }\n }\n `};\n }\n }\n`\n\nconst AlignmentMarker = styled.div<{\n $align: EmblaOptionsType['align']\n}>`\n &:before {\n ${BRAND_GRADIENT_BACKGROUND_STYLES};\n width: ${BORDER_SIZES.ACCENT_VERTICAL};\n top: calc(${CAROUSEL_WRAPPER_SPACING} / 2);\n bottom: calc(${CAROUSEL_WRAPPER_SPACING} / 2);\n z-index: ${LAYERS.STEP};\n opacity: 0.7;\n position: absolute;\n content: '';\n display: block;\n border-radius: ${BORDER_RADIUSES.LINE};\n\n ${({ $align }) => {\n if ($align === 'start') {\n return css`\n left: ${CAROUSEL_WRAPPER_SPACING};\n `\n }\n if ($align === 'end') {\n return css`\n right: ${CAROUSEL_WRAPPER_SPACING};\n `\n }\n return css`\n left: 50%;\n margin-left: calc(-${BORDER_SIZES.ACCENT_VERTICAL} / 2);\n `\n }};\n`\n\nexport const CarouselGeneratorAlignmentSettings = () => {\n const { formData, onCheckboxChange, onRadioChange } = useCarouselGenerator()\n const [inViewRef, inView] = useInView()\n const slideSize = formData[CAROUSEL_GENERATOR_FORM_FIELDS.SLIDE_SIZE]\n const loop = formData[CAROUSEL_GENERATOR_FORM_FIELDS.LOOP]\n const dragFree = formData[CAROUSEL_GENERATOR_FORM_FIELDS.DRAG_FREE]\n const align = formData[INPUT_ALIGN.FIELD_NAME]\n const containScroll = formData[INPUT_CONTAIN_SCROLL.FIELD_NAME]\n ? 'trimSnaps'\n : false\n const [options, setOptions] = useState({\n align,\n containScroll,\n loop,\n dragFree\n })\n\n useEffect(() => {\n setOptions({\n align,\n containScroll,\n loop,\n dragFree\n })\n }, [loop, dragFree, align, containScroll])\n\n return (\n <>\n {slideSize === '100' && (\n \n Aligment settings will only work for carousels with{' '}\n slide sizes less than 100%.\n \n )}\n \n {inView ? (\n <>\n \n \n \n ) : null}\n \n\n \n {INPUT_ALIGN.OPTIONS.map(({ VALUE, LABEL }) => (\n
    \n \n {LABEL}\n \n
    \n ))}\n     \n\n {!loop && (\n \n \n {INPUT_CONTAIN_SCROLL.LABEL}\n \n \n )}\n \n )\n}\n","import React from 'react'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport { CarouselGeneratorFormItem } from './CarouselGeneratorFormItems'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { InputCheckboxDefault } from 'components/Input/InputCheckbox'\nimport {\n CarouselGeneratorCheckboxType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_PREV_NEXT_BUTTONS: CarouselGeneratorCheckboxType<'navigationPrevNextButtons'> =\n {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.NAVIGATION_PREV_NEXT_BUTTONS\n ),\n LABEL: 'Previous and next buttons'\n }\n\nconst INPUT_DOTS: CarouselGeneratorCheckboxType<'navigationDots'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.NAVIGATION_DOTS\n ),\n LABEL: 'Dot navigation'\n}\n\nexport const CarouselGeneratorNavigationSettings = () => {\n const { formData, onCheckboxChange } = useCarouselGenerator()\n\n return (\n <>\n \n \n {INPUT_PREV_NEXT_BUTTONS.LABEL}\n \n \n\n \n \n {INPUT_DOTS.LABEL}\n \n \n \n )\n}\n","import React from 'react'\nimport { InputCheckboxDefault } from 'components/Input/InputCheckbox'\nimport { CAROUSEL_GENERATOR_FORM_FIELDS } from 'consts/carouselGenerator'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { CarouselGeneratorFormItem } from './CarouselGeneratorFormItems'\nimport {\n CarouselGeneratorCheckboxType,\n createCarouselGeneratorInputId\n} from 'utils/carouselGenerator'\n\nconst INPUT_AUTOPLAY: CarouselGeneratorCheckboxType<'autoplay'> = {\n ...createCarouselGeneratorInputId(CAROUSEL_GENERATOR_FORM_FIELDS.AUTOPLAY),\n LABEL: 'Autoplay'\n}\n\nconst INPUT_WHEEL_GESTURES: CarouselGeneratorCheckboxType<'wheelGestures'> = {\n ...createCarouselGeneratorInputId(\n CAROUSEL_GENERATOR_FORM_FIELDS.WHEEL_GESTURES\n ),\n LABEL: 'Wheel gestures (under development)'\n}\n\nexport const CarouselGeneratorPlugins = () => {\n const { formData, onCheckboxChange } = useCarouselGenerator()\n\n return (\n <>\n \n \n {INPUT_AUTOPLAY.LABEL}\n \n \n\n \n \n {INPUT_WHEEL_GESTURES.LABEL}\n \n \n \n )\n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { SPACINGS } from 'consts/spacings'\nimport { createGapStyles } from 'utils/createGapStyles'\nimport { ButtonPrimaryFilledWithLoading } from 'components/Button/ButtonPrimaryFilled'\nimport { useCarouselGenerator } from 'hooks/useCarouselGenerator'\nimport { SandboxLabelKeyType } from 'consts/sandbox'\nimport { CarouselGeneratorFormDataType } from 'consts/carouselGenerator'\nimport { SANDBOXES } from 'components/Examples/CarouselGenerator/CarouselGeneratorSandboxes'\nimport {\n FORM_ITEM_MAX_WIDTH_STYLES,\n FORM_ITEM_SPACING_X\n} from './CarouselGeneratorFormItems'\n\nconst CarouselGeneratorSubmitWrapper = styled.div`\n ${createGapStyles(FORM_ITEM_SPACING_X, SPACINGS.EIGHT)}\n margin-top: ${SPACINGS.EIGHT};\n`\n\nconst CarouselGeneratorButtonWrapper = styled.div`\n ${FORM_ITEM_MAX_WIDTH_STYLES};\n`\n\nexport const CarouselGeneratorSubmit = () => {\n const { formData } = useCarouselGenerator()\n const [sandbox, setSandbox] = useState('')\n const sandboxKey = formData.framework\n const isLoading = !!(sandboxKey && !sandbox)\n\n const loadSandbox = useCallback(\n async (\n key: SandboxLabelKeyType,\n settings: CarouselGeneratorFormDataType\n ) => {\n const sandbox = SANDBOXES.find((sandbox) => sandbox.key === key)\n if (sandbox) setSandbox(await sandbox.createSandbox(settings))\n },\n []\n )\n\n useEffect(() => {\n if (sandboxKey) {\n setSandbox('')\n loadSandbox(sandboxKey, formData)\n }\n }, [sandboxKey, formData])\n\n return (\n
    \n \n\n \n \n \n Create CodeSandbox\n \n \n \n
    \n )\n}\n","import React from 'react'\nimport { LinkContent } from 'components/Link/LinkContent'\nimport { URLS } from 'consts/urls'\n\nexport const CarouselGeneratorSupport = () => {\n return (\n
      \n
    • \n PayPal\n
      • \n
    • \n Ko-fi\n
      • \n
    \n )\n}\n","/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nimport {URLS} from 'consts/urls';\nimport {LinkContent} from 'components/Link/LinkContent';\nimport {CarouselGeneratorFrameworkSettings} from 'components/CarouselGenerator/CarouselGeneratorFrameworkSettings';\nimport {CarouselGeneratorBasicSettings} from 'components/CarouselGenerator/CarouselGeneratorBasicSettings';\nimport {CarouselGeneratorSlidesSettings} from 'components/CarouselGenerator/CarouselGeneratorSlidesSettings';\nimport {CarouselGeneratorAlignmentSettings} from 'components/CarouselGenerator/CarouselGeneratorAlignmentSettings';\nimport {CarouselGeneratorNavigationSettings} from 'components/CarouselGenerator/CarouselGeneratorNavigationSettings';\nimport {CarouselGeneratorPlugins} from 'components/CarouselGenerator/CarouselGeneratorPlugins';\nimport {CarouselGeneratorSubmit} from 'components/CarouselGenerator/CarouselGeneratorSubmit';\nimport {CarouselGeneratorSupport} from 'components/CarouselGenerator/CarouselGeneratorSupport';\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n h1: \"h1\",\n p: \"p\",\n strong: \"strong\",\n hr: \"hr\",\n h2: \"h2\",\n a: \"a\",\n div: \"div\"\n }, _provideComponents(), props.components), {Admonition} = _components;\n if (!Admonition) _missingMdxReference(\"Admonition\", true);\n return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Carousel generator\"), \"\\n\", React.createElement(_components.p, null, \"Just follow the instructions and create your own customized carousel setup in no time!\"), \"\\n\", React.createElement(Admonition, {\n type: \"warning\"\n }, React.createElement(_components.p, null, React.createElement(_components.strong, null, \"Caution:\"), \" The carousel generator is an experimental Embla Carousel feature\\nintroduced in v8.0.0. This generator is subject to change before it is marked\\nas stable.\"), React.createElement(\"br\"), React.createElement(_components.p, null, \"Join the \", React.createElement(LinkContent, {\n to: `${URLS.GITHUB_DISCUSSIONS}/513`\n }, \"discussion here\"), \"!\")), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(_components.h2, {\n id: \"choose-framework\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#choose-framework\",\n \"aria-label\": \"choose framework permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Choose framework\"), \"\\n\", React.createElement(CarouselGeneratorFrameworkSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"basic-settings\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#basic-settings\",\n \"aria-label\": \"basic settings permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Basic settings\"), \"\\n\", React.createElement(CarouselGeneratorBasicSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"slide-settings\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#slide-settings\",\n \"aria-label\": \"slide settings permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Slide settings\"), \"\\n\", React.createElement(CarouselGeneratorSlidesSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"alignment-settings\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#alignment-settings\",\n \"aria-label\": \"alignment settings permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Alignment settings\"), \"\\n\", React.createElement(CarouselGeneratorAlignmentSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"navigation-settings\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#navigation-settings\",\n \"aria-label\": \"navigation settings permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Navigation settings\"), \"\\n\", React.createElement(CarouselGeneratorNavigationSettings), \"\\n\", React.createElement(_components.h2, {\n id: \"plugins\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#plugins\",\n \"aria-label\": \"plugins permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Plugins\"), \"\\n\", React.createElement(CarouselGeneratorPlugins), \"\\n\", React.createElement(_components.hr), \"\\n\", React.createElement(CarouselGeneratorSubmit), \"\\n\", React.createElement(_components.h2, {\n id: \"support\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#support\",\n \"aria-label\": \"support permalink\",\n className: \"anchor before\"\n }, React.createElement(_components.div, {\n dangerouslySetInnerHTML: {\n __html: \"\"\n }\n })), \"Support\"), \"\\n\", React.createElement(_components.p, null, \"Did this save you time? Don't say thank you! \", React.createElement(_components.strong, null, \"Share\"), \" it, \", React.createElement(_components.strong, null, \"star\"), \" it or \", React.createElement(_components.strong, null, \"support\"), \" my work:\"), \"\\n\", React.createElement(CarouselGeneratorSupport));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","import React, { PropsWithRef } from 'react'\nimport { URLS } from 'consts/urls'\n\ntype PropType = PropsWithRef<\n React.DetailedHTMLProps<\n React.FormHTMLAttributes,\n HTMLFormElement\n >\n>\n\nexport const CarouselGeneratorForm = (props: PropType) => {\n const { children, ...restProps } = props\n\n return (\n \n {children}\n \n )\n}\n","import React, { PropsWithChildren, useMemo } from 'react'\nimport { graphql } from 'gatsby'\nimport { Seo } from 'components/Seo/Seo'\nimport maskable from 'assets/images/maskable.png'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { PageEditThisPage } from 'components/Page/PageEditThisPage'\nimport { PagePagination } from 'components/Page/PagePagination'\nimport { PageBreadcrumbs } from 'components/Page/PageBreadcrumbs'\nimport { MAIN_CONTENT_ID } from 'components/KeyNavigating/KeyNavigatingSkipToContent'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { Mdx } from 'components/Mdx/Mdx'\nimport {\n PagePropType,\n PageHeadPropType,\n PageDefaultLayoutType,\n PagePaginationType\n} from 'consts/page'\n\nexport const query = graphql`\n query PageDefaultQuery($id: String) {\n mdx(id: { eq: $id }) {\n tableOfContents\n frontmatter {\n title\n description\n date(formatString: \"DD MMMM YYYY\")\n }\n }\n }\n`\n\nexport const Head = (props: PageHeadPropType) => {\n const { data, pageContext } = props\n const { siteUrl, author } = useSiteMetadata()\n const { title = '', description, date } = data.mdx.frontmatter\n const dateToISOString = useMemo(\n () => new Date(`${date} UTC`).toISOString(),\n [date]\n )\n\n return (\n \n \n \n )\n}\n\nexport type PropType = PropsWithChildren<\n PagePropType\n>\n\nconst PageDefault = (props: PropType) => {\n const { pageContext, children } = props\n const { next, previous, filePath, id } = pageContext\n\n return (\n <>\n \n
    \n {children}\n
    \n \n \n \n )\n}\n\nexport default PageDefault\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/examples/generator.mdx\";\nimport React from 'react';\nimport {PageEditThisPage} from 'components/Page/PageEditThisPage';\nimport {PagePagination} from 'components/Page/PagePagination';\nimport {PageBreadcrumbs} from 'components/Page/PageBreadcrumbs';\nimport {MAIN_CONTENT_ID} from 'components/KeyNavigating/KeyNavigatingSkipToContent';\nimport {CarouselGeneratorForm} from 'components/CarouselGenerator/CarouselGeneratorForm';\nimport {CarouselGeneratorProvider} from 'components/CarouselGenerator/CarouselGeneratorContext';\nimport {Mdx} from 'components/Mdx/Mdx';\nimport {Head} from './Default';\nconst query = \"1476602449\";\nexport {Head};\nconst PageGenerator = props => {\n const {pageContext, children} = props;\n const {next, previous, filePath, id} = pageContext;\n return React.createElement(React.Fragment, null, React.createElement(PageBreadcrumbs, {\n id: id\n }), React.createElement(CarouselGeneratorProvider, null, React.createElement(CarouselGeneratorForm, {\n id: MAIN_CONTENT_ID\n }, React.createElement(Mdx, null, children))), React.createElement(PageEditThisPage, {\n pageUrl: filePath\n }), React.createElement(PagePagination, {\n previous: previous,\n next: next\n }));\n};\nPageGenerator\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageGenerator, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n"],"names":["CONTEXT_DEFAULT_VALUE","formData","framework","loop","dragFree","axis","direction","accessibility","slideSize","slideGapSize","edgeGap","align","containScroll","navigationPrevNextButtons","navigationDots","autoplay","wheelGestures","onChange","onCheckboxChange","onRadioChange","onNumberChange","onNumberBlur","CarouselGeneratorContext","createContext","CarouselGeneratorProvider","props","children","setFormData","useState","useCallback","key","value","currentFormValues","event","name","checked","currentTarget","input","fieldName","minValue","parseInt","getAttribute","maxValue","number","parseFloat","min","max","Math","toString","useMemo","React","Provider","useCarouselGenerator","useContext","CAROUSEL_GENERATOR_FORM_FIELDS","START","END","MIDDLE","carouselGeneratorToggleFeature","featureLabel","featureActive","carouselScript","regexString","regex","RegExp","replace","carouselGeneratorToggleFeatures","settings","carouselScriptWithFeatures","default","hasAutoplayAndNavigation","isHorizontal","isLeftToRight","isRightToLeft","createCarouselGeneratorStyles","styleList","push","ARROWS_STYLES","DOTS_STYLES","createCarouselDefaultStyles","map","styles","styledComponentsStylesToString","join","createCarouselGeneratorOptions","createCarouselGeneratorPlugins","pluginList","SANDBOX_PLUGINS","addSandboxPlugins","plugins","ID","DEFAULT_SETTINGS","SLIDES","arrayFromNumber","sandboxVanilla","async","language","isTypeScript","vanillaScriptExtension","formatScript","sandboxLanguageUtils","arrowButtonsScript","dotButtonScript","carouselHtml","createSandboxVanilla","id","options","sandboxOverrides","SANDBOX_VANILLA_FOLDERS","isBinary","content","sandboxReact","reactScriptExtension","createSandboxReact","slides","SANDBOX_REACT_FOLDERS","SANDBOXES","createSandboxFunctionsWithLabels","VANILLA_JS","SANDBOX_LANGUAGES","VANILLA_TS","REACT_JS","REACT_TS","createCarouselGeneratorInputId","FIELD_NAME","CAROUSEL_GENERATOR_FORM_PREFIX","string","separator","split","letter","idx","toUpperCase","toLowerCase","INPUT_FRAMEWORK","OPTIONS","SandboxSelectionList","styled","createGapStyles","SANDBOX_SELECTION_SPACING","CarouselGeneratorFrameworkSettings","role","sandbox","SandboxSelectionInput","snakeCaseToKebabCase","label","InputCheckboxDefault","createRadioOrCheckboxDefault","createRadioOrCheckboxCard","HEIGHT","SPACINGS","SIDES_PADDING","INPUT_RADIUS","BORDER_RADIUSES","InputTextWrapper","BORDER_SIZES","COLORS","labelActiveStyles","css","Label","LAYERS","labelTextActiveStyles","LabelText","Highlight","BRAND_GRADIENT_BACKGROUND_STYLES","Input","TAP_HIGHLIGHT_STYLES","KEY_NAVIGATING_STYLES","FONT_SIZES","_ref","$inputHasValue","FORM_ITEM_SPACING_X","FORM_ITEM_SPACING_Y","FORM_ITEMS_GAP_STYLES","FORM_ITEM_MAX_WIDTH_STYLES","MEDIA","CarouselGeneratorFormItems","CarouselGeneratorFormItem","CarouselGeneratorInputText","className","restProps","isKeyNavigating","useKeyNavigating","$isKeyNavigating","type","INPUT_AXIS","LABEL","VALUE","INPUT_DIRECTION","INPUT_LOOP","INPUT_DRAG_FREE","INPUT_ACCESSIBILITY","CarouselGeneratorBasicSettings","InputRadioDefault","_ref2","disabled","INPUT_SLIDE_SIZE","INPUT_SLIDE_GAP_SIZE","CarouselGeneratorSlidesSettings","onBlur","INPUT_ALIGN","INPUT_CONTAIN_SCROLL","CAROUSEL_ALIGN_ID","CAROUSEL_STYLES","CarouselWrapper","carouselDefaultWrapperStyles","$showContainScroll","$align","CAROUSEL_SLIDES_SPACING","AlignmentMarker","CAROUSEL_WRAPPER_SPACING","CarouselGeneratorAlignmentSettings","inViewRef","inView","useInView","setOptions","useEffect","Admonition","ref","CarouselDefault","_ref3","INPUT_PREV_NEXT_BUTTONS","INPUT_DOTS","CarouselGeneratorNavigationSettings","INPUT_AUTOPLAY","INPUT_WHEEL_GESTURES","CarouselGeneratorPlugins","CarouselGeneratorSubmitWrapper","CarouselGeneratorButtonWrapper","CarouselGeneratorSubmit","setSandbox","sandboxKey","isLoading","loadSandbox","find","createSandbox","ButtonPrimaryFilledWithLoading","CarouselGeneratorSupport","LinkContent","to","URLS","_createMdxContent","_components","Object","assign","h1","p","strong","hr","h2","a","div","_provideComponents","components","component","Error","_missingMdxReference","style","position","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","CarouselGeneratorForm","action","method","target","Head","data","pageContext","siteUrl","author","useSiteMetadata","title","description","date","mdx","frontmatter","dateToISOString","Date","toISOString","Seo","url","slug","removeProtocol","maskable","PageGenerator","next","previous","filePath","PageBreadcrumbs","MAIN_CONTENT_ID","Mdx","PageEditThisPage","pageUrl","PagePagination","GatsbyMDXWrapper","GATSBY_COMPILED_MDX"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js b/docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js similarity index 97% rename from docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js rename to docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js index b2da7d306..bbb7dd425 100644 --- a/docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js +++ b/docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[4867],{6842:function(e,t,n){n.r(t),n.d(t,{Head:function(){return B},default:function(){return W}});var a=n(5392),l=n(2784);function i(e){return l.createElement(l.Fragment)}var r=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(i,e)):i()},o=n(3785),c=n(8116),m=n(8944),s=n(1195),d=n(2717),p=n(3792),u=n(127),E=n(727),g=n(8329),f=n(2829),_=n(4097),M=n(6991),h=n(1429),v=n(4327);const w=s.default.div.withConfig({displayName:"HeroBrand__HeroBrandWrapper",componentId:"sc-cliib9-0"})(["display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;","{padding-top:",";}","{padding-top:",";align-items:flex-start;justify-content:space-between;flex-direction:row-reverse;}"],d.iD.MIN_SM,u.v.SIX,d.iD.MIN_MD,u.v.TWELVE),I=(0,s.default)(g.SO).withConfig({displayName:"HeroBrand__HeroLogo",componentId:"sc-cliib9-1"})(["flex:0 0 auto;",";","{",";}","{",";}","{",";}"],(0,f.x)("15rem"),d.iD.MIN_SM,(0,f.x)("22rem"),d.iD.MIN_MD,(0,f.x)("32rem"),d.iD.MIN_LG,(0,f.x)("34rem")),y=s.default.div.withConfig({displayName:"HeroBrand__Content",componentId:"sc-cliib9-2"})(["max-width:",";","{padding-top:",";text-align:center;}","{padding-top:",";}"],"50rem",d.iD.MAX_MD,u.v.SIX,d.iD.MAX_SM,u.v.FOUR),C=s.default.h1.withConfig({displayName:"HeroBrand__H1",componentId:"sc-cliib9-3"})(["color:",";margin-bottom:",";font-size:",";line-height:0.9;font-weight:",";> span{display:block;}> span:nth-child(2){",";}","{font-size:",";}","{font-size:",";}","{font-size:",";}"],p.DM.TEXT_HIGH_CONTRAST,u.v.FOUR,E.u.CUSTOM((()=>5)),E.X.BLACK,_.V,d.iD.MIN_XS,E.u.CUSTOM((()=>5.6)),d.iD.MIN_SM,E.u.CUSTOM((()=>6.2)),d.iD.MIN_MD,E.u.CUSTOM((()=>8))),N=s.default.h2.withConfig({displayName:"HeroBrand__H2",componentId:"sc-cliib9-4"})(["color:",";font-size:",";line-height:1.5;","{font-size:",";}"],p.DM.TEXT_MEDIUM_CONTRAST,E.u.H4,d.iD.MIN_SM,E.u.CUSTOM((()=>2.1))),T=s.default.ul.withConfig({displayName:"HeroBrand__CtaWrapper",componentId:"sc-cliib9-5"})(["",";display:flex;flex-wrap:wrap;padding-top:",";","{padding-top:",";}","{justify-content:center;}"],(0,M.h)(u.v.TWO,u.v.TWO),u.v.FOUR,d.iD.MIN_SM,u.v.SIX,d.iD.COMPACT),D=()=>{const{title:e,description:t}=(0,c.$)();return l.createElement(w,null,l.createElement(I,{appearance:"blur"}),l.createElement(y,null,l.createElement(C,null,e.split(" ").map(((e,t)=>l.createElement("span",{key:e+"-"+t},e)))),l.createElement(N,null,t),l.createElement(T,{id:h.O},l.createElement("li",null,l.createElement(v.R,{to:"/examples/predefined/"},"Examples")),l.createElement("li",null,l.createElement(v.l,{to:"/examples/generator/"},"Generator")))))};var H=n(3748);const x=u.v.CUSTOM((()=>1.4)),b=s.default.ul.withConfig({displayName:"HeroUsps__HeroUspsWrapper",componentId:"sc-g4j8ag-0"})(["",";display:flex;flex-wrap:wrap;justify-content:center;padding-top:",";","{padding-top:",";padding-bottom:",";}","{padding-top:",";padding-bottom:",";}"],(0,M.h)(x,x,"li"),u.v.EIGHT,d.iD.MIN_SM,u.v.ELEVEN,u.v.THREE,d.iD.MIN_MD,u.v.TWELVE,u.v.EIGHT),S=s.default.li.withConfig({displayName:"HeroUsps__Usp",componentId:"sc-g4j8ag-1"})(["min-width:0;flex:0 0 100%;","{flex:0 0 calc(100% / 2);}","{flex:0 0 calc(100% / 3);}"],d.iD.MIN_XS,d.iD.MIN_SM),O=s.default.h3.withConfig({displayName:"HeroUsps__UspHeader",componentId:"sc-g4j8ag-2"})(["color:",";margin-bottom:",";font-size:",";font-weight:",";"],p.DM.TEXT_BODY,u.v.CUSTOM((e=>{let{ONE:t}=e;return t+.2})),E.u.H4,E.X.BOLD),U=s.default.p.withConfig({displayName:"HeroUsps__UspText",componentId:"sc-g4j8ag-3"})(["margin-bottom:",";color:",";"],u.v.THREE,p.DM.TEXT_LOW_CONTRAST),X=()=>l.createElement(b,null,l.createElement(S,null,l.createElement(H.k,{to:"/api/"},l.createElement("div",null,l.createElement(O,null,"Highly Extensible"),l.createElement(U,null,"An API designed with flexibility and extensibility in mind.")))),l.createElement(S,null,l.createElement(H.k,{to:"/plugins/"},l.createElement("div",null,l.createElement(O,null,"Plugin System"),l.createElement(U,null,"Add functionality and customize your carousels as you go.")))),l.createElement(S,null,l.createElement(H.k,{to:"/examples/generator/"},l.createElement("div",null,l.createElement(O,null,"Carousel generator"),l.createElement(U,null,"Create your own customized carousel in no time."))))),k=s.default.div.withConfig({displayName:"Hero__HeroWrapper",componentId:"sc-1ufvonr-0"})([""]),j=()=>l.createElement(k,null,l.createElement(D,null),l.createElement(X,null));var z=n(4234),A=n(8147);const B=()=>{const{siteUrl:e,description:t}=(0,c.$)();return l.createElement(z.p,{title:t,description:t,url:e},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "Organization",\n "name": "'+(0,m.P)(e)+'",\n "description": "'+t+'",\n "url": "'+e+'/",\n "image": "'+e+'/share-image.png",\n "logo": "'+e+o.Z+'"\n }\n '))},R=e=>{const{children:t}=e;return l.createElement(l.Fragment,null,l.createElement(j,null),l.createElement(A.i,null,t))};function W(e){return l.createElement(R,e,l.createElement(r,e))}},4234:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),l=n(8116),i=n(8944),r=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:m}=e,s=(0,l.$)(),d=t+" | "+(0,r.g)(s.title),p=n||s.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:p}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:p}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,i.P)(s.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:s.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:p}),m)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); -//# sourceMappingURL=component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js.map \ No newline at end of file +"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[4867],{6842:function(e,t,n){n.r(t),n.d(t,{Head:function(){return B},default:function(){return W}});var a=n(5392),l=n(2784);function i(e){return l.createElement(l.Fragment)}var r=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(i,e)):i()},o=n(3785),c=n(8116),m=n(8944),s=n(1195),d=n(2717),p=n(3792),u=n(127),E=n(727),g=n(8329),f=n(2829),_=n(4097),M=n(6991),h=n(1429),v=n(4327);const w=s.default.div.withConfig({displayName:"HeroBrand__HeroBrandWrapper",componentId:"sc-cliib9-0"})(["display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;","{padding-top:",";}","{padding-top:",";align-items:flex-start;justify-content:space-between;flex-direction:row-reverse;}"],d.iD.MIN_SM,u.v.SIX,d.iD.MIN_MD,u.v.TWELVE),I=(0,s.default)(g.SO).withConfig({displayName:"HeroBrand__HeroLogo",componentId:"sc-cliib9-1"})(["flex:0 0 auto;",";","{",";}","{",";}","{",";}"],(0,f.x)("15rem"),d.iD.MIN_SM,(0,f.x)("22rem"),d.iD.MIN_MD,(0,f.x)("32rem"),d.iD.MIN_LG,(0,f.x)("34rem")),y=s.default.div.withConfig({displayName:"HeroBrand__Content",componentId:"sc-cliib9-2"})(["max-width:",";","{padding-top:",";text-align:center;}","{padding-top:",";}"],"50rem",d.iD.MAX_MD,u.v.SIX,d.iD.MAX_SM,u.v.FOUR),C=s.default.h1.withConfig({displayName:"HeroBrand__H1",componentId:"sc-cliib9-3"})(["color:",";margin-bottom:",";font-size:",";line-height:0.9;font-weight:",";> span{display:block;}> span:nth-child(2){",";}","{font-size:",";}","{font-size:",";}","{font-size:",";}"],p.DM.TEXT_HIGH_CONTRAST,u.v.FOUR,E.u.CUSTOM((()=>5)),E.X.BLACK,_.V,d.iD.MIN_XS,E.u.CUSTOM((()=>5.6)),d.iD.MIN_SM,E.u.CUSTOM((()=>6.2)),d.iD.MIN_MD,E.u.CUSTOM((()=>8))),N=s.default.h2.withConfig({displayName:"HeroBrand__H2",componentId:"sc-cliib9-4"})(["color:",";font-size:",";line-height:1.5;","{font-size:",";}"],p.DM.TEXT_MEDIUM_CONTRAST,E.u.H4,d.iD.MIN_SM,E.u.CUSTOM((()=>2.1))),T=s.default.ul.withConfig({displayName:"HeroBrand__CtaWrapper",componentId:"sc-cliib9-5"})(["",";display:flex;flex-wrap:wrap;padding-top:",";","{padding-top:",";}","{justify-content:center;}"],(0,M.h)(u.v.TWO,u.v.TWO),u.v.FOUR,d.iD.MIN_SM,u.v.SIX,d.iD.COMPACT),D=()=>{const{title:e,description:t}=(0,c.$)();return l.createElement(w,null,l.createElement(I,{appearance:"blur"}),l.createElement(y,null,l.createElement(C,null,e.split(" ").map(((e,t)=>l.createElement("span",{key:e+"-"+t},e)))),l.createElement(N,null,t),l.createElement(T,{id:h.O},l.createElement("li",null,l.createElement(v.R,{to:"/examples/predefined/"},"Examples")),l.createElement("li",null,l.createElement(v.l,{to:"/examples/generator/"},"Generator")))))};var H=n(3748);const x=u.v.CUSTOM((()=>1.4)),b=s.default.ul.withConfig({displayName:"HeroUsps__HeroUspsWrapper",componentId:"sc-g4j8ag-0"})(["",";display:flex;flex-wrap:wrap;justify-content:center;padding-top:",";","{padding-top:",";padding-bottom:",";}","{padding-top:",";padding-bottom:",";}"],(0,M.h)(x,x,"li"),u.v.EIGHT,d.iD.MIN_SM,u.v.ELEVEN,u.v.THREE,d.iD.MIN_MD,u.v.TWELVE,u.v.EIGHT),S=s.default.li.withConfig({displayName:"HeroUsps__Usp",componentId:"sc-g4j8ag-1"})(["min-width:0;flex:0 0 100%;","{flex:0 0 calc(100% / 2);}","{flex:0 0 calc(100% / 3);}"],d.iD.MIN_XS,d.iD.MIN_SM),O=s.default.h3.withConfig({displayName:"HeroUsps__UspHeader",componentId:"sc-g4j8ag-2"})(["color:",";margin-bottom:",";font-size:",";font-weight:",";"],p.DM.TEXT_BODY,u.v.CUSTOM((e=>{let{ONE:t}=e;return t+.2})),E.u.H4,E.X.BOLD),U=s.default.p.withConfig({displayName:"HeroUsps__UspText",componentId:"sc-g4j8ag-3"})(["margin-bottom:",";color:",";"],u.v.THREE,p.DM.TEXT_LOW_CONTRAST),X=()=>l.createElement(b,null,l.createElement(S,null,l.createElement(H.k,{to:"/api/"},l.createElement("div",null,l.createElement(O,null,"Highly Extensible"),l.createElement(U,null,"An API designed with flexibility and extensibility in mind.")))),l.createElement(S,null,l.createElement(H.k,{to:"/plugins/"},l.createElement("div",null,l.createElement(O,null,"Plugin System"),l.createElement(U,null,"Add functionality and customize your carousels as you go.")))),l.createElement(S,null,l.createElement(H.k,{to:"/examples/generator/"},l.createElement("div",null,l.createElement(O,null,"Carousel generator"),l.createElement(U,null,"Create your own customized carousel in no time."))))),k=s.default.div.withConfig({displayName:"Hero__HeroWrapper",componentId:"sc-1ufvonr-0"})([""]),j=()=>l.createElement(k,null,l.createElement(D,null),l.createElement(X,null));var z=n(4810),A=n(8147);const B=()=>{const{siteUrl:e,description:t}=(0,c.$)();return l.createElement(z.p,{title:t,description:t,url:e},l.createElement("script",{type:"application/ld+json"},'\n {\n "@context": "https://schema.org",\n "@type": "Organization",\n "name": "'+(0,m.P)(e)+'",\n "description": "'+t+'",\n "url": "'+e+'/",\n "image": "'+e+'/share-image.png",\n "logo": "'+e+o.Z+'"\n }\n '))},R=e=>{const{children:t}=e;return l.createElement(l.Fragment,null,l.createElement(j,null),l.createElement(A.i,null,t))};function W(e){return l.createElement(R,e,l.createElement(r,e))}},4810:function(e,t,n){n.d(t,{p:function(){return o}});var a=n(2784),l=n(8116),i=n(8944),r=n(3471);const o=e=>{const{title:t,description:n,lang:o="en",url:c,children:m}=e,s=(0,l.$)(),d=t+" | "+(0,r.g)(s.title),p=n||s.description;return a.createElement(a.Fragment,null,a.createElement("html",{lang:o}),a.createElement("title",null,d),a.createElement("link",{rel:"canonical",href:c}),a.createElement("meta",{name:"description",content:p}),a.createElement("meta",{name:"og:title",content:t}),a.createElement("meta",{name:"og:description",content:p}),a.createElement("meta",{name:"og:type",content:"article"}),a.createElement("meta",{name:"og:locale",content:"en_EN"}),a.createElement("meta",{name:"og:url",content:c}),a.createElement("meta",{name:"og:site_name",content:(0,i.P)(s.siteUrl)}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:s.author}),a.createElement("meta",{name:"twitter:title",content:t}),a.createElement("meta",{name:"twitter:description",content:p}),m)}},3471:function(e,t,n){n.d(t,{g:function(){return a}});const a=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),e.replace(/(^\w|-\w)/g,(e=>e.replace(/-/,t).toUpperCase()))}},8944:function(e,t,n){n.d(t,{P:function(){return a}});const a=e=>e.replace(/(^\w+:|^)\/\//,"")},3785:function(e,t,n){t.Z=n.p+"static/maskable-36b9e327abc26d5d02e9350d184a058f.png"}}]); +//# sourceMappingURL=component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js.map \ No newline at end of file diff --git a/docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js.map b/docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js.map similarity index 99% rename from docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js.map rename to docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js.map index e344375e7..be55b932c 100644 --- a/docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js.map +++ b/docs/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/index.md","webpack://embla-carousel-docs/./src/components/Hero/HeroBrand.tsx","webpack://embla-carousel-docs/./src/components/Hero/HeroUsps.tsx","webpack://embla-carousel-docs/./src/components/Hero/Hero.tsx","webpack://embla-carousel-docs/./src/templates/Home.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n return React.createElement(React.Fragment);\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import React from 'react'\nimport styled from 'styled-components'\nimport { MEDIA } from 'consts/breakpoints'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { SiteLogo } from 'components/SiteLogo/SiteLogo'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { createGapStyles } from 'utils/createGapStyles'\nimport { MAIN_CONTENT_ID } from 'components/KeyNavigating/KeyNavigatingSkipToContent'\nimport {\n LinkButtonPrimaryFilled,\n LinkButtonPrimaryOutlined\n} from 'components/Link/LinkButton'\n\nconst MAX_CONTENT_WIDTH = '50rem'\n\nconst HeroBrandWrapper = styled.div`\n display: flex;\n position: relative;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n\n ${MEDIA.MIN_SM} {\n padding-top: ${SPACINGS.SIX};\n }\n\n ${MEDIA.MIN_MD} {\n padding-top: ${SPACINGS.TWELVE};\n align-items: flex-start;\n justify-content: space-between;\n flex-direction: row-reverse;\n }\n`\n\nconst HeroLogo = styled(SiteLogo)`\n flex: 0 0 auto;\n ${createSquareSizeStyles('15rem')};\n\n ${MEDIA.MIN_SM} {\n ${createSquareSizeStyles('22rem')};\n }\n\n ${MEDIA.MIN_MD} {\n ${createSquareSizeStyles('32rem')};\n }\n\n ${MEDIA.MIN_LG} {\n ${createSquareSizeStyles('34rem')};\n }\n`\n\nconst Content = styled.div`\n max-width: ${MAX_CONTENT_WIDTH};\n\n ${MEDIA.MAX_MD} {\n padding-top: ${SPACINGS.SIX};\n text-align: center;\n }\n\n ${MEDIA.MAX_SM} {\n padding-top: ${SPACINGS.FOUR};\n }\n`\n\nconst H1 = styled.h1`\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n margin-bottom: ${SPACINGS.FOUR};\n font-size: ${FONT_SIZES.CUSTOM(() => 5)};\n line-height: 0.9;\n font-weight: ${FONT_WEIGHTS.BLACK};\n\n > span {\n display: block;\n }\n\n > span:nth-child(2) {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n\n ${MEDIA.MIN_XS} {\n font-size: ${FONT_SIZES.CUSTOM(() => 5.6)};\n }\n\n ${MEDIA.MIN_SM} {\n font-size: ${FONT_SIZES.CUSTOM(() => 6.2)};\n }\n\n ${MEDIA.MIN_MD} {\n font-size: ${FONT_SIZES.CUSTOM(() => 8)};\n }\n`\n\nconst H2 = styled.h2`\n color: ${COLORS.TEXT_MEDIUM_CONTRAST};\n font-size: ${FONT_SIZES.H4};\n line-height: 1.5;\n\n ${MEDIA.MIN_SM} {\n font-size: ${FONT_SIZES.CUSTOM(() => 2.1)};\n }\n`\n\nconst CtaWrapper = styled.ul`\n ${createGapStyles(SPACINGS.TWO, SPACINGS.TWO)};\n display: flex;\n flex-wrap: wrap;\n padding-top: ${SPACINGS.FOUR};\n\n ${MEDIA.MIN_SM} {\n padding-top: ${SPACINGS.SIX};\n }\n ${MEDIA.COMPACT} {\n justify-content: center;\n }\n`\n\nexport const HeroBrand = () => {\n const { title, description } = useSiteMetadata()\n\n return (\n \n \n \n

    \n {title.split(' ').map((word, index) => (\n {word}\n ))}\n

    \n

    {description}

    \n \n
  • \n \n Examples\n \n
    • \n
  • \n \n Generator\n \n
    • \n     \n     \n     \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { MEDIA } from 'consts/breakpoints'\nimport { SPACINGS } from 'consts/spacings'\nimport { LinkCard } from 'components/Link/LinkCard'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst USP_ITEM_SPACING = SPACINGS.CUSTOM(() => 1.4)\n\nconst HeroUspsWrapper = styled.ul`\n ${createGapStyles(USP_ITEM_SPACING, USP_ITEM_SPACING, 'li')};\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding-top: ${SPACINGS.EIGHT};\n\n ${MEDIA.MIN_SM} {\n padding-top: ${SPACINGS.ELEVEN};\n padding-bottom: ${SPACINGS.THREE};\n }\n\n ${MEDIA.MIN_MD} {\n padding-top: ${SPACINGS.TWELVE};\n padding-bottom: ${SPACINGS.EIGHT};\n }\n`\n\nconst Usp = styled.li`\n min-width: 0;\n flex: 0 0 100%;\n\n ${MEDIA.MIN_XS} {\n flex: 0 0 calc(100% / 2);\n }\n\n ${MEDIA.MIN_SM} {\n flex: 0 0 calc(100% / 3);\n }\n`\n\nconst UspHeader = styled.h3`\n color: ${COLORS.TEXT_BODY};\n margin-bottom: ${SPACINGS.CUSTOM(({ ONE }) => ONE + 0.2)};\n font-size: ${FONT_SIZES.H4};\n font-weight: ${FONT_WEIGHTS.BOLD};\n`\n\nconst UspText = styled.p`\n margin-bottom: ${SPACINGS.THREE};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\nexport const HeroUsps = () => {\n return (\n \n \n \n
    \n Highly Extensible\n \n An API designed with flexibility and extensibility in mind.\n \n
    \n     \n     \n \n \n
    \n Plugin System\n \n Add functionality and customize your carousels as you go.\n \n
    \n     \n     \n \n \n
    \n Carousel generator\n Create your own customized carousel in no time.\n
    \n     \n     \n     \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { HeroBrand } from './HeroBrand'\nimport { HeroUsps } from './HeroUsps'\n\nconst HeroWrapper = styled.div``\n\nexport const Hero = () => {\n return (\n \n \n \n \n )\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/index.md\";\nimport React from 'react';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Hero} from 'components/Hero/Hero';\nimport {Seo} from 'components/Seo/Seo';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"1177627359\";\nexport const Head = () => {\n const {siteUrl, description} = useSiteMetadata();\n return React.createElement(Seo, {\n title: description,\n description: description,\n url: siteUrl\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + \"/\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"logo\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n \"));\n};\nconst PageHome = props => {\n const {children} = props;\n return React.createElement(React.Fragment, null, React.createElement(Hero, null), React.createElement(Mdx, null, children));\n};\nPageHome\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageHome, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","React","wrapper","MDXLayout","Object","assign","_provideComponents","components","HeroBrandWrapper","styled","MEDIA","SPACINGS","HeroLogo","SiteLogo","createSquareSizeStyles","Content","H1","COLORS","FONT_SIZES","FONT_WEIGHTS","BRAND_GRADIENT_TEXT_STYLES","H2","CtaWrapper","createGapStyles","HeroBrand","title","description","useSiteMetadata","appearance","split","map","word","index","key","id","MAIN_CONTENT_ID","LinkButtonPrimaryFilled","to","LinkButtonPrimaryOutlined","USP_ITEM_SPACING","HeroUspsWrapper","Usp","UspHeader","_ref","ONE","UspText","HeroUsps","LinkCard","HeroWrapper","Hero","Head","siteUrl","Seo","url","type","removeProtocol","maskable","PageHome","children","Mdx","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","href","name","content","author","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js","mappings":"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","sources":["webpack://embla-carousel-docs/./src/content/pages/index.md","webpack://embla-carousel-docs/./src/components/Hero/HeroBrand.tsx","webpack://embla-carousel-docs/./src/components/Hero/HeroUsps.tsx","webpack://embla-carousel-docs/./src/components/Hero/Hero.tsx","webpack://embla-carousel-docs/./src/templates/Home.tsx","webpack://embla-carousel-docs/./src/components/Seo/Seo.tsx","webpack://embla-carousel-docs/./src/utils/kebabCaseToPascalCase.ts","webpack://embla-carousel-docs/./src/utils/removeProtocol.ts","webpack://embla-carousel-docs/./src/assets/images/maskable.png"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n return React.createElement(React.Fragment);\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import React from 'react'\nimport styled from 'styled-components'\nimport { MEDIA } from 'consts/breakpoints'\nimport { COLORS } from 'consts/themes'\nimport { SPACINGS } from 'consts/spacings'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { SiteLogo } from 'components/SiteLogo/SiteLogo'\nimport { createSquareSizeStyles } from 'utils/createSquareSizeStyles'\nimport { BRAND_GRADIENT_TEXT_STYLES } from 'consts/gradients'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { createGapStyles } from 'utils/createGapStyles'\nimport { MAIN_CONTENT_ID } from 'components/KeyNavigating/KeyNavigatingSkipToContent'\nimport {\n LinkButtonPrimaryFilled,\n LinkButtonPrimaryOutlined\n} from 'components/Link/LinkButton'\n\nconst MAX_CONTENT_WIDTH = '50rem'\n\nconst HeroBrandWrapper = styled.div`\n display: flex;\n position: relative;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n\n ${MEDIA.MIN_SM} {\n padding-top: ${SPACINGS.SIX};\n }\n\n ${MEDIA.MIN_MD} {\n padding-top: ${SPACINGS.TWELVE};\n align-items: flex-start;\n justify-content: space-between;\n flex-direction: row-reverse;\n }\n`\n\nconst HeroLogo = styled(SiteLogo)`\n flex: 0 0 auto;\n ${createSquareSizeStyles('15rem')};\n\n ${MEDIA.MIN_SM} {\n ${createSquareSizeStyles('22rem')};\n }\n\n ${MEDIA.MIN_MD} {\n ${createSquareSizeStyles('32rem')};\n }\n\n ${MEDIA.MIN_LG} {\n ${createSquareSizeStyles('34rem')};\n }\n`\n\nconst Content = styled.div`\n max-width: ${MAX_CONTENT_WIDTH};\n\n ${MEDIA.MAX_MD} {\n padding-top: ${SPACINGS.SIX};\n text-align: center;\n }\n\n ${MEDIA.MAX_SM} {\n padding-top: ${SPACINGS.FOUR};\n }\n`\n\nconst H1 = styled.h1`\n color: ${COLORS.TEXT_HIGH_CONTRAST};\n margin-bottom: ${SPACINGS.FOUR};\n font-size: ${FONT_SIZES.CUSTOM(() => 5)};\n line-height: 0.9;\n font-weight: ${FONT_WEIGHTS.BLACK};\n\n > span {\n display: block;\n }\n\n > span:nth-child(2) {\n ${BRAND_GRADIENT_TEXT_STYLES};\n }\n\n ${MEDIA.MIN_XS} {\n font-size: ${FONT_SIZES.CUSTOM(() => 5.6)};\n }\n\n ${MEDIA.MIN_SM} {\n font-size: ${FONT_SIZES.CUSTOM(() => 6.2)};\n }\n\n ${MEDIA.MIN_MD} {\n font-size: ${FONT_SIZES.CUSTOM(() => 8)};\n }\n`\n\nconst H2 = styled.h2`\n color: ${COLORS.TEXT_MEDIUM_CONTRAST};\n font-size: ${FONT_SIZES.H4};\n line-height: 1.5;\n\n ${MEDIA.MIN_SM} {\n font-size: ${FONT_SIZES.CUSTOM(() => 2.1)};\n }\n`\n\nconst CtaWrapper = styled.ul`\n ${createGapStyles(SPACINGS.TWO, SPACINGS.TWO)};\n display: flex;\n flex-wrap: wrap;\n padding-top: ${SPACINGS.FOUR};\n\n ${MEDIA.MIN_SM} {\n padding-top: ${SPACINGS.SIX};\n }\n ${MEDIA.COMPACT} {\n justify-content: center;\n }\n`\n\nexport const HeroBrand = () => {\n const { title, description } = useSiteMetadata()\n\n return (\n \n \n \n

    \n {title.split(' ').map((word, index) => (\n {word}\n ))}\n

    \n

    {description}

    \n \n
  • \n \n Examples\n \n
    • \n
  • \n \n Generator\n \n
    • \n     \n     \n     \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { COLORS } from 'consts/themes'\nimport { FONT_SIZES, FONT_WEIGHTS } from 'consts/fontSizes'\nimport { MEDIA } from 'consts/breakpoints'\nimport { SPACINGS } from 'consts/spacings'\nimport { LinkCard } from 'components/Link/LinkCard'\nimport { createGapStyles } from 'utils/createGapStyles'\n\nconst USP_ITEM_SPACING = SPACINGS.CUSTOM(() => 1.4)\n\nconst HeroUspsWrapper = styled.ul`\n ${createGapStyles(USP_ITEM_SPACING, USP_ITEM_SPACING, 'li')};\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding-top: ${SPACINGS.EIGHT};\n\n ${MEDIA.MIN_SM} {\n padding-top: ${SPACINGS.ELEVEN};\n padding-bottom: ${SPACINGS.THREE};\n }\n\n ${MEDIA.MIN_MD} {\n padding-top: ${SPACINGS.TWELVE};\n padding-bottom: ${SPACINGS.EIGHT};\n }\n`\n\nconst Usp = styled.li`\n min-width: 0;\n flex: 0 0 100%;\n\n ${MEDIA.MIN_XS} {\n flex: 0 0 calc(100% / 2);\n }\n\n ${MEDIA.MIN_SM} {\n flex: 0 0 calc(100% / 3);\n }\n`\n\nconst UspHeader = styled.h3`\n color: ${COLORS.TEXT_BODY};\n margin-bottom: ${SPACINGS.CUSTOM(({ ONE }) => ONE + 0.2)};\n font-size: ${FONT_SIZES.H4};\n font-weight: ${FONT_WEIGHTS.BOLD};\n`\n\nconst UspText = styled.p`\n margin-bottom: ${SPACINGS.THREE};\n color: ${COLORS.TEXT_LOW_CONTRAST};\n`\n\nexport const HeroUsps = () => {\n return (\n \n \n \n
    \n Highly Extensible\n \n An API designed with flexibility and extensibility in mind.\n \n
    \n     \n     \n \n \n
    \n Plugin System\n \n Add functionality and customize your carousels as you go.\n \n
    \n     \n     \n \n \n
    \n Carousel generator\n Create your own customized carousel in no time.\n
    \n     \n     \n     \n )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { HeroBrand } from './HeroBrand'\nimport { HeroUsps } from './HeroUsps'\n\nconst HeroWrapper = styled.div``\n\nexport const Hero = () => {\n return (\n \n \n \n \n )\n}\n","import GATSBY_COMPILED_MDX from \"/Users/davidjerleke/Sites/embla-carousel/packages/embla-carousel-docs/src/content/pages/index.md\";\nimport React from 'react';\nimport maskable from 'assets/images/maskable.png';\nimport {useSiteMetadata} from 'hooks/useSiteMetadata';\nimport {removeProtocol} from 'utils/removeProtocol';\nimport {Hero} from 'components/Hero/Hero';\nimport {Seo} from 'components/Seo/Seo';\nimport {Mdx} from 'components/Mdx/Mdx';\nconst query = \"1177627359\";\nexport const Head = () => {\n const {siteUrl, description} = useSiteMetadata();\n return React.createElement(Seo, {\n title: description,\n description: description,\n url: siteUrl\n }, React.createElement(\"script\", {\n type: \"application/ld+json\"\n }, \"\\n {\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"\" + removeProtocol(siteUrl) + \"\\\",\\n \\\"description\\\": \\\"\" + description + \"\\\",\\n \\\"url\\\": \\\"\" + siteUrl + \"/\\\",\\n \\\"image\\\": \\\"\" + siteUrl + \"/share-image.png\\\",\\n \\\"logo\\\": \\\"\" + siteUrl + maskable + \"\\\"\\n }\\n \"));\n};\nconst PageHome = props => {\n const {children} = props;\n return React.createElement(React.Fragment, null, React.createElement(Hero, null), React.createElement(Mdx, null, children));\n};\nPageHome\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(PageHome, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","import React, { PropsWithChildren } from 'react'\nimport { useSiteMetadata } from 'hooks/useSiteMetadata'\nimport { removeProtocol } from 'utils/removeProtocol'\nimport { kebabCaseToPascalCase } from 'utils/kebabCaseToPascalCase'\n\ntype PropType = PropsWithChildren<{\n title: string\n description?: string\n lang?: string\n url: string\n}>\n\nexport const Seo = (props: PropType) => {\n const { title, description, lang = 'en', url, children } = props\n const siteMetadata = useSiteMetadata()\n const pageTitle = `${title} | ${kebabCaseToPascalCase(siteMetadata.title)}`\n const metaDescription = description || siteMetadata.description\n\n return (\n <>\n \n {pageTitle}\n \n \n \n \n \n \n \n \n \n \n \n \n\n {children}\n \n )\n}\n","export const kebabCaseToPascalCase = (\n string: string = '',\n separator: string = ''\n): string => {\n return string.replace(/(^\\w|-\\w)/g, (replaceString) =>\n replaceString.replace(/-/, separator).toUpperCase()\n )\n}\n","export const removeProtocol = (url: string): string =>\n url.replace(/(^\\w+:|^)\\/\\//, '')\n","export default __webpack_public_path__ + \"static/maskable-36b9e327abc26d5d02e9350d184a058f.png\";"],"names":["_createMdxContent","props","React","wrapper","MDXLayout","Object","assign","_provideComponents","components","HeroBrandWrapper","styled","MEDIA","SPACINGS","HeroLogo","SiteLogo","createSquareSizeStyles","Content","H1","COLORS","FONT_SIZES","FONT_WEIGHTS","BRAND_GRADIENT_TEXT_STYLES","H2","CtaWrapper","createGapStyles","HeroBrand","title","description","useSiteMetadata","appearance","split","map","word","index","key","id","MAIN_CONTENT_ID","LinkButtonPrimaryFilled","to","LinkButtonPrimaryOutlined","USP_ITEM_SPACING","HeroUspsWrapper","Usp","UspHeader","_ref","ONE","UspText","HeroUsps","LinkCard","HeroWrapper","Hero","Head","siteUrl","Seo","url","type","removeProtocol","maskable","PageHome","children","Mdx","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","lang","siteMetadata","pageTitle","kebabCaseToPascalCase","metaDescription","rel","href","name","content","author","string","separator","replace","replaceString","toUpperCase"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/examples/generator/index.html b/docs/examples/generator/index.html index 67c8c64e9..36801bf7c 100644 --- a/docs/examples/generator/index.html +++ b/docs/examples/generator/index.html @@ -277,27 +277,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -370,67 +370,67 @@ .bvSVSI{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:1.2rem;border-top-right-radius:0.4rem;border-bottom-right-radius:0.4rem;position:relative;border-left:0.4rem solid var(--admonition-note);background-color:rgba(var(--admonition-note-rgb-value),0.07);}/*!sc*/ .bvSVSI .IconWithText__IconWithTextIcon-sc-1vm2nih-2{color:var(--admonition-note);}/*!sc*/ data-styled.g87[id="Admonition__AdmonitionWrapper-sc-1cc944d-0"]{content:"fvjNGO,bvSVSI,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -639,7 +639,7 @@ } } } -
    Embla Carousel

    Carousel generator

    +
    Embla Carousel

    Carousel generator

    Just follow the instructions and create your own customized carousel setup in no time!

    Caution: The carousel generator is an experimental Embla Carousel feature introduced in v8.0.0. This generator is subject to change before it is marked @@ -665,6 +665,6 @@

    - window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}"; + window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/docs/examples/index.html b/docs/examples/index.html index 3192031c5..f6b825a31 100644 --- a/docs/examples/index.html +++ b/docs/examples/index.html @@ -270,27 +270,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -358,67 +358,67 @@ data-styled.g85[id="PageBreadcrumbs__ActiveTitle-sc-1mlty1z-2"]{content:"clqdNL,"}/*!sc*/ .fmHorr{color:var(--text-low-contrast);margin:0 0.6rem;}/*!sc*/ data-styled.g86[id="PageBreadcrumbs__Separator-sc-1mlty1z-3"]{content:"fmHorr,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -548,7 +548,7 @@ } } } -
    Embla Carousel

    Example Setups

    +
    Embla Carousel

    Example Setups

    Get started instantly with Embla Carousel by finding an example setup that suits your needs. Browse basic to advanced setups. All examples are created with CodeSandbox which makes it a breeze to fork and start experimenting with Embla Carousel instantly.

    Choose type of examples

    @@ -556,6 +556,6 @@

    - window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}"; + window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/docs/examples/predefined/index.html b/docs/examples/predefined/index.html index 67e247c5b..ee968058d 100644 --- a/docs/examples/predefined/index.html +++ b/docs/examples/predefined/index.html @@ -276,27 +276,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -364,67 +364,67 @@ data-styled.g85[id="PageBreadcrumbs__ActiveTitle-sc-1mlty1z-2"]{content:"clqdNL,"}/*!sc*/ .fmHorr{color:var(--text-low-contrast);margin:0 0.6rem;}/*!sc*/ data-styled.g86[id="PageBreadcrumbs__Separator-sc-1mlty1z-3"]{content:"fmHorr,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -863,7 +863,7 @@ } } } -
    Embla Carousel

    Predefined Examples

    +
    Embla Carousel

    Predefined Examples

    Get started instantly with pre-made CodeSandboxes. Do you want to customize your carousel more? Try the carousel generator.

    Basic Examples

    @@ -939,6 +939,6 @@

    - window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}"; + window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/docs/get-started/cdn/index.html b/docs/get-started/cdn/index.html index 384ab8854..09ea1b959 100644 --- a/docs/get-started/cdn/index.html +++ b/docs/get-started/cdn/index.html @@ -270,27 +270,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -377,67 +377,67 @@ data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/ .lazjBX{position:relative;z-index:1;}/*!sc*/ data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -550,7 +550,7 @@ } } } -
    Embla Carousel

    CDN

    +
    Embla Carousel

    CDN

    Start by including the Embla Carousel script from a CDN with a script tag:

    <script src="https://unpkg.com/embla-carousel/embla-carousel.umd.js"></script>
    @@ -573,6 +573,6 @@

    - window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}"; + window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/docs/get-started/index.html b/docs/get-started/index.html index d646cd092..a7b49ce98 100644 --- a/docs/get-started/index.html +++ b/docs/get-started/index.html @@ -270,27 +270,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -358,67 +358,67 @@ data-styled.g85[id="PageBreadcrumbs__ActiveTitle-sc-1mlty1z-2"]{content:"clqdNL,"}/*!sc*/ .fmHorr{color:var(--text-low-contrast);margin:0 0.6rem;}/*!sc*/ data-styled.g86[id="PageBreadcrumbs__Separator-sc-1mlty1z-3"]{content:"fmHorr,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -548,7 +548,7 @@ } } } -
    Embla Carousel

    Get Started

    +
    Embla Carousel

    Get Started

    Embla Carousel is a library agnostic, dependency free and lightweight carousel library. It aims to solve the hardest technical challenges with building carousels, and the rest is up to the user utilizing its highly extensible API and plugins. Embla Carousel works in all modern browsers.

    Choose installation type

    @@ -556,6 +556,6 @@

    - window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}"; + window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/docs/get-started/module/index.html b/docs/get-started/module/index.html index 944a85ab1..8c9c63df0 100644 --- a/docs/get-started/module/index.html +++ b/docs/get-started/module/index.html @@ -270,27 +270,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -377,67 +377,67 @@ data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/ .lazjBX{position:relative;z-index:1;}/*!sc*/ data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -550,9 +550,9 @@ } } } -
    Embla Carousel

    Module

    +
    Embla Carousel

    Module

    Start by installing the npm package and save it to your dependencies:

    -
    npm install embla-carousel --save
    +
    npm install embla-carousel --save

    The HTML structure

    A minimal setup requires an overflow wrapper and a scroll container. Start by adding the following HTML structure to your carousel:

    @@ -567,7 +567,7 @@

    Adding plugins

    Start by installing the plugin you want to use. In this example, we're going to install the Autoplay plugin:

    -
    npm install embla-carousel-autoplay --save
    +
    npm install embla-carousel-autoplay --save

    Embla Carousel accepts an optional plugin array as the thrid argument. Here's a basic example of how to make use of it:

    import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
 const emblaNode = document.querySelector('.embla')const options = { loop: false }const plugins = [Autoplay()]const emblaApi = EmblaCarousel(emblaNode, options, plugins)
    @@ -575,6 +575,6 @@

    - window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}"; + window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/docs/get-started/react/index.html b/docs/get-started/react/index.html index 70db4c4f4..f46d0fff4 100644 --- a/docs/get-started/react/index.html +++ b/docs/get-started/react/index.html @@ -270,27 +270,27 @@ .iaqSVP{height:100%;}/*!sc*/ @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/ data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/ -.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ -data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/ -.eieGAm:focus{outline:0;}/*!sc*/ -data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/ -.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ -.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ -.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ -data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/ +.iiSQQc:focus{outline:0;}/*!sc*/ +data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/ +.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/ +.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ +.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/ +data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/ +.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/ +data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/ .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/ @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/ data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/ .hvPLVN{height:100%;}/*!sc*/ -.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ -.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/ -.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ +.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/ +.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/ +.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/ data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/ .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/ .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ @@ -377,67 +377,67 @@ data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/ .lazjBX{position:relative;z-index:1;}/*!sc*/ data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/ -.bFpwyH{color:var(--text-body);}/*!sc*/ -.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ -.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/ -.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ -.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH .prism-highlight{position:relative;}/*!sc*/ -@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ -.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ -.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ -.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ -.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ -.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ -.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ -.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ -.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ -.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ -.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/ -.bFpwyH .token-line{display:block;}/*!sc*/ -.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/ -.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/ -.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/ -.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/ -.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ -.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/ -.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ -.bFpwyH .token.italic{font-style:italic;}/*!sc*/ -.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/ -.bFpwyH .token.entity{cursor:help;}/*!sc*/ -.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ -.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ -@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ -@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/ -.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/ -data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/ +.iAbsXR{color:var(--text-body);}/*!sc*/ +.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/ +.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/ +.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/ +.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR .prism-highlight{position:relative;}/*!sc*/ +@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/ +.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/ +.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/ +.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/ +.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/ +.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/ +.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/ +.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/ +.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/ +.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/ +.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/ +.iAbsXR .token-line{display:block;}/*!sc*/ +.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/ +.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/ +.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/ +.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/ +.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/ +.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/ +.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/ +.iAbsXR .token.italic{font-style:italic;}/*!sc*/ +.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/ +.iAbsXR .token.entity{cursor:help;}/*!sc*/ +.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/ +.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/ +@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/ +@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/ +.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/ +data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/ .hSdwky{display:block;width:100%;}/*!sc*/ data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/ .jkiOsm{display:block;font-size:0;}/*!sc*/ @@ -550,9 +550,9 @@ } } } -
    Embla Carousel

    React

    +
    Embla Carousel

    React

    Start by installing the Embla Carousel npm package and add it to your dependencies.

    -
    npm install embla-carousel-react --save
    +
    npm install embla-carousel-react --save

    The component structure

    Embla Carousel provides the handy useEmblaCarousel hook for seamless integration with React. A minimal setup requires an overflow wrapper and a scroll container. Start by adding the following structure to your carousel:

    @@ -570,7 +570,7 @@

    Adding plugins

    Start by installing the plugin you want to use. In this example, we're going to install the Autoplay plugin:

    -
    npm install embla-carousel-autoplay --save
    +
    npm install embla-carousel-autoplay --save

    The useEmblaCarousel hook accepts plugins as the second argument. Note that plugins need to be passed in an array like so:

    import React, { useEffect } from 'react'import useEmblaCarousel from 'embla-carousel-react'import Autoplay from 'embla-carousel-autoplay'
 export const EmblaCarousel = () => {  const [emblaRef] = useEmblaCarousel({ loop: false }, [Autoplay()])
@@ -579,6 +579,6 @@ 
    
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/get-started/solid/index.html b/docs/get-started/solid/index.html
index a43a9f27d..33bc7648f 100644
--- a/docs/get-started/solid/index.html
+++ b/docs/get-started/solid/index.html
@@ -270,27 +270,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -377,67 +377,67 @@
 data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/
 .lazjBX{position:relative;z-index:1;}/*!sc*/
 data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -550,9 +550,9 @@
           }
         }
       }
-            
         
 
    Embla Carousel
    Solid
    
+            
         
 
    Embla Carousel
    Solid
    
 
    Start by installing the Embla Carousel npm package and add it to your dependencies.
    
-
    npm install embla-carousel-solid --save
    
+
    npm install embla-carousel-solid --save
    
 
    
 
    The component structure
    
 
    Embla Carousel provides the handy createEmblaCarousel method for seamless integration with Solid. A minimal setup requires an overflow wrapper and a scroll container. Start by adding the following structure to your carousel:
    
@@ -570,7 +570,7 @@

    Adding plugins

    Start by installing the plugin you want to use. In this example, we're going to install the Autoplay plugin:

    -
    npm install embla-carousel-autoplay --save
    +
    npm install embla-carousel-autoplay --save

    The createEmblaCarousel method accepts plugins as the second argument, which is a Solid accessor. Note that plugins need to be passed in an array like so:

    import createEmblaCarousel from 'embla-carousel-solid'import Autoplay from 'embla-carousel-autoplay'
 export const EmblaCarousel = () => {  const [emblaRef] = createEmblaCarousel(    () => ({ loop: true }),    () => [AutoPlay()]  )
@@ -579,6 +579,6 @@ 
    
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/get-started/svelte/index.html b/docs/get-started/svelte/index.html
index 279590fb7..fea7e2a0c 100644
--- a/docs/get-started/svelte/index.html
+++ b/docs/get-started/svelte/index.html
@@ -270,27 +270,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -377,67 +377,67 @@
 data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/
 .lazjBX{position:relative;z-index:1;}/*!sc*/
 data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -550,9 +550,9 @@
           }
         }
       }
-            
         
 
    Embla Carousel
    Svelte
    
+            
         
 
    Embla Carousel
    Svelte
    
 
    Start by installing the Embla Carousel npm package and add it to your dependencies.
    
-
    npm install embla-carousel-svelte --save
    
+
    npm install embla-carousel-svelte --save
    
 
    
 
    The component structure
    
 
    Embla Carousel provides the handy emblaCarouselSvelte action for seamless integration with Svelte. A minimal setup requires an overflow wrapper and a scroll container. Start by adding the following structure to your carousel:
    
@@ -569,7 +569,7 @@

    Adding plugins

    Start by installing the plugin you want to use. In this example, we're going to install the Autoplay plugin:

    -
    npm install embla-carousel-autoplay --save
    +
    npm install embla-carousel-autoplay --save

    The emblaCarouselSvelte action parameter accepts plugins. Note that plugins need to be passed in an array like so:

    <script>  import emblaCarouselSvelte from 'embla-carousel-svelte'  import Autoplay from 'embla-carousel-autoplay'
   let options = { loop: false }  let plugins = [Autoplay()]</script>
@@ -578,6 +578,6 @@ 
    
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/get-started/vue/index.html b/docs/get-started/vue/index.html
index 649602f16..5b4346b68 100644
--- a/docs/get-started/vue/index.html
+++ b/docs/get-started/vue/index.html
@@ -270,27 +270,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -377,67 +377,67 @@
 data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/
 .lazjBX{position:relative;z-index:1;}/*!sc*/
 data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -550,9 +550,9 @@
           }
         }
       }
-            
         
 
    Embla Carousel
    Vue
    
+            
         
 
    Embla Carousel
    Vue
    
 
    Start by installing the Embla Carousel npm package and add it to your dependencies.
    
-
    npm install embla-carousel-vue --save
    
+
    npm install embla-carousel-vue --save
    
 
    
 
    The component structure
    
 
    Embla Carousel provides the handy emblaCarouselVue function for seamless integration with Vue. A minimal setup requires an overflow wrapper and a scroll container. Start by adding the following structure to your carousel:
    
@@ -571,7 +571,7 @@

    Adding plugins

    Start by installing the plugin you want to use. In this example, we're going to install the Autoplay plugin:

    -
    npm install embla-carousel-autoplay --save
    +
    npm install embla-carousel-autoplay --save

    The emblaCarouselVue function accepts plugins as the second argument. Note that plugins need to be passed in an array like so:

    <template>  <div class="embla" ref="emblaNode">    <div class="embla__container">      <div class="embla__slide">Slide 1</div>      <div class="embla__slide">Slide 2</div>      <div class="embla__slide">Slide 3</div>    </div>  </div></template>
 <script>  import emblaCarouselVue from 'embla-carousel-vue'  import Autoplay from 'embla-carousel-autoplay'
@@ -580,6 +580,6 @@ 
    
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/guides/breakpoints/index.html b/docs/guides/breakpoints/index.html
index 3c47fe36e..edd2252a2 100644
--- a/docs/guides/breakpoints/index.html
+++ b/docs/guides/breakpoints/index.html
@@ -270,27 +270,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -377,67 +377,67 @@
 data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/
 .lazjBX{position:relative;z-index:1;}/*!sc*/
 data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -550,7 +550,7 @@
           }
         }
       }
-            
         
 
    Embla Carousel
    Breakpoints
    
+            
         
 
    Embla Carousel
    Breakpoints
    
 
    This guide demonstrates how to customize your carousels for different breakpoints using the flexbox setup. Embla Carousel offers a convenient way to customize your carousels based on different breakpoints including changing options, using plain CSS.
    
 
    
 
    Changing slide sizes
    
@@ -572,6 +572,6 @@ 
    
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/guides/index.html b/docs/guides/index.html
index 6c06067fc..1ca2b7ea0 100644
--- a/docs/guides/index.html
+++ b/docs/guides/index.html
@@ -268,27 +268,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -356,67 +356,67 @@
 data-styled.g85[id="PageBreadcrumbs__ActiveTitle-sc-1mlty1z-2"]{content:"clqdNL,"}/*!sc*/
 .fmHorr{color:var(--text-low-contrast);margin:0 0.6rem;}/*!sc*/
 data-styled.g86[id="PageBreadcrumbs__Separator-sc-1mlty1z-3"]{content:"fmHorr,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -546,7 +546,7 @@
           }
         }
       }
-            
         
 
    Embla Carousel
    Practical Guides
    
+            
         
 
    Embla Carousel
    Practical Guides
    
 
    Here is a list of practical step-by-step guides to help you achieve a specific goal. These guides demonstrate how to customize your carousels for different use cases and teach you more about how Embla Carousel works.
    
 
    
 
    Pick a guide
    
@@ -554,6 +554,6 @@ 
    
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/guides/previous-and-next-buttons/index.html b/docs/guides/previous-and-next-buttons/index.html
index d6bc54d9f..3ae37f15b 100644
--- a/docs/guides/previous-and-next-buttons/index.html
+++ b/docs/guides/previous-and-next-buttons/index.html
@@ -270,27 +270,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -377,67 +377,67 @@
 data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/
 .lazjBX{position:relative;z-index:1;}/*!sc*/
 data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -550,7 +550,7 @@
           }
         }
       }
-            
         
 
    Embla Carousel
    Previous & Next Buttons
    
+            
         
 
    Embla Carousel
    Previous & Next Buttons
    
 
    This guide will show you how to add previous and next buttons using the Embla Carousel API. We're going to make use of the following methods to achieve this:
    
 
      
 
    • scrollPrev
      • 
@@ -567,7 +567,7 @@ 
      embla__viewport will act as our new root element, which will encapsulate the scroll container and respond to pointer events. Now, we're ready to place our buttons outside that wrapper:
      
 
      <div class="embla">  <div class="embla__viewport">    <div class="embla__container">      <div class="embla__slide">Slide 1</div>      <div class="embla__slide">Slide 2</div>      <div class="embla__slide">Slide 3</div>    </div>  </div>  <button class="embla__prev">Prev</button>  <button class="embla__next">Next</button></div>
      
 
      With vanilla JavaScript
      
-
      Adding event listeners to our buttons is easy. It just requires som basic JavaScript to get this done. First, we need to grab our wrappers and buttons:
      
+
      Adding event listeners to our buttons is easy. It just requires some basic JavaScript to get this done. First, we need to grab our wrappers and buttons:
      
 
      import EmblaCarousel from 'embla-carousel'
 // Grab wrapper nodesconst rootNode = document.querySelector('.embla')const viewportNode = rootNode.querySelector('.embla__viewport')
 // Grab button nodesconst prevButtonNode = rootNode.querySelector('.embla__prev')const nextButtonNode = rootNode.querySelector('.embla__next')
      
@@ -584,6 +584,6 @@ 
      
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/guides/slide-container/index.html b/docs/guides/slide-container/index.html
index 47baec065..2772e461f 100644
--- a/docs/guides/slide-container/index.html
+++ b/docs/guides/slide-container/index.html
@@ -270,27 +270,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -377,67 +377,67 @@
 data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/
 .lazjBX{position:relative;z-index:1;}/*!sc*/
 data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -550,7 +550,7 @@
           }
         }
       }
-            
         
 
      Embla Carousel
      Slide Container
      
+            
         
 
      Embla Carousel
      Slide Container
      
 
      Embla Carousel allows you to use any CSS to stack your slides in the chosen scroll axis, whether it's CSS Grid, flexbox, inline-blocks or anything else. This guide will show you how to setup your slide container with flexbox and CSS Grid.
      
 
      
 
      Using Flexbox
      
@@ -568,6 +568,6 @@ 
      
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/guides/slide-gaps/index.html b/docs/guides/slide-gaps/index.html
index e9120f090..e46424ef9 100644
--- a/docs/guides/slide-gaps/index.html
+++ b/docs/guides/slide-gaps/index.html
@@ -270,27 +270,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -377,67 +377,67 @@
 data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/
 .lazjBX{position:relative;z-index:1;}/*!sc*/
 data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -550,7 +550,7 @@
           }
         }
       }
-            
         
 
      Embla Carousel
      Slide Gaps
      
+            
         
 
      Embla Carousel
      Slide Gaps
      
 
      Embla Carousel allows you to use any CSS to stack your slides in the chosen scroll axis, whether it's CSS Grid, flexbox, inline-blocks or anything else. It will conveniently pick up any spacings between the slides and automatically adjust the scroll snaps accordingly.
      
 
      
 
      Declaring gaps
      
@@ -572,6 +572,6 @@ 
      
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/guides/slide-sizes/index.html b/docs/guides/slide-sizes/index.html
index 7b8678058..98b173956 100644
--- a/docs/guides/slide-sizes/index.html
+++ b/docs/guides/slide-sizes/index.html
@@ -272,27 +272,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -382,67 +382,67 @@
 data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/
 .lazjBX{position:relative;z-index:1;}/*!sc*/
 data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -555,7 +555,7 @@
           }
         }
       }
-            
         
 
      Embla Carousel
      Slide Sizes
      
+            
         
 
      Embla Carousel
      Slide Sizes
      
 
      This guide will show you how to customize slide sizes for your carousels using the flexbox setup. Embla Carousel supports horizontal and vertical carousels with the axis option and that's why this guide will use the term slide sizes instead of widths or heights.
      
 
      If you haven't read about how to setup your slide container, please visit that guide before continuing with this.
      
 
      
@@ -575,6 +575,6 @@ 
      
-            window.___chunkMapping="{\"app\":[\"/app-eccab51937b68ba7b929.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-889a1d3f77eaa0fb985f.js\"],\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\":[\"/component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js\"],\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\":[\"/component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js\"],\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\":[\"/component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js\"],\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\":[\"/component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js\"]}";
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 3eb0f71bc..a752c5303 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -264,27 +264,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -330,67 +330,67 @@
 data-styled.g76[id="Footer__FooterWrapper-sc-bbv95y-0"]{content:"icuUha,"}/*!sc*/
 .fZycbM{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
 data-styled.g77[id="Footer__Content-sc-bbv95y-1"]{content:"fZycbM,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hbdnps{border:0.1rem solid var(--detail-low-contrast);background-color:var(--background-code);border-radius:1rem;padding:2.4rem;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}/*!sc*/
 data-styled.g99[id="LinkCard__LinkCardWrapper-sc-5308rf-0"]{content:"hbdnps,"}/*!sc*/
 .knHKMN span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.4rem;font-weight:500;}/*!sc*/
@@ -399,46 +399,46 @@
 .cosQpl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/
 @media (min-width:750px){.cosQpl{padding-top:3.6rem;}}/*!sc*/
 @media (min-width:992px){.cosQpl{padding-top:7.2rem;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}}/*!sc*/
-data-styled.g106[id="HeroBrand__HeroBrandWrapper-sc-cliib9-0"]{content:"cosQpl,"}/*!sc*/
+data-styled.g107[id="HeroBrand__HeroBrandWrapper-sc-cliib9-0"]{content:"cosQpl,"}/*!sc*/
 .iTklrZ{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:15rem;height:15rem;}/*!sc*/
 @media (min-width:750px){.iTklrZ{width:22rem;height:22rem;}}/*!sc*/
 @media (min-width:992px){.iTklrZ{width:32rem;height:32rem;}}/*!sc*/
 @media (min-width:1200px){.iTklrZ{width:34rem;height:34rem;}}/*!sc*/
-data-styled.g107[id="HeroBrand__HeroLogo-sc-cliib9-1"]{content:"iTklrZ,"}/*!sc*/
+data-styled.g108[id="HeroBrand__HeroLogo-sc-cliib9-1"]{content:"iTklrZ,"}/*!sc*/
 .dVpbWc{max-width:50rem;}/*!sc*/
 @media (max-width:991px){.dVpbWc{padding-top:3.6rem;text-align:center;}}/*!sc*/
 @media (max-width:749px){.dVpbWc{padding-top:2.4rem;}}/*!sc*/
-data-styled.g108[id="HeroBrand__Content-sc-cliib9-2"]{content:"dVpbWc,"}/*!sc*/
+data-styled.g109[id="HeroBrand__Content-sc-cliib9-2"]{content:"dVpbWc,"}/*!sc*/
 .lfDfjQ{color:var(--text-high-contrast);margin-bottom:2.4rem;font-size:5rem;line-height:0.9;font-weight:900;}/*!sc*/
 .lfDfjQ > span{display:block;}/*!sc*/
 .lfDfjQ > span:nth-child(2){color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
 @media (min-width:576px){.lfDfjQ{font-size:5.6rem;}}/*!sc*/
 @media (min-width:750px){.lfDfjQ{font-size:6.2rem;}}/*!sc*/
 @media (min-width:992px){.lfDfjQ{font-size:8rem;}}/*!sc*/
-data-styled.g109[id="HeroBrand__H1-sc-cliib9-3"]{content:"lfDfjQ,"}/*!sc*/
+data-styled.g110[id="HeroBrand__H1-sc-cliib9-3"]{content:"lfDfjQ,"}/*!sc*/
 .PTYda{color:var(--text-medium-contrast);font-size:1.8rem;line-height:1.5;}/*!sc*/
 @media (min-width:750px){.PTYda{font-size:2.1rem;}}/*!sc*/
-data-styled.g110[id="HeroBrand__H2-sc-cliib9-4"]{content:"PTYda,"}/*!sc*/
+data-styled.g111[id="HeroBrand__H2-sc-cliib9-4"]{content:"PTYda,"}/*!sc*/
 .gioJBP{margin-left:-1.2rem;margin-bottom:-1.2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2.4rem;}/*!sc*/
 .gioJBP > *{padding-left:1.2rem;}/*!sc*/
 .gioJBP > *{padding-bottom:1.2rem;}/*!sc*/
 @media (min-width:750px){.gioJBP{padding-top:3.6rem;}}/*!sc*/
 @media (max-width:991px){.gioJBP{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}/*!sc*/
-data-styled.g111[id="HeroBrand__CtaWrapper-sc-cliib9-5"]{content:"gioJBP,"}/*!sc*/
+data-styled.g112[id="HeroBrand__CtaWrapper-sc-cliib9-5"]{content:"gioJBP,"}/*!sc*/
 .iDPInQ{margin-left:-1.4rem;margin-bottom:-1.4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:4.8rem;}/*!sc*/
 .iDPInQ > li{padding-left:1.4rem;}/*!sc*/
 .iDPInQ > li{padding-bottom:1.4rem;}/*!sc*/
 @media (min-width:750px){.iDPInQ{padding-top:6.6rem;padding-bottom:1.8rem;}}/*!sc*/
 @media (min-width:992px){.iDPInQ{padding-top:7.2rem;padding-bottom:4.8rem;}}/*!sc*/
-data-styled.g112[id="HeroUsps__HeroUspsWrapper-sc-g4j8ag-0"]{content:"iDPInQ,"}/*!sc*/
+data-styled.g113[id="HeroUsps__HeroUspsWrapper-sc-g4j8ag-0"]{content:"iDPInQ,"}/*!sc*/
 .KgTHK{min-width:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;}/*!sc*/
 @media (min-width:576px){.KgTHK{-webkit-flex:0 0 calc(100% / 2);-ms-flex:0 0 calc(100% / 2);flex:0 0 calc(100% / 2);}}/*!sc*/
 @media (min-width:750px){.KgTHK{-webkit-flex:0 0 calc(100% / 3);-ms-flex:0 0 calc(100% / 3);flex:0 0 calc(100% / 3);}}/*!sc*/
-data-styled.g113[id="HeroUsps__Usp-sc-g4j8ag-1"]{content:"KgTHK,"}/*!sc*/
+data-styled.g114[id="HeroUsps__Usp-sc-g4j8ag-1"]{content:"KgTHK,"}/*!sc*/
 .edZQHJ{color:var(--text-body);margin-bottom:0.8rem;font-size:1.8rem;font-weight:700;}/*!sc*/
-data-styled.g114[id="HeroUsps__UspHeader-sc-g4j8ag-2"]{content:"edZQHJ,"}/*!sc*/
+data-styled.g115[id="HeroUsps__UspHeader-sc-g4j8ag-2"]{content:"edZQHJ,"}/*!sc*/
 .kTRGb{margin-bottom:1.8rem;color:var(--text-low-contrast);}/*!sc*/
-data-styled.g115[id="HeroUsps__UspText-sc-g4j8ag-3"]{content:"kTRGb,"}/*!sc*/
+data-styled.g116[id="HeroUsps__UspText-sc-g4j8ag-3"]{content:"kTRGb,"}/*!sc*/
 
         
 
      Embla Carousel
      EmblaCarousel
      A lightweight carousel library with fluid motion and great swipe precision
      
+              
         
 
      Embla Carousel
      EmblaCarousel
      A lightweight carousel library with fluid motion and great swipe precision
      
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/page-data/api/plugins/page-data.json b/docs/page-data/api/plugins/page-data.json
index 4c2d49c70..bbb9e6c04 100644
--- a/docs/page-data/api/plugins/page-data.json
+++ b/docs/page-data/api/plugins/page-data.json
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx","path":"/api/plugins/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#plugins","title":"Plugins","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage","items":[{"url":"#adding-a-plugin","title":"Adding a plugin"},{"url":"#constructor-options","title":"Constructor options"},{"url":"#global-options","title":"Global options"},{"url":"#calling-methods","title":"Calling methods"},{"url":"#adding-event-listeners","title":"Adding event listeners"},{"url":"#typescript","title":"TypeScript"}]}]}]},"frontmatter":{"title":"Plugins","description":"Learn how to add plugins to Embla Carousel and extend it.","date":"06 November 2021"}}},"pageContext":{"id":"31ce8907-1cb2-52c3-be8d-82e0210c9f43","layout":"Default","slug":"/api/plugins/","filePath":"src/content/pages/api/plugins.mdx","next":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","slug":"/plugins/","title":"Plugins","order":3,"level":1},"previous":{"id":"9d153896-90c5-5193-b966-9f0de84aa668","slug":"/api/events/","title":"Events","order":2,"level":2},"frontmatter":{"title":"Plugins","description":"Learn how to add plugins to Embla Carousel and extend it.","order":3,"date":"2021-11-06T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx","path":"/api/plugins/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#plugins","title":"Plugins","items":[{"url":"#usage","title":"Usage","items":[{"url":"#adding-a-plugin","title":"Adding a plugin"},{"url":"#constructor-options","title":"Constructor options"},{"url":"#global-options","title":"Global options"},{"url":"#calling-methods","title":"Calling methods"},{"url":"#adding-event-listeners","title":"Adding event listeners"},{"url":"#typescript","title":"TypeScript"}]}]}]},"frontmatter":{"title":"Plugins","description":"Learn how to add plugins to Embla Carousel and extend it.","date":"06 November 2021"}}},"pageContext":{"id":"31ce8907-1cb2-52c3-be8d-82e0210c9f43","layout":"Default","slug":"/api/plugins/","filePath":"src/content/pages/api/plugins.mdx","next":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","slug":"/plugins/","title":"Plugins","order":3,"level":1},"previous":{"id":"9d153896-90c5-5193-b966-9f0de84aa668","slug":"/api/events/","title":"Events","order":2,"level":2},"frontmatter":{"title":"Plugins","description":"Learn how to add plugins to Embla Carousel and extend it.","order":3,"date":"2021-11-06T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
diff --git a/docs/page-data/app-data.json b/docs/page-data/app-data.json
index 8ec46167b..864ce4023 100644
--- a/docs/page-data/app-data.json
+++ b/docs/page-data/app-data.json
@@ -1 +1 @@
-{"webpackCompilationHash":"53f357cc03390fdf85fb"}
+{"webpackCompilationHash":"57f02835e76dd60da799"}
diff --git a/docs/page-data/examples/page-data.json b/docs/page-data/examples/page-data.json
index 9ddbca718..121ae681c 100644
--- a/docs/page-data/examples/page-data.json
+++ b/docs/page-data/examples/page-data.json
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx","path":"/examples/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#example-setups","title":"Example Setups","items":[{"url":"#choose-type-of-examples","title":"Choose type of examples"}]}]},"frontmatter":{"title":"Examples","description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs.","date":"21 February 2021"}}},"pageContext":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","layout":"Default","slug":"/examples/","filePath":"src/content/pages/examples/index.mdx","next":{"id":"4967d65c-8ffe-549d-b089-8caf87f57222","slug":"/examples/predefined/","title":"Predefined","order":0,"level":2},"previous":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","slug":"/plugins/wheel-gestures/","title":"Wheel Gestures","order":4,"level":2},"frontmatter":{"title":"Examples","description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs.","order":4,"date":"2021-02-21T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx","path":"/examples/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#example-setups","title":"Example Setups","items":[{"url":"#choose-type-of-examples","title":"Choose type of examples"}]}]},"frontmatter":{"title":"Examples","description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs.","date":"21 February 2021"}}},"pageContext":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","layout":"Default","slug":"/examples/","filePath":"src/content/pages/examples/index.mdx","next":{"id":"4967d65c-8ffe-549d-b089-8caf87f57222","slug":"/examples/predefined/","title":"Predefined","order":0,"level":2},"previous":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","slug":"/plugins/wheel-gestures/","title":"Wheel Gestures","order":3,"level":2},"frontmatter":{"title":"Examples","description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs.","order":4,"date":"2021-02-21T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
diff --git a/docs/page-data/plugins/auto-height/page-data.json b/docs/page-data/plugins/auto-height/page-data.json
index cd9dfb200..02625b2bd 100644
--- a/docs/page-data/plugins/auto-height/page-data.json
+++ b/docs/page-data/plugins/auto-height/page-data.json
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx","path":"/plugins/auto-height/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#auto-height","title":"Auto Height","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#options","title":"Options","items":[{"url":"#destroyheight","title":"destroyHeight"}]}]}]},"frontmatter":{"title":"Auto Height","description":"Learn how to use the Auto Height plugin for Embla Carousel","date":"14 January 2022"}}},"pageContext":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","layout":"Default","slug":"/plugins/auto-height/","filePath":"src/content/pages/plugins/auto-height.mdx","next":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","slug":"/plugins/class-names/","title":"Class Names","order":3,"level":2},"previous":{"id":"b77329c5-8075-5a95-96a9-6b60d635ef5e","slug":"/plugins/auto-scroll/","title":"Auto Scroll","order":1,"level":2},"frontmatter":{"title":"Auto Height","description":"Learn how to use the Auto Height plugin for Embla Carousel","order":2,"date":"2022-01-14T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx","path":"/plugins/auto-height/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#auto-height","title":"Auto Height","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#options","title":"Options","items":[{"url":"#destroyheight","title":"destroyHeight"}]}]}]},"frontmatter":{"title":"Auto Height","description":"Learn how to add this Auto Height plugin to Embla Carousel","date":"14 January 2022"}}},"pageContext":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","layout":"Default","slug":"/plugins/auto-height/","filePath":"src/content/pages/plugins/auto-height.mdx","next":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","slug":"/plugins/class-names/","title":"Class Names","order":2,"level":2},"previous":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","slug":"/plugins/autoplay/","title":"Autoplay","order":0,"level":2},"frontmatter":{"title":"Auto Height","description":"Learn how to add this Auto Height plugin to Embla Carousel","order":1,"date":"2022-01-14T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
diff --git a/docs/page-data/plugins/auto-scroll/page-data.json b/docs/page-data/plugins/auto-scroll/page-data.json
deleted file mode 100644
index e68022d45..000000000
--- a/docs/page-data/plugins/auto-scroll/page-data.json
+++ /dev/null
@@ -1 +0,0 @@
-{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx","path":"/plugins/auto-scroll/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#auto-scroll","title":"Auto Scroll","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#options","title":"Options","items":[{"url":"#speed","title":"speed"},{"url":"#startdelay","title":"startDelay"},{"url":"#direction","title":"direction"},{"url":"#playoninit","title":"playOnInit"},{"url":"#stoponinteraction","title":"stopOnInteraction"},{"url":"#stoponmouseenter","title":"stopOnMouseEnter"},{"url":"#stoponfocusin","title":"stopOnFocusIn"},{"url":"#rootnode","title":"rootNode"}]},{"url":"#methods","title":"Methods","items":[{"url":"#play","title":"play"},{"url":"#stop","title":"stop"},{"url":"#reset","title":"reset"},{"url":"#isplaying","title":"isPlaying"}]},{"url":"#events","title":"Events","items":[{"url":"#autoscrollplay","title":"autoScroll:play"},{"url":"#autoscrollstop","title":"autoScroll:stop"}]}]}]},"frontmatter":{"title":"Auto Scroll","description":"Learn how to use the Auto Scroll plugin for Embla Carousel","date":"13 January 2024"}}},"pageContext":{"id":"b77329c5-8075-5a95-96a9-6b60d635ef5e","layout":"Default","slug":"/plugins/auto-scroll/","filePath":"src/content/pages/plugins/auto-scroll.mdx","next":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","slug":"/plugins/auto-height/","title":"Auto Height","order":2,"level":2},"previous":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","slug":"/plugins/autoplay/","title":"Autoplay","order":0,"level":2},"frontmatter":{"title":"Auto Scroll","description":"Learn how to use the Auto Scroll plugin for Embla Carousel","order":1,"date":"2024-01-13T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
diff --git a/docs/page-data/plugins/autoplay/page-data.json b/docs/page-data/plugins/autoplay/page-data.json
index 1d0166bcb..f4021e465 100644
--- a/docs/page-data/plugins/autoplay/page-data.json
+++ b/docs/page-data/plugins/autoplay/page-data.json
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx","path":"/plugins/autoplay/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#autoplay","title":"Autoplay","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#options","title":"Options","items":[{"url":"#delay","title":"delay"},{"url":"#jump","title":"jump"},{"url":"#playoninit","title":"playOnInit"},{"url":"#stoponinteraction","title":"stopOnInteraction"},{"url":"#stoponmouseenter","title":"stopOnMouseEnter"},{"url":"#stoponfocusin","title":"stopOnFocusIn"},{"url":"#stoponlastsnap","title":"stopOnLastSnap"},{"url":"#rootnode","title":"rootNode"}]},{"url":"#methods","title":"Methods","items":[{"url":"#play","title":"play"},{"url":"#stop","title":"stop"},{"url":"#reset","title":"reset"},{"url":"#isplaying","title":"isPlaying"}]},{"url":"#events","title":"Events","items":[{"url":"#autoplayplay","title":"autoplay:play"},{"url":"#autoplaystop","title":"autoplay:stop"}]}]}]},"frontmatter":{"title":"Autoplay","description":"Learn how to use the Autoplay plugin for Embla Carousel","date":"13 March 2021"}}},"pageContext":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","layout":"Default","slug":"/plugins/autoplay/","filePath":"src/content/pages/plugins/autoplay.mdx","next":{"id":"b77329c5-8075-5a95-96a9-6b60d635ef5e","slug":"/plugins/auto-scroll/","title":"Auto Scroll","order":1,"level":2},"previous":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","slug":"/plugins/","title":"Plugins","order":3,"level":1},"frontmatter":{"title":"Autoplay","description":"Learn how to use the Autoplay plugin for Embla Carousel","order":0,"date":"2021-03-13T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx","path":"/plugins/autoplay/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#autoplay","title":"Autoplay","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#options","title":"Options","items":[{"url":"#delay","title":"delay"},{"url":"#jump","title":"jump"},{"url":"#playoninit","title":"playOnInit"},{"url":"#stoponinteraction","title":"stopOnInteraction"},{"url":"#stoponmouseenter","title":"stopOnMouseEnter"},{"url":"#stoponfocusin","title":"stopOnFocusIn"},{"url":"#stoponlastsnap","title":"stopOnLastSnap"},{"url":"#rootnode","title":"rootNode"}]},{"url":"#methods","title":"Methods","items":[{"url":"#play","title":"play"},{"url":"#stop","title":"stop"},{"url":"#reset","title":"reset"},{"url":"#isplaying","title":"isPlaying"}]},{"url":"#events","title":"Events","items":[{"url":"#autoplayplay","title":"autoplay:play"},{"url":"#autoplaystop","title":"autoplay:stop"}]}]}]},"frontmatter":{"title":"Autoplay","description":"Learn how to add this Autoplay plugin to Embla Carousel","date":"13 March 2021"}}},"pageContext":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","layout":"Default","slug":"/plugins/autoplay/","filePath":"src/content/pages/plugins/autoplay.mdx","next":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","slug":"/plugins/auto-height/","title":"Auto Height","order":1,"level":2},"previous":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","slug":"/plugins/","title":"Plugins","order":3,"level":1},"frontmatter":{"title":"Autoplay","description":"Learn how to add this Autoplay plugin to Embla Carousel","order":0,"date":"2021-03-13T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
diff --git a/docs/page-data/plugins/class-names/page-data.json b/docs/page-data/plugins/class-names/page-data.json
index ac1a1fdfc..309ac53e6 100644
--- a/docs/page-data/plugins/class-names/page-data.json
+++ b/docs/page-data/plugins/class-names/page-data.json
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx","path":"/plugins/class-names/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#class-names","title":"Class Names","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#options","title":"Options","items":[{"url":"#snapped","title":"snapped"},{"url":"#inview","title":"inView"},{"url":"#draggable","title":"draggable"},{"url":"#dragging","title":"dragging"}]}]}]},"frontmatter":{"title":"Class Names","description":"Learn how to use the Class Names plugin for Embla Carousel","date":"22 November 2021"}}},"pageContext":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","layout":"Default","slug":"/plugins/class-names/","filePath":"src/content/pages/plugins/class-names.mdx","next":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","slug":"/plugins/wheel-gestures/","title":"Wheel Gestures","order":4,"level":2},"previous":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","slug":"/plugins/auto-height/","title":"Auto Height","order":2,"level":2},"frontmatter":{"title":"Class Names","description":"Learn how to use the Class Names plugin for Embla Carousel","order":3,"date":"2021-11-22T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx","path":"/plugins/class-names/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#class-names","title":"Class Names","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#options","title":"Options","items":[{"url":"#snapped","title":"snapped"},{"url":"#inview","title":"inView"},{"url":"#draggable","title":"draggable"},{"url":"#dragging","title":"dragging"}]}]}]},"frontmatter":{"title":"Class Names","description":"Learn how to add this Class Name plugin to Embla Carousel","date":"22 November 2021"}}},"pageContext":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","layout":"Default","slug":"/plugins/class-names/","filePath":"src/content/pages/plugins/class-names.mdx","next":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","slug":"/plugins/wheel-gestures/","title":"Wheel Gestures","order":3,"level":2},"previous":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","slug":"/plugins/auto-height/","title":"Auto Height","order":1,"level":2},"frontmatter":{"title":"Class Names","description":"Learn how to add this Class Name plugin to Embla Carousel","order":2,"date":"2021-11-22T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
diff --git a/docs/page-data/plugins/wheel-gestures/page-data.json b/docs/page-data/plugins/wheel-gestures/page-data.json
index 3ff43d45c..64afed08b 100644
--- a/docs/page-data/plugins/wheel-gestures/page-data.json
+++ b/docs/page-data/plugins/wheel-gestures/page-data.json
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx","path":"/plugins/wheel-gestures/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#wheel-gestures","title":"Wheel Gestures","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#options","title":"Options","items":[{"url":"#wheeldraggingclass","title":"wheelDraggingClass"},{"url":"#forcewheelaxis","title":"forceWheelAxis"},{"url":"#target","title":"target"}]}]}]},"frontmatter":{"title":"Wheel Gestures","description":"Learn how to add this Wheel Gesture plugin to Embla Carousel","date":"22 November 2021"}}},"pageContext":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","layout":"Default","slug":"/plugins/wheel-gestures/","filePath":"src/content/pages/plugins/wheel-gestures.mdx","next":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","slug":"/examples/","title":"Examples","order":4,"level":1},"previous":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","slug":"/plugins/class-names/","title":"Class Names","order":3,"level":2},"frontmatter":{"title":"Wheel Gestures","description":"Learn how to add this Wheel Gesture plugin to Embla Carousel","order":4,"date":"2021-11-22T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx","path":"/plugins/wheel-gestures/","result":{"data":{"mdx":{"tableOfContents":{"items":[{"url":"#wheel-gestures","title":"Wheel Gestures","items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#options","title":"Options","items":[{"url":"#wheeldraggingclass","title":"wheelDraggingClass"},{"url":"#forcewheelaxis","title":"forceWheelAxis"},{"url":"#target","title":"target"}]}]}]},"frontmatter":{"title":"Wheel Gestures","description":"Learn how to add this Wheel Gesture plugin to Embla Carousel","date":"22 November 2021"}}},"pageContext":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","layout":"Default","slug":"/plugins/wheel-gestures/","filePath":"src/content/pages/plugins/wheel-gestures.mdx","next":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","slug":"/examples/","title":"Examples","order":4,"level":1},"previous":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","slug":"/plugins/class-names/","title":"Class Names","order":2,"level":2},"frontmatter":{"title":"Wheel Gestures","description":"Learn how to add this Wheel Gesture plugin to Embla Carousel","order":3,"date":"2021-11-22T00:00:00.000Z"}}},"staticQueryHashes":["388772440","4025401718"],"slicesMap":{}}
\ No newline at end of file
diff --git a/docs/page-data/sq/d/388772440.json b/docs/page-data/sq/d/388772440.json
index 929675e08..a2fe3892a 100644
--- a/docs/page-data/sq/d/388772440.json
+++ b/docs/page-data/sq/d/388772440.json
@@ -1 +1 @@
-{"data":{"allMdx":{"edges":[{"node":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","frontmatter":{"title":"Autoplay","order":0,"description":"Learn how to use the Autoplay plugin for Embla Carousel"},"fields":{"slug":"/plugins/autoplay/"}}},{"node":{"id":"4dd27631-0efe-5b12-b997-6743be829e5b","frontmatter":{"title":"Slide Container","order":0,"description":"This guide demonstrates how to setup the Embla Carousel slide container correctly."},"fields":{"slug":"/guides/slide-container/"}}},{"node":{"id":"b624163b-4cc1-5e24-b8e2-61b94db0d254","frontmatter":{"title":"Get Started","order":0,"description":"Get started with Embla Carousel."},"fields":{"slug":"/get-started/"}}},{"node":{"id":"ba607541-5bb8-5364-9be7-78c42a5f7a09","frontmatter":{"title":"Module","order":0,"description":"Learn how to setup Embla Carousel using vanilla JavaScript."},"fields":{"slug":"/get-started/module/"}}},{"node":{"id":"4967d65c-8ffe-549d-b089-8caf87f57222","frontmatter":{"title":"Predefined","order":0,"description":"Browse predefined Embla Carousel setups that demonstrates its features."},"fields":{"slug":"/examples/predefined/"}}},{"node":{"id":"876fb36b-cb93-56da-9ea9-db953678f9c6","frontmatter":{"title":"Options","order":0,"description":"Discover how to customize Embla Carousel with its available options."},"fields":{"slug":"/api/options/"}}},{"node":{"id":"b77329c5-8075-5a95-96a9-6b60d635ef5e","frontmatter":{"title":"Auto Scroll","order":1,"description":"Learn how to use the Auto Scroll plugin for Embla Carousel"},"fields":{"slug":"/plugins/auto-scroll/"}}},{"node":{"id":"537ea62f-7ce2-5ee5-afba-c38ec256764c","frontmatter":{"title":"Guides","order":1,"description":"Explore practical step-by-step guides to help you customize your carousels for different use cases."},"fields":{"slug":"/guides/"}}},{"node":{"id":"0c1e5b08-51fe-5bb3-902d-b6d5dc9e13a9","frontmatter":{"title":"Slide Sizes","order":1,"description":"This guide demonstrates how Embla Carousel handles slide sizes and how to customize them."},"fields":{"slug":"/guides/slide-sizes/"}}},{"node":{"id":"1e877573-3182-5d96-8fae-250225bf74be","frontmatter":{"title":"React","order":1,"description":"Learn how to setup Embla Carousel using React."},"fields":{"slug":"/get-started/react/"}}},{"node":{"id":"78fbb6ee-2067-56cc-8fe5-ac4cc96d5fbc","frontmatter":{"title":"Generator","order":1,"description":"Generate and customize your own Embla Carousel setup."},"fields":{"slug":"/examples/generator/"}}},{"node":{"id":"e61d05d0-27fd-5f36-83ed-7a05e2e68f14","frontmatter":{"title":"Methods","order":1,"description":"Explore Embla Carousel methods useful for extending the carousel beyond its native functionality."},"fields":{"slug":"/api/methods/"}}},{"node":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","frontmatter":{"title":"Auto Height","order":2,"description":"Learn how to use the Auto Height plugin for Embla Carousel"},"fields":{"slug":"/plugins/auto-height/"}}},{"node":{"id":"3749b8f6-a2a7-5052-b898-f610865babcb","frontmatter":{"title":"Slide Gaps","order":2,"description":"This guide demonstrates how Embla Carousel handles slide gaps and how to customize them."},"fields":{"slug":"/guides/slide-gaps/"}}},{"node":{"id":"efd0d4b0-829c-5af6-88d9-038aa8260609","frontmatter":{"title":"Vue","order":2,"description":"Learn how to setup Embla Carousel using Vue."},"fields":{"slug":"/get-started/vue/"}}},{"node":{"id":"9d153896-90c5-5193-b966-9f0de84aa668","frontmatter":{"title":"Events","order":2,"description":"Learn how to listen to Embla Carousel events and how to make use of them."},"fields":{"slug":"/api/events/"}}},{"node":{"id":"275f3ad1-2fab-5e99-bf3e-c52c3b8b28ac","frontmatter":{"title":"API","order":2,"description":"Explore the Embla Carousel API that is designed with extensibility in mind."},"fields":{"slug":"/api/"}}},{"node":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","frontmatter":{"title":"Class Names","order":3,"description":"Learn how to use the Class Names plugin for Embla Carousel"},"fields":{"slug":"/plugins/class-names/"}}},{"node":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","frontmatter":{"title":"Plugins","order":3,"description":"Explore plugins that will enable you to extend your carousels with additional features."},"fields":{"slug":"/plugins/"}}},{"node":{"id":"92dfc4aa-727c-5fe0-b191-69127ddfab27","frontmatter":{"title":"Breakpoints","order":3,"description":"This guide demonstrates how to customize Embla Carousel based on different breakpoints."},"fields":{"slug":"/guides/breakpoints/"}}},{"node":{"id":"6d797196-6bce-5faf-a0f5-8851e6ab12a0","frontmatter":{"title":"Svelte","order":3,"description":"Learn how to setup Embla Carousel using Svelte."},"fields":{"slug":"/get-started/svelte/"}}},{"node":{"id":"31ce8907-1cb2-52c3-be8d-82e0210c9f43","frontmatter":{"title":"Plugins","order":3,"description":"Learn how to add plugins to Embla Carousel and extend it."},"fields":{"slug":"/api/plugins/"}}},{"node":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","frontmatter":{"title":"Wheel Gestures","order":4,"description":"Learn how to add this Wheel Gesture plugin to Embla Carousel"},"fields":{"slug":"/plugins/wheel-gestures/"}}},{"node":{"id":"88c00ae7-cf90-5cca-8470-4e5341d41e9a","frontmatter":{"title":"Prev & Next Buttons","order":4,"description":"This guide demonstrates how to setup previous and next buttons using the Embla Carousel API."},"fields":{"slug":"/guides/previous-and-next-buttons/"}}},{"node":{"id":"fb8767b4-84f5-5456-b193-7f3baed9272a","frontmatter":{"title":"Solid","order":4,"description":"Learn how to setup Embla Carousel using Solid."},"fields":{"slug":"/get-started/solid/"}}},{"node":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","frontmatter":{"title":"Examples","order":4,"description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs."},"fields":{"slug":"/examples/"}}},{"node":{"id":"18afaa73-8daf-547b-8bfb-f90bebc5a2a0","frontmatter":{"title":"CDN","order":5,"description":"Learn how to setup Embla Carousel using a CDN."},"fields":{"slug":"/get-started/cdn/"}}},{"node":{"id":"f996286a-509a-5b98-9173-f50b9c80faec","frontmatter":{"title":"Home","order":null,"description":"A lightweight carousel library with fluid motion and great swipe precision"},"fields":{"slug":"/"}}}]}}}
\ No newline at end of file
+{"data":{"allMdx":{"edges":[{"node":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","frontmatter":{"title":"Autoplay","order":0,"description":"Learn how to add this Autoplay plugin to Embla Carousel"},"fields":{"slug":"/plugins/autoplay/"}}},{"node":{"id":"4dd27631-0efe-5b12-b997-6743be829e5b","frontmatter":{"title":"Slide Container","order":0,"description":"This guide demonstrates how to setup the Embla Carousel slide container correctly."},"fields":{"slug":"/guides/slide-container/"}}},{"node":{"id":"ba607541-5bb8-5364-9be7-78c42a5f7a09","frontmatter":{"title":"Module","order":0,"description":"Learn how to setup Embla Carousel using vanilla JavaScript."},"fields":{"slug":"/get-started/module/"}}},{"node":{"id":"b624163b-4cc1-5e24-b8e2-61b94db0d254","frontmatter":{"title":"Get Started","order":0,"description":"Get started with Embla Carousel."},"fields":{"slug":"/get-started/"}}},{"node":{"id":"876fb36b-cb93-56da-9ea9-db953678f9c6","frontmatter":{"title":"Options","order":0,"description":"Discover how to customize Embla Carousel with its available options."},"fields":{"slug":"/api/options/"}}},{"node":{"id":"4967d65c-8ffe-549d-b089-8caf87f57222","frontmatter":{"title":"Predefined","order":0,"description":"Browse predefined Embla Carousel setups that demonstrates its features."},"fields":{"slug":"/examples/predefined/"}}},{"node":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","frontmatter":{"title":"Auto Height","order":1,"description":"Learn how to add this Auto Height plugin to Embla Carousel"},"fields":{"slug":"/plugins/auto-height/"}}},{"node":{"id":"537ea62f-7ce2-5ee5-afba-c38ec256764c","frontmatter":{"title":"Guides","order":1,"description":"Explore practical step-by-step guides to help you customize your carousels for different use cases."},"fields":{"slug":"/guides/"}}},{"node":{"id":"0c1e5b08-51fe-5bb3-902d-b6d5dc9e13a9","frontmatter":{"title":"Slide Sizes","order":1,"description":"This guide demonstrates how Embla Carousel handles slide sizes and how to customize them."},"fields":{"slug":"/guides/slide-sizes/"}}},{"node":{"id":"1e877573-3182-5d96-8fae-250225bf74be","frontmatter":{"title":"React","order":1,"description":"Learn how to setup Embla Carousel using React."},"fields":{"slug":"/get-started/react/"}}},{"node":{"id":"e61d05d0-27fd-5f36-83ed-7a05e2e68f14","frontmatter":{"title":"Methods","order":1,"description":"Explore Embla Carousel methods useful for extending the carousel beyond its native functionality."},"fields":{"slug":"/api/methods/"}}},{"node":{"id":"78fbb6ee-2067-56cc-8fe5-ac4cc96d5fbc","frontmatter":{"title":"Generator","order":1,"description":"Generate and customize your own Embla Carousel setup."},"fields":{"slug":"/examples/generator/"}}},{"node":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","frontmatter":{"title":"Class Names","order":2,"description":"Learn how to add this Class Name plugin to Embla Carousel"},"fields":{"slug":"/plugins/class-names/"}}},{"node":{"id":"3749b8f6-a2a7-5052-b898-f610865babcb","frontmatter":{"title":"Slide Gaps","order":2,"description":"This guide demonstrates how Embla Carousel handles slide gaps and how to customize them."},"fields":{"slug":"/guides/slide-gaps/"}}},{"node":{"id":"efd0d4b0-829c-5af6-88d9-038aa8260609","frontmatter":{"title":"Vue","order":2,"description":"Learn how to setup Embla Carousel using Vue."},"fields":{"slug":"/get-started/vue/"}}},{"node":{"id":"9d153896-90c5-5193-b966-9f0de84aa668","frontmatter":{"title":"Events","order":2,"description":"Learn how to listen to Embla Carousel events and how to make use of them."},"fields":{"slug":"/api/events/"}}},{"node":{"id":"275f3ad1-2fab-5e99-bf3e-c52c3b8b28ac","frontmatter":{"title":"API","order":2,"description":"Explore the Embla Carousel API that is designed with extensibility in mind."},"fields":{"slug":"/api/"}}},{"node":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","frontmatter":{"title":"Wheel Gestures","order":3,"description":"Learn how to add this Wheel Gesture plugin to Embla Carousel"},"fields":{"slug":"/plugins/wheel-gestures/"}}},{"node":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","frontmatter":{"title":"Plugins","order":3,"description":"Explore plugins that will enable you to extend your carousels with additional features."},"fields":{"slug":"/plugins/"}}},{"node":{"id":"92dfc4aa-727c-5fe0-b191-69127ddfab27","frontmatter":{"title":"Breakpoints","order":3,"description":"This guide demonstrates how to customize Embla Carousel based on different breakpoints."},"fields":{"slug":"/guides/breakpoints/"}}},{"node":{"id":"6d797196-6bce-5faf-a0f5-8851e6ab12a0","frontmatter":{"title":"Svelte","order":3,"description":"Learn how to setup Embla Carousel using Svelte."},"fields":{"slug":"/get-started/svelte/"}}},{"node":{"id":"31ce8907-1cb2-52c3-be8d-82e0210c9f43","frontmatter":{"title":"Plugins","order":3,"description":"Learn how to add plugins to Embla Carousel and extend it."},"fields":{"slug":"/api/plugins/"}}},{"node":{"id":"88c00ae7-cf90-5cca-8470-4e5341d41e9a","frontmatter":{"title":"Prev & Next Buttons","order":4,"description":"This guide demonstrates how to setup previous and next buttons using the Embla Carousel API."},"fields":{"slug":"/guides/previous-and-next-buttons/"}}},{"node":{"id":"fb8767b4-84f5-5456-b193-7f3baed9272a","frontmatter":{"title":"Solid","order":4,"description":"Learn how to setup Embla Carousel using Solid."},"fields":{"slug":"/get-started/solid/"}}},{"node":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","frontmatter":{"title":"Examples","order":4,"description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs."},"fields":{"slug":"/examples/"}}},{"node":{"id":"18afaa73-8daf-547b-8bfb-f90bebc5a2a0","frontmatter":{"title":"CDN","order":5,"description":"Learn how to setup Embla Carousel using a CDN."},"fields":{"slug":"/get-started/cdn/"}}},{"node":{"id":"f996286a-509a-5b98-9173-f50b9c80faec","frontmatter":{"title":"Home","order":null,"description":"A lightweight carousel library with fluid motion and great swipe precision"},"fields":{"slug":"/"}}}]}}}
\ No newline at end of file
diff --git a/docs/page-data/sq/d/4025401718.json b/docs/page-data/sq/d/4025401718.json
index c653c19cc..c801c7b12 100644
--- a/docs/page-data/sq/d/4025401718.json
+++ b/docs/page-data/sq/d/4025401718.json
@@ -1 +1 @@
-{"data":{"site":{"siteMetadata":{"title":"Embla Carousel","description":"A lightweight carousel library with fluid motion and great swipe precision","author":"David Jerleke","siteUrl":"https://www.embla-carousel.com","version":"8.0.0-rc19"}}}}
\ No newline at end of file
+{"data":{"site":{"siteMetadata":{"title":"Embla Carousel","description":"A lightweight carousel library with fluid motion and great swipe precision","author":"David Jerleke","siteUrl":"https://www.embla-carousel.com","version":"8.0.0-rc20"}}}}
\ No newline at end of file
diff --git a/docs/plugins/auto-height/index.html b/docs/plugins/auto-height/index.html
index 2f21c4744..a822665e0 100644
--- a/docs/plugins/auto-height/index.html
+++ b/docs/plugins/auto-height/index.html
@@ -1,4 +1,4 @@
-
         
 
      Embla Carousel
      Auto Height
      
+            
         
 
      Embla Carousel
      Auto Height
      
 
      View plugin on GitHub
      
 
      This plugin is used to extend Embla Carousel with auto height functionality. It changes the height of the carousel container to fit the height of the highest slide in view.
      
 
      
 
      Installation
      
 
      First you need to install the npm package and save it to your dependencies:
      
-
      <script src="https://unpkg.com/embla-carousel-auto-height/embla-carousel-auto-height.umd.js"></script>
      
+
      npm install embla-carousel-auto-height --save
      
+
      Alternatively, you can use a CDN to include it in your project:
      
+
      <script src="https://unpkg.com/embla-carousel-auto-height/embla-carousel-auto-height.umd.js"></script>
      
 
      Usage
      
-
      Please read the plugins page to learn how to work with plugins.
      
-
      You can make use of CSS transitions to transition height changes. But beware: Transitioning height triggers reflow and may cause a performance hit.

      .embla__container {  transition: height 0.2s;}
      
-
      If you've been following along with any of the guides in the get started section, you want to make sure that each slide height is determined by the content it holds. Add the following to your CSS to achieve this:

      .embla__container {  display: flex;  align-items: flex-start; /* Add this */}
      
+
      This plugin accepts a single optional parameter, which is its options object that allows you to configure it.
      
+
      import EmblaCarousel from 'embla-carousel'import AutoHeight from 'embla-carousel-auto-height'
+const embla = EmblaCarousel(emblaRoot, { loop: false }, [AutoHeight()]) // Add plugin
      
+
      You can make use of CSS transitions to transition height changes. But beware: Transitioning height triggers reflow and may cause a performance hit.
      
+
      .embla__container {  transition: height 0.2s;}
      
+
      If you've been following along with any of the guides in the Get Started section, you will probably want to make sure that each slide height is determined by the content it holds. Amend your CSS with the following to achieve this:
      
+
      .embla__container {  display: flex;  align-items: flex-start; /* Add this */}
      
 
      Options
      
-
      Below follows an exhaustive list of all Auto Height options and their default values.
      
+
      The Auto Height plugin accepts an optional options object as the first argument. Here's an example of how to make use of it:
      
+
      import EmblaCarousel from 'embla-carousel'import AutoHeight from 'embla-carousel-auto-height'
+const autoHeightOptions = { destroyHeight: 'auto' } // Options
+const embla = EmblaCarousel(emblaRoot, { loop: false }, [  AutoHeight(autoHeightOptions) // Add plugin with options])
      
 
      
 
      destroyHeight
      
 
      Type: CSSStyleDeclaration.height
      
 Default: auto
      
-
      Choose CSS height declaration that will be applied to the carousel container when the plugin is destroyed.
      
-
      Edit this page on GitHub
      
+
      Choose CSS height declaration that will be applied to the carousel container when the plugin is destroyed.
      Edit this page on GitHub
      
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/plugins/auto-scroll/index.html b/docs/plugins/auto-scroll/index.html
deleted file mode 100644
index 14fbc125f..000000000
--- a/docs/plugins/auto-scroll/index.html
+++ /dev/null
@@ -1,650 +0,0 @@
-Auto Scroll | Embla Carousel        
         
 
      Embla Carousel
      Auto Scroll
      
-
      View plugin on GitHub
      
-
      This plugin is used to extend Embla Carousel with auto scroll functionality. It comes with a useful set of options that allows you to customize it to your liking.
      
-
      Installation
      
-
      Start by installing the npm package and save it to your dependencies:
      
-
      <script src="https://unpkg.com/embla-carousel-auto-scroll/embla-carousel-auto-scroll.umd.js"></script>
      
-
      Usage
      
-
      Please read the plugins page to learn how to work with plugins.
      
-
      Options
      
-
      Below follows an exhaustive list of all Auto Scroll options and their default values.
      
-
      speed
      
-
      Type: number
      
-Default: 2
      
-
      Number of pixels auto scroll should advance per frame.
      
-
      
-
      startDelay
      
-
      Type: number
      
-Default: 1000
      
-
      Number of milliseconds auto scroll should wait before it starts. This also applies when user interactions end and stopOnInteraction is false.
      
-
      
-
      direction
      
-
      Type: string
      
-Default: forward
      
-
      This option is used to set the auto scroll direction. Set it to backward if you want it to scroll in the opposite direction.
      
-
      
-
      playOnInit
      
-
      Type: boolean
      
-Default: true
      
-
      If set to false, you'll have to start auto scroll yourself by calling the play method.
      
-
      
-
      stopOnInteraction
      
-
      Type: boolean
      
-Default: true
      
-
      If set to false, auto scroll will not be disabled after drag interactions, and it will restart every time after an interaction.
      
-
      
-
      stopOnMouseEnter
      
-
      Type: boolean
      
-Default: false
      
-
      When enabled, auto scroll will stop when a mouse pointer enters the Embla Carousel container. If stopOnInteraction is also false, auto scroll will resume when the mouse leaves the carousel container.
      
-
      
-
      stopOnFocusIn
      
-
      Type: boolean
      
-Default: true
      
-
      When enabled, auto scroll will stop when a focusable element inside the carousel recieves focus. If stopOnInteraction is false, auto scroll will resume when the user leaves focus.
      
-
      
-
      rootNode
      
-
      Type: (emblaRoot: HTMLElement) => HTMLElement | null
      
-Default: null
      
-
      The node that should respond to user interactions like stopOnMouseEnter and stopOnInteraction. If this is omitted, the node that wraps the Embla Carousel will be used as default.
      
-
      
-
      Methods
      
-
      Below follows an exhaustive list of all Auto Scroll methods with their respective parameters and return values.
      
-
      
-
      play
      
-
      Parameters: startDelayOverride?: number
      
-Returns: void
      
-
      Start auto scroll. Pass a startDelayOverride if you want to change the startDelay option after the plugin has been initialized.
      
-
      
-
      stop
      
-
      Parameters: none
      
-Returns: void
      
-
      Stops auto scroll.
      
-
      
-
      reset
      
-
      Parameters: none
      
-Returns: void
      
-
      Stops auto scroll, and starts the timer again using startDelay when the carousel has settled. This will only take effect if auto scroll is playing. If auto scroll is stopped, this method won't trigger anything.
      
-
      
-
      isPlaying
      
-
      Parameters: none
      
-Returns: boolean
      
-
      Returns a boolean whether the carousel is auto scrolling or not.
      
-
      
-
      Events
      
-
      Below follows an exhaustive list of all Auto Scroll events together with information about how they work.
      
-
      
-
      autoScroll:play
      
-
      Once: no
      
-
      Fires when auto scroll starts playing.
      
-
      
-
      autoScroll:stop
      
-
      Once: no
      
-
      Fires when auto scroll stops scrolling.
      
-
      Edit this page on GitHub
      
-          
-        
\ No newline at end of file
diff --git a/docs/plugins/autoplay/index.html b/docs/plugins/autoplay/index.html
index c92836ff1..be727b8cb 100644
--- a/docs/plugins/autoplay/index.html
+++ b/docs/plugins/autoplay/index.html
@@ -1,4 +1,4 @@
-
         
 
      Embla Carousel
      Autoplay
      
+            
         
 
      Embla Carousel
      Autoplay
      
 
      View plugin on GitHub
      
 
      This plugin is used to extend Embla Carousel with autoplay functionality. It comes with a useful set of options that allows you to customize it to your liking.
      
 
      
 
      Installation
      
-
      Start by installing the npm package and save it to your dependencies:
      
-
      <script src="https://unpkg.com/embla-carousel-autoplay/embla-carousel-autoplay.umd.js"></script>
      
+
      First you need to install the npm package and save it to your dependencies:
      
+
      npm install embla-carousel-autoplay --save
      
+
      Alternatively, you can use a CDN to include it in your project:
      
+
      <script src="https://unpkg.com/embla-carousel-autoplay/embla-carousel-autoplay.umd.js"></script>
      
 
      Usage
      
-
      Please read the plugins page to learn how to work with plugins.
      
+
      This plugin accepts a single optional parameter, which is its options object that allows you to configure it. You maybe want to choose a custom root node for the autoplay plugin. This can be done with the rootNode options attribute. The root node will respond to interaction events and stop autoplay when a user interacts with the carousel. If this attribute is omitted, the Embla Carousel root node will be used as a default.
      
+
      import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
+const embla = EmblaCarousel(emblaRoot, { loop: false }, [Autoplay()]) // Add plugin
      
 
      Options
      
-
      Below follows an exhaustive list of all Autoplay options and their default values.
      
+
      The Autoplay plugin accepts an optional options object as the first argument. Here's an example of how to make use of it:
      
+
      import EmblaCarousel from 'embla-carousel'import Autoplay from 'embla-carousel-autoplay'
+const autoplayOptions = {  delay: 4000,  rootNode: (emblaRoot) => emblaRoot.parentElement}
+const embla = EmblaCarousel(emblaRoot, { loop: false }, [  Autoplay(autoplayOptions) // Add plugin with options])
      
 
      
 
      delay
      
 
      Type: number
      
@@ -588,12 +595,12 @@ 
      stopOnInteraction
      
 
      Type: boolean
      
 Default: true
      
-
      If set to false, autoplay will not be disabled after drag interactions, and it will restart every time after an interaction.
      
+
      If set to false, autoplay will not be disabled after drag interactions, and it will restart every time after the interaction.
      
 
      
 
      stopOnMouseEnter
      
 
      Type: boolean
      
 Default: false
      
-
      When enabled, autoplay will stop when a mouse pointer enters the Embla Carousel container. If stopOnInteraction is also false, autoplay will resume when the mouse leaves the carousel container.
      
+
      When enabled, autoplay will pause when a mouse pointer enters the Embla Carousel container. If stopOnInteraction is also false, autoplay will resume when the mouse leaves the carousel container.
      
 
      
 
      stopOnFocusIn
      
 
      Type: boolean
      
@@ -608,10 +615,11 @@ 
      rootNode
      
 
      Type: (emblaRoot: HTMLElement) => HTMLElement | null
      
 Default: null
      
-
      The node that should respond to user interactions like stopOnMouseEnter and stopOnInteraction. If this is omitted, the node that wraps the Embla Carousel will be used as default.
      
+
      The node that should respond to user interactions like stopOnMouseEnter and stopOnInteraction.
      
 
      
 
      Methods
      
-
      Below follows an exhaustive list of all Autoplay methods with their respective parameters and return values.
      
+
      The Autoplay plugin exposes a set of useful methods which lets you control it. Assuming you've passed the plugin to the Embla Carousel constructor, a method is called like demonstrated below:
      
+
      embla.plugins().autoplay.stop() // Method
      
 
      
 
      play
      
 
      Parameters: jump?: boolean
      
@@ -634,7 +642,8 @@ 
      Returns a boolean whether autoplay is playing or not.
      
 
      
 
      Events
      
-
      Below follows an exhaustive list of all Autoplay events together with information about how they work.
      
+
      Below follows an exhaustive list of all Autoplay plugin events together with information about how they work. Attach event listeners like so:
      
+
      emblaApi.on('autoplay:play', (emblaApi, eventName) => {  console.log('Autoplay plugin started playing!')})
      
 
      
 
      autoplay:play
      
 
      Once: no
      
@@ -643,10 +652,10 @@ 
      autoplay:stop
      
 
      Once: no
      
 
      Fires when autoplay stops playing.
      
-
      Edit this page on GitHub
      
+
      Edit this page on GitHub
      
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/plugins/class-names/index.html b/docs/plugins/class-names/index.html
index 21b901375..70929606e 100644
--- a/docs/plugins/class-names/index.html
+++ b/docs/plugins/class-names/index.html
@@ -1,4 +1,4 @@
-
         
 
      Embla Carousel
      Class Names
      
+            
         
 
      Embla Carousel
      Class Names
      
 
      View plugin on GitHub
      
 
      Class Names is a class name toggle utility plugin for Embla Carousel that enables you to automate the toggling of class names on your carousel.
      
 
      
 
      Installation
      
 
      First you need to install the npm package and save it to your dependencies:
      
-
      <script src="https://unpkg.com/embla-carousel-class-names/embla-carousel-class-names.umd.js"></script>
      
+
      npm install embla-carousel-class-names --save
      
+
      Alternatively, you can use a CDN to include it in your project:
      
+
      <script src="https://unpkg.com/embla-carousel-class-names/embla-carousel-class-names.umd.js"></script>
      
 
      Usage
      
-
      Please read the plugins page to learn how to work with plugins.
      
+
      This plugin accepts a single optional parameter, which is its options object that allows you to configure it.
      
+
      import EmblaCarousel from 'embla-carousel'import ClassNames from 'embla-carousel-class-names'
+const embla = EmblaCarousel(emblaRoot, { loop: false }, [ClassNames()]) // Add plugin
      
 
      Options
      
-
      Below follows an exhaustive list of all Class Names options and their default values.
      
+
      The Class Name plugin accepts an optional options object as the first argument. Here's an example of how to make use of it:
      
+
      import EmblaCarousel from 'embla-carousel'import ClassNames from 'embla-carousel-class-names'
+const classNamesOptions = { selected: 'my-selected-class' }
+const embla = EmblaCarousel(emblaRoot, { loop: false }, [  ClassNames(classNamesOptions) // Add plugin with options])
      
 
      
 
      snapped
      
 
      Type: string
      
@@ -595,11 +602,10 @@ 
      dragging
      
 
      Type: string
      
 Default: is-dragging
      
-
      Choose a classname that will be applied to the container when dragging. Pass an empty string to opt-out.
      
-
      Edit this page on GitHub
      
+
      Choose a classname that will be applied to the container when dragging. Pass an empty string to opt-out.
      Edit this page on GitHub
      
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/plugins/index.html b/docs/plugins/index.html
index 6d70a7676..3bc1cf221 100644
--- a/docs/plugins/index.html
+++ b/docs/plugins/index.html
@@ -268,27 +268,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -356,67 +356,67 @@
 data-styled.g85[id="PageBreadcrumbs__ActiveTitle-sc-1mlty1z-2"]{content:"clqdNL,"}/*!sc*/
 .fmHorr{color:var(--text-low-contrast);margin:0 0.6rem;}/*!sc*/
 data-styled.g86[id="PageBreadcrumbs__Separator-sc-1mlty1z-3"]{content:"fmHorr,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -546,14 +546,14 @@
           }
         }
       }
-            
         
 
      Embla Carousel
      Plugins
      
+            
         
 
      Embla Carousel
      Plugins
      
 
      Here is a list of available Embla Carousel plugins that will extend your carousels with additional features, that goes beyond the built-in Embla Carousel core features.
      
 
      
 
      Choose a plugin
      
-
      Edit this page on GitHub
      
+
      Edit this page on GitHub
      
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/plugins/wheel-gestures/index.html b/docs/plugins/wheel-gestures/index.html
index 87da72d9a..07ceebd23 100644
--- a/docs/plugins/wheel-gestures/index.html
+++ b/docs/plugins/wheel-gestures/index.html
@@ -273,27 +273,27 @@
 .iaqSVP{height:100%;}/*!sc*/
 @media (min-width:992px){.iaqSVP:before,.iaqSVP:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}.iaqSVP:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}.iaqSVP:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}}/*!sc*/
 data-styled.g58[id="TableOfContents__MenuWrapper-sc-11n47el-1"]{content:"iaqSVP,"}/*!sc*/
-.dvViWI{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
-data-styled.g60[id="Tabs__TabList-sc-1wvkykc-1"]{content:"dvViWI,"}/*!sc*/
-.eieGAm:focus{outline:0;}/*!sc*/
-data-styled.g61[id="Tabs__TabPanel-sc-1wvkykc-2"]{content:"eieGAm,"}/*!sc*/
-.cxdyNe{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.cxdyNe:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-.cxdyNe:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
-.bOKZFM{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
-.bOKZFM:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
-data-styled.g62[id="Tabs__Tab-sc-1wvkykc-3"]{content:"cxdyNe,bOKZFM,"}/*!sc*/
+.iiSQQc:focus{outline:0;}/*!sc*/
+data-styled.g59[id="TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0"]{content:"iiSQQc,"}/*!sc*/
+.bTxshZ{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.bTxshZ:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+.bTxshZ:before{background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );content:'';position:absolute;left:0;right:0;bottom:0;height:0.3rem;pointer-events:none;}/*!sc*/
+.deqpDz{padding:1.2rem 1.2rem;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/
+.deqpDz:disabled > .ButtonBare__ButtonBareText-sc-1pf4eqw-1 > .LinkNavigation__InactiveText-sc-s1px90-1{color:var(--detail-high-contrast);}/*!sc*/
+data-styled.g60[id="TabsButton__TabsButtonWrapper-sc-1e7ypyu-0"]{content:"bTxshZ,deqpDz,"}/*!sc*/
+.fAhHcX{margin-bottom:2.4rem;border-bottom:0.1rem solid var(--detail-low-contrast);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;}/*!sc*/
+data-styled.g61[id="TabsList-sc-24zz0a-0"]{content:"fAhHcX,"}/*!sc*/
 .kfoZsH{background-color:var(--background-site);position:relative;height:100%;z-index:1;padding-right:2.4rem;padding-left:2.4rem;padding-bottom:6rem;padding-top:6rem;}/*!sc*/
 @media (min-width:992px){.kfoZsH{display:none;}}/*!sc*/
 data-styled.g63[id="SiteNavigationMenuCompact__SiteNavigationMenuCompactWrapper-sc-16s07xy-0"]{content:"kfoZsH,"}/*!sc*/
 .hvPLVN{height:100%;}/*!sc*/
-.hvPLVN .Tabs__TabList-sc-1wvkykc-1{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before,.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
-.hvPLVN .Tabs__TabPanel-sc-1wvkykc-2:focus{z-index:20;}/*!sc*/
-.hvPLVN .Tabs__Tab-sc-1wvkykc-3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
+.hvPLVN .TabsList-sc-24zz0a-0{height:6rem;z-index:2;position:absolute;bottom:0;left:0;right:0;padding-left:2.4rem;padding-right:2.4rem;margin-bottom:0;background-color:var(--background-site);border-top:0.1rem solid var(--detail-low-contrast);border-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0{position:relative;height:100%;outline-offset:-0.2rem;overflow:hidden;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before,.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{position:absolute;z-index:1;left:-2.4rem;right:-2.4rem;content:'';}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:before{height:3.2rem;box-shadow:0 1.2rem 1.6rem var(--background-site);pointer-events:none;top:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:after{height:3.2rem;box-shadow:0 -1.2rem 1.6rem var(--background-site);pointer-events:none;bottom:-3.2rem;}/*!sc*/
+.hvPLVN .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0:focus{z-index:20;}/*!sc*/
+.hvPLVN .TabsButton__TabsButtonWrapper-sc-1e7ypyu-0{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:calc(36rem / 2);}/*!sc*/
 data-styled.g64[id="SiteNavigationMenuCompact__MenuTabs-sc-16s07xy-1"]{content:"hvPLVN,"}/*!sc*/
 .fNTggg{padding-top:1.2rem;padding-bottom:2.4rem;max-width:36rem;overflow:auto;-webkit-scrollbar-gutter:stable both-edges;-moz-scrollbar-gutter:stable both-edges;-ms-scrollbar-gutter:stable both-edges;scrollbar-gutter:stable both-edges;position:relative;max-height:100%;margin-left:auto;margin-right:auto;}/*!sc*/
 .fNTggg::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
@@ -380,67 +380,67 @@
 data-styled.g92[id="PrismSyntaxFrame__ButtonStatus-sc-1idvpim-3"]{content:"fnqSBa,"}/*!sc*/
 .lazjBX{position:relative;z-index:1;}/*!sc*/
 data-styled.g93[id="PrismSyntaxFrame__ButtonText-sc-1idvpim-4"]{content:"lazjBX,"}/*!sc*/
-.bFpwyH{color:var(--text-body);}/*!sc*/
-.bFpwyH blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
-.bFpwyH blockquote > *:last-child{margin-bottom:0;}/*!sc*/
-.bFpwyH .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
-.bFpwyH .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH .prism-highlight{position:relative;}/*!sc*/
-@media (max-width:575px){.bFpwyH .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
-.bFpwyH .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
-.bFpwyH .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
-.bFpwyH .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before,.bFpwyH .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
-.bFpwyH .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
-.bFpwyH .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
-.bFpwyH .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
-.bFpwyH .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
-.bFpwyH pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
-.bFpwyH pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
-.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.bFpwyH pre::-webkit-scrollbar{height:0;}}/*!sc*/
-.bFpwyH .token-line{display:block;}/*!sc*/
-.bFpwyH .token.comment,.bFpwyH .token.prolog,.bFpwyH .token.doctype,.bFpwyH .token.cdata{color:var(--text-comment);}/*!sc*/
-.bFpwyH .token.tag,.bFpwyH .token.function-name,.bFpwyH .token.constant,.bFpwyH .token.function-variable,.bFpwyH .token.function,.bFpwyH .token.class-name,.bFpwyH .token.maybe-class-name:not(.imports),.bFpwyH .token.literal-property.property,.bFpwyH .token.unit,.bFpwyH .token.symbol{color:var(--brand-alternative);}/*!sc*/
-.bFpwyH .token.string,.bFpwyH .token.string-property,.bFpwyH .token.attr-name,.bFpwyH .token.entity,.bFpwyH .token.url,.bFpwyH .language-css .token.string,.bFpwyH .style .token.string,.bFpwyH .token.statement,.bFpwyH .token.regex,.bFpwyH .token.atrule,.bFpwyH .token.placeholder,.bFpwyH .token.number,.bFpwyH .token.n-th.number,.bFpwyH .token.variable{color:var(--brand-secondary);}/*!sc*/
-.bFpwyH .token.attr-value,.bFpwyH .token.keyword,.bFpwyH .token.property,.bFpwyH .token.control,.bFpwyH .token.directive,.bFpwyH .token.selector,.bFpwyH .token.singlequote,.bFpwyH .token.boolean,.bFpwyH .token.operator,.bFpwyH .token.dom{color:var(--brand-primary);}/*!sc*/
-.bFpwyH .token.console,.bFpwyH .token.punctuation,.bFpwyH .token.tag.script:not(.punctuation):not(.function),.bFpwyH .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
-.bFpwyH .token.namespace{opacity:0.75;}/*!sc*/
-.bFpwyH .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
-.bFpwyH .token.italic{font-style:italic;}/*!sc*/
-.bFpwyH .token.important,.bFpwyH .token.bold{font-weight:600;}/*!sc*/
-.bFpwyH .token.entity{cursor:help;}/*!sc*/
-.bFpwyH hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
-.bFpwyH a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{margin-left:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.bFpwyH > ol > li:not(:last-child),.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul > li:not(:last-child),.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.bFpwyH > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul{list-style:disc outside none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{margin-top:4.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4{font-size:1.8rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
-@media (min-width:992px){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.bFpwyH > h1 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.bFpwyH > h2 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.bFpwyH > h3 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.bFpwyH > h4 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.bFpwyH > h5 > .anchor,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.bFpwyH > h6 > .anchor{width:3rem;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.bFpwyH > h1 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.bFpwyH > h2 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.bFpwyH > h3 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.bFpwyH > h4 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.bFpwyH > h5 > .anchor:before,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor:before,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.bFpwyH > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.bFpwyH > h1 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.bFpwyH > h2 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.bFpwyH > h3 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.bFpwyH > h4 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.bFpwyH > h5 > .anchor > div,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.bFpwyH > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
-@media (hover:none),(hover:on-demand){.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.bFpwyH > h1 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.bFpwyH > h2 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.bFpwyH > h3 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.bFpwyH > h4 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.bFpwyH > h5 > .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.bFpwyH > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.bFpwyH > h1 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.bFpwyH > h2 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.bFpwyH > h3 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.bFpwyH > h4 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.bFpwyH > h5 > .anchor > div:hover > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 > .anchor > div:hover > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.bFpwyH > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.bFpwyH > h1:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.bFpwyH > h2:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.bFpwyH > h3:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.bFpwyH > h4:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.bFpwyH > h5:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6:hover .anchor > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.bFpwyH > h6:hover .anchor > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.bFpwyH > h1 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.bFpwyH > h2 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.bFpwyH > h3 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.bFpwyH > h4 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.bFpwyH > h5 .anchor:focus > div > svg,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6 .anchor:focus > div > svg,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.bFpwyH > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h1,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.bFpwyH > h1,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h2,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.bFpwyH > h2,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h3,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.bFpwyH > h3,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h4,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.bFpwyH > h4,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h5,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.bFpwyH > h5,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > h6,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.bFpwyH > h6,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > hgroup,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.bFpwyH > hgroup,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dl,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.bFpwyH > dl,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.bFpwyH > blockquote,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > p,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.bFpwyH > p,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > address,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.bFpwyH > address,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > table,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.bFpwyH > table,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > fieldset,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.bFpwyH > fieldset,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > figure,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.bFpwyH > figure,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > pre,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.bFpwyH > pre,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ul,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.bFpwyH > ul,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > ol,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.bFpwyH > ol,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > dd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.bFpwyH > dd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > blockquote code,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.bFpwyH > blockquote code,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > kbd,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.bFpwyH > kbd,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > samp,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.bFpwyH > samp,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .prism-highlight,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.bFpwyH > .prism-highlight,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH > .Tabs__TabsWrapper-sc-1wvkykc-0,.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.bFpwyH > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:first-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.bFpwyH > *:first-child{margin-top:0;}/*!sc*/
-.bFpwyH .Tabs__TabPanel-sc-1wvkykc-2 > *:last-child,.bFpwyH .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.bFpwyH > *:last-child{margin-bottom:0;}/*!sc*/
-data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"bFpwyH,"}/*!sc*/
+.iAbsXR{color:var(--text-body);}/*!sc*/
+.iAbsXR blockquote{padding-left:2.4rem;border-left:0.4rem solid var(--detail-low-contrast);}/*!sc*/
+.iAbsXR blockquote > *:last-child{margin-bottom:0;}/*!sc*/
+.iAbsXR .code-highlight{background-color:var(--background-code);border-radius:0.4rem;border:0.1rem solid var(--detail-low-contrast);padding:0.3rem 0.6rem;font-size:1.44rem;box-sizing:border-box;}/*!sc*/
+.iAbsXR .Admonition__AdmonitionWrapper-sc-1cc944d-0 .code-highlight{background-color:var(--background-site);border-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR .prism-highlight{position:relative;}/*!sc*/
+@media (max-width:575px){.iAbsXR .prism-highlight{width:calc(100% + 2.4rem * 2);margin-left:-2.4rem;margin-right:-2.4rem;}}/*!sc*/
+.iAbsXR .prism-highlight:before{z-index:1;display:block;content:attr(data-language);line-height:1;font-size:1.2rem;text-transform:uppercase;position:absolute;top:0.1rem;left:2.4rem;padding:0.4rem 0.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='jsx']:before{background-color:#61dafb;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='js']:before{background-color:#f7de1e;color:#000000;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='ts']:before{background-color:#007acc;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='tsx']:before{background-color:#294f80;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='html']:before{background-color:#005b9c;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='css']:before{background-color:#2965f1;color:#ffffff;}/*!sc*/
+.iAbsXR .prism-highlight[data-language='shell']:before{background-color:#d9d7e0;color:#232129;}/*!sc*/
+.iAbsXR .prism-highlight-code-line{position:relative;display:block;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before,.iAbsXR .prism-highlight-code-line:after{position:absolute;top:0;bottom:0;content:'';pointer-events:none;background-image:linear-gradient( 90deg,var(--brand-primary),var(--brand-secondary) );}/*!sc*/
+.iAbsXR .prism-highlight-code-line:after{left:0;width:0.4rem;z-index:1;}/*!sc*/
+.iAbsXR .prism-highlight-code-line:before{right:0;left:0;opacity:0.07;}/*!sc*/
+.iAbsXR .prism-highlight pre[class*='language-']{padding:2.4rem 0;background-color:transparent;border:0;margin-bottom:0;}/*!sc*/
+.iAbsXR .prism-highlight pre code{padding:0 2.4rem;background-color:transparent;display:block;font-size:100%;line-height:1.5;float:left;min-width:100%;}/*!sc*/
+.iAbsXR pre{color:var(--text-body);overflow:auto;white-space:pre;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0.4rem;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar-track{background-color:transparent;}/*!sc*/
+.iAbsXR pre::-webkit-scrollbar{height:0.6rem;}/*!sc*/
+.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:var(--detail-medium-contrast);}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR pre:hover::-webkit-scrollbar-thumb{background-color:transparent;}.iAbsXR pre::-webkit-scrollbar{height:0;}}/*!sc*/
+.iAbsXR .token-line{display:block;}/*!sc*/
+.iAbsXR .token.comment,.iAbsXR .token.prolog,.iAbsXR .token.doctype,.iAbsXR .token.cdata{color:var(--text-comment);}/*!sc*/
+.iAbsXR .token.tag,.iAbsXR .token.function-name,.iAbsXR .token.constant,.iAbsXR .token.function-variable,.iAbsXR .token.function,.iAbsXR .token.class-name,.iAbsXR .token.maybe-class-name:not(.imports),.iAbsXR .token.literal-property.property,.iAbsXR .token.unit,.iAbsXR .token.symbol{color:var(--brand-alternative);}/*!sc*/
+.iAbsXR .token.string,.iAbsXR .token.string-property,.iAbsXR .token.attr-name,.iAbsXR .token.entity,.iAbsXR .token.url,.iAbsXR .language-css .token.string,.iAbsXR .style .token.string,.iAbsXR .token.statement,.iAbsXR .token.regex,.iAbsXR .token.atrule,.iAbsXR .token.placeholder,.iAbsXR .token.number,.iAbsXR .token.n-th.number,.iAbsXR .token.variable{color:var(--brand-secondary);}/*!sc*/
+.iAbsXR .token.attr-value,.iAbsXR .token.keyword,.iAbsXR .token.property,.iAbsXR .token.control,.iAbsXR .token.directive,.iAbsXR .token.selector,.iAbsXR .token.singlequote,.iAbsXR .token.boolean,.iAbsXR .token.operator,.iAbsXR .token.dom{color:var(--brand-primary);}/*!sc*/
+.iAbsXR .token.console,.iAbsXR .token.punctuation,.iAbsXR .token.tag.script:not(.punctuation):not(.function),.iAbsXR .token.plain-text{color:var(--text-high-contrast);}/*!sc*/
+.iAbsXR .token.namespace{opacity:0.75;}/*!sc*/
+.iAbsXR .token.deleted{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
+.iAbsXR .token.italic{font-style:italic;}/*!sc*/
+.iAbsXR .token.important,.iAbsXR .token.bold{font-weight:600;}/*!sc*/
+.iAbsXR .token.entity{cursor:help;}/*!sc*/
+.iAbsXR hr{border-top:0;border-right:0;border-left:0;border-bottom:0.1rem solid var(--detail-medium-contrast);margin-top:4.8rem;margin-bottom:4.8rem;width:5rem;background-color:var(--detail-medium-contrast);}/*!sc*/
+.iAbsXR a .code-highlight > span{color:var(--brand-primary);background-image:linear-gradient( 45deg,var(--brand-primary),var(--brand-secondary) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{margin-left:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol > li:not(:last-child),.iAbsXR > ol > li:not(:last-child),.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul > li:not(:last-child),.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul > li:not(:last-child),.iAbsXR > ul > li:not(:last-child){margin-bottom:1.2rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul{list-style:disc outside none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6{-webkit-scroll-margin-top:calc(6rem + 1.2rem);-moz-scroll-margin-top:calc(6rem + 1.2rem);-ms-scroll-margin-top:calc(6rem + 1.2rem);scroll-margin-top:calc(6rem + 1.2rem);color:var(--text-high-contrast);font-weight:700;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{margin-top:4.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1{font-size:3.2rem;font-weight:800;line-height:1.25;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2{font-size:2.5rem;line-height:1.35;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3{font-size:2.15rem;line-height:1.5;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4{font-size:1.8rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{position:absolute;top:0;left:0;padding-right:0;width:2.4rem;}/*!sc*/
+@media (min-width:992px){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor,.iAbsXR > h1 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor,.iAbsXR > h2 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor,.iAbsXR > h3 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor,.iAbsXR > h4 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor,.iAbsXR > h5 > .anchor,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor,.iAbsXR > h6 > .anchor{width:3rem;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor:before,.iAbsXR > h1 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor:before,.iAbsXR > h2 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor:before,.iAbsXR > h3 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor:before,.iAbsXR > h4 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor:before,.iAbsXR > h5 > .anchor:before,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor:before,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor:before,.iAbsXR > h6 > .anchor:before{color:var(--background-site);line-height:inherit;text-align:center;display:inline-block;width:100%;content:'-';pointer-events:none;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div,.iAbsXR > h1 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div,.iAbsXR > h2 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div,.iAbsXR > h3 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div,.iAbsXR > h4 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div,.iAbsXR > h5 > .anchor > div,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div,.iAbsXR > h6 > .anchor > div{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{width:1.6rem;height:1.6rem;color:var(--text-low-contrast);visibility:hidden;}/*!sc*/
+@media (hover:none),(hover:on-demand){.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div > svg,.iAbsXR > h1 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div > svg,.iAbsXR > h2 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div > svg,.iAbsXR > h3 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div > svg,.iAbsXR > h4 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div > svg,.iAbsXR > h5 > .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div > svg,.iAbsXR > h6 > .anchor > div > svg{visibility:visible;}}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 > .anchor > div:hover > svg,.iAbsXR > h1 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 > .anchor > div:hover > svg,.iAbsXR > h2 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 > .anchor > div:hover > svg,.iAbsXR > h3 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 > .anchor > div:hover > svg,.iAbsXR > h4 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 > .anchor > div:hover > svg,.iAbsXR > h5 > .anchor > div:hover > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 > .anchor > div:hover > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 > .anchor > div:hover > svg,.iAbsXR > h6 > .anchor > div:hover > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1:hover .anchor > div > svg,.iAbsXR > h1:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2:hover .anchor > div > svg,.iAbsXR > h2:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3:hover .anchor > div > svg,.iAbsXR > h3:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4:hover .anchor > div > svg,.iAbsXR > h4:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5:hover .anchor > div > svg,.iAbsXR > h5:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6:hover .anchor > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6:hover .anchor > div > svg,.iAbsXR > h6:hover .anchor > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1 .anchor:focus > div > svg,.iAbsXR > h1 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2 .anchor:focus > div > svg,.iAbsXR > h2 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3 .anchor:focus > div > svg,.iAbsXR > h3 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4 .anchor:focus > div > svg,.iAbsXR > h4 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5 .anchor:focus > div > svg,.iAbsXR > h5 .anchor:focus > div > svg,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6 .anchor:focus > div > svg,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6 .anchor:focus > div > svg,.iAbsXR > h6 .anchor:focus > div > svg{visibility:visible;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h1,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h1,.iAbsXR > h1,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h2,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h2,.iAbsXR > h2,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h3,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h3,.iAbsXR > h3,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h4,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h4,.iAbsXR > h4,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h5,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h5,.iAbsXR > h5,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > h6,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > h6,.iAbsXR > h6,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > hgroup,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > hgroup,.iAbsXR > hgroup,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dl,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dl,.iAbsXR > dl,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote,.iAbsXR > blockquote,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > p,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > p,.iAbsXR > p,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > address,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > address,.iAbsXR > address,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > table,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > table,.iAbsXR > table,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > fieldset,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > fieldset,.iAbsXR > fieldset,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > figure,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > figure,.iAbsXR > figure,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > pre,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > pre,.iAbsXR > pre,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ul,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ul,.iAbsXR > ul,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > ol,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > ol,.iAbsXR > ol,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > dd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > dd,.iAbsXR > dd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > blockquote code,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > blockquote code,.iAbsXR > blockquote code,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > kbd,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > kbd,.iAbsXR > kbd,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > samp,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > samp,.iAbsXR > samp,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .prism-highlight,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .prism-highlight,.iAbsXR > .prism-highlight,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR > .Tabs__TabsWrapper-sc-1wvkykc-0,.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > .Admonition__AdmonitionWrapper-sc-1cc944d-0,.iAbsXR > .Admonition__AdmonitionWrapper-sc-1cc944d-0{margin-bottom:2.4rem;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:first-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:first-child,.iAbsXR > *:first-child{margin-top:0;}/*!sc*/
+.iAbsXR .TabsPanel__TabsPanelWrapper-sc-1ihsh9r-0 > *:last-child,.iAbsXR .Admonition__AdmonitionContent-sc-1cc944d-1 > *:last-child,.iAbsXR > *:last-child{margin-bottom:0;}/*!sc*/
+data-styled.g94[id="Styles__MdxStyles-sc-18i58cr-0"]{content:"iAbsXR,"}/*!sc*/
 .hSdwky{display:block;width:100%;}/*!sc*/
 data-styled.g95[id="H1__Text-sc-1ov938g-0"]{content:"hSdwky,"}/*!sc*/
 .jkiOsm{display:block;font-size:0;}/*!sc*/
@@ -558,19 +558,24 @@
           }
         }
       }
-            
         
 
      Embla Carousel
      Wheel Gestures
      
+            
         
 
      Embla Carousel
      Wheel Gestures
      
 
      View plugin on GitHub
      
-
      This plugin is used to extend Embla Carousel with the ability to use the mouse/trackpad wheel to navigate the carousel.
      
+
      This plugin is used to extend Embla Carousel with the ability to use the mouse/trackpad wheel to navigate through the carousel.
      
 
      
 
      Installation
      
 
      First you need to install the npm package and save it to your dependencies:
      
-
      <script src="https://unpkg.com/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.umd.js"></script>
      
+
      npm install embla-carousel-wheel-gestures --save
      
+
      Alternatively, you can use a CDN to include it in your project:
      
+
      <script src="https://unpkg.com/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.umd.js"></script>
      
 
      Usage
      
 
      This plugin accepts a single optional parameter, which is its options object that allows you to configure it.
      
 
      import EmblaCarousel from 'embla-carousel'import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures'
 const embla = EmblaCarousel(emblaRoot, { loop: false }, [WheelGesturesPlugin()]) // Add plugin
      
 
      Options
      
-
      Below follows an exhaustive list of all Wheel Gestures options and their default values.
      
+
      The Wheel Gestures plugin accepts an optional options object as the first argument. Here's an example of how to make use of it:
      
+
      import EmblaCarousel from 'embla-carousel'import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures'
+const wheelGesturesOptions = {  wheelDraggingClass: 'my-wheel-class'}
+const embla = EmblaCarousel(emblaRoot, { loop: false }, [  WheelGesturesPlugin(wheelGesturesOptions) // Add plugin with options])
      
 
      
 
      wheelDraggingClass
      
 
      Type: string
      
@@ -585,11 +590,10 @@ 
      target
      
 
      Type: Element
      
 Default: undefined
      
-
      Specify the element that should be observed for wheel events.
      
-
      Edit this page on GitHub
      
+
      Specify the element that should be observed for wheel events.
      Edit this page on GitHub
      
           
-        
\ No newline at end of file
+        
\ No newline at end of file
diff --git a/docs/sitemap-0.xml b/docs/sitemap-0.xml
index 273fb57fb..8dc8f7fc6 100644
--- a/docs/sitemap-0.xml
+++ b/docs/sitemap-0.xml
@@ -1 +1 @@
-https://www.embla-carousel.com/plugins/autoplay/daily0.7https://www.embla-carousel.com/guides/slide-container/daily0.7https://www.embla-carousel.com/get-started/daily0.7https://www.embla-carousel.com/get-started/module/daily0.7https://www.embla-carousel.com/examples/predefined/daily0.7https://www.embla-carousel.com/api/options/daily0.7https://www.embla-carousel.com/plugins/auto-scroll/daily0.7https://www.embla-carousel.com/guides/daily0.7https://www.embla-carousel.com/guides/slide-sizes/daily0.7https://www.embla-carousel.com/get-started/react/daily0.7https://www.embla-carousel.com/examples/generator/daily0.7https://www.embla-carousel.com/api/methods/daily0.7https://www.embla-carousel.com/plugins/auto-height/daily0.7https://www.embla-carousel.com/guides/slide-gaps/daily0.7https://www.embla-carousel.com/get-started/vue/daily0.7https://www.embla-carousel.com/api/events/daily0.7https://www.embla-carousel.com/api/daily0.7https://www.embla-carousel.com/plugins/class-names/daily0.7https://www.embla-carousel.com/plugins/daily0.7https://www.embla-carousel.com/guides/breakpoints/daily0.7https://www.embla-carousel.com/get-started/svelte/daily0.7https://www.embla-carousel.com/api/plugins/daily0.7https://www.embla-carousel.com/plugins/wheel-gestures/daily0.7https://www.embla-carousel.com/guides/previous-and-next-buttons/daily0.7https://www.embla-carousel.com/get-started/solid/daily0.7https://www.embla-carousel.com/examples/daily0.7https://www.embla-carousel.com/get-started/cdn/daily0.7https://www.embla-carousel.com/daily0.7
\ No newline at end of file
+https://www.embla-carousel.com/plugins/autoplay/daily0.7https://www.embla-carousel.com/guides/slide-container/daily0.7https://www.embla-carousel.com/get-started/module/daily0.7https://www.embla-carousel.com/get-started/daily0.7https://www.embla-carousel.com/api/options/daily0.7https://www.embla-carousel.com/examples/predefined/daily0.7https://www.embla-carousel.com/plugins/auto-height/daily0.7https://www.embla-carousel.com/guides/daily0.7https://www.embla-carousel.com/guides/slide-sizes/daily0.7https://www.embla-carousel.com/get-started/react/daily0.7https://www.embla-carousel.com/api/methods/daily0.7https://www.embla-carousel.com/examples/generator/daily0.7https://www.embla-carousel.com/plugins/class-names/daily0.7https://www.embla-carousel.com/guides/slide-gaps/daily0.7https://www.embla-carousel.com/get-started/vue/daily0.7https://www.embla-carousel.com/api/events/daily0.7https://www.embla-carousel.com/api/daily0.7https://www.embla-carousel.com/plugins/wheel-gestures/daily0.7https://www.embla-carousel.com/plugins/daily0.7https://www.embla-carousel.com/guides/breakpoints/daily0.7https://www.embla-carousel.com/get-started/svelte/daily0.7https://www.embla-carousel.com/api/plugins/daily0.7https://www.embla-carousel.com/guides/previous-and-next-buttons/daily0.7https://www.embla-carousel.com/get-started/solid/daily0.7https://www.embla-carousel.com/examples/daily0.7https://www.embla-carousel.com/get-started/cdn/daily0.7https://www.embla-carousel.com/daily0.7
\ No newline at end of file
diff --git a/docs/webpack-runtime-57b6a64910ee2564f21c.js b/docs/webpack-runtime-57b6a64910ee2564f21c.js
deleted file mode 100644
index 436272ca3..000000000
--- a/docs/webpack-runtime-57b6a64910ee2564f21c.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(){"use strict";var e,a,c,t,s,d={},n={};function o(e){var a=n[e];if(void 0!==a)return a.exports;var c=n[e]={exports:{}};return d[e](c,c.exports,o),c.exports}o.m=d,e=[],o.O=function(a,c,t,s){if(!c){var d=1/0;for(l=0;l=s)&&Object.keys(o.O).every((function(e){return o.O[e](c[r])}))?c.splice(r--,1):(n=!1,s0&&e[l-1][2]>s;l--)e[l]=e[l-1];e[l]=[c,t,s]},o.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(a,{a:a}),a},c=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},o.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var s=Object.create(null);o.r(s);var d={};a=a||[null,c({}),c([]),c(c)];for(var n=2&t&&e;"object"==typeof n&&!~a.indexOf(n);n=c(n))Object.getOwnPropertyNames(n).forEach((function(a){d[a]=function(){return e[a]}}));return d.default=function(){return e},o.d(s,d),s},o.d=function(e,a){for(var c in a)o.o(a,c)&&!o.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},o.f={},o.e=function(e){return Promise.all(Object.keys(o.f).reduce((function(a,c){return o.f[c](e,a),a}),[]))},o.u=function(e){return({20:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx",777:"132ee8da",929:"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx",1829:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx",2228:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx",2697:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx",2859:"c4ec0132",3372:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx",3530:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx",3964:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx",4324:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx",4404:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx",4459:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx",4732:"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md",4867:"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md",5257:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx",5295:"8f5f0cd04ffec97d1554747721fca69c239d75f0",5929:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx",5941:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx",6385:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx",6664:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md",7268:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md",7343:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx",7572:"7e91b273",7979:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx",8049:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx",8135:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx",8151:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md",8168:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx",8182:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md",8555:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md",8665:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx",9351:"commons",9446:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx"}[e]||e)+"-"+{20:"872e3faae2d662f0401b",49:"713a1ffe78b669d28041",107:"5732b90141ecfc72743c",116:"7285e601b26f7568b33c",122:"1fb96bf4ad2f4fde2b96",270:"69aecc5318c41459925c",478:"c4503198ed3e358b7722",530:"a95b7b2f538b4d681788",695:"77bcd8ceb3624a18f1cd",742:"4bf985bf48836edabc6f",777:"03c4a0aa8f134f3f06ba",783:"3ee18066d0bc3881c75d",836:"b22c788602555e44f3c0",862:"2f60c5af8408a5f41858",929:"c0fc304ea74016ededf9",1039:"2f9b74beff1e503c42d7",1061:"9c7d1c7023747a569db0",1184:"ee73c2495b901cf37d11",1330:"43e1b7833a41d28c8126",1348:"7e336eabb07024fa70c8",1406:"9cf02eb1fff727ee1f41",1417:"22af1bb08c35f1a9458a",1523:"595b79fc1b4b0ade3b67",1622:"2333e4a6c4412edbbb07",1639:"6eefbc25c9c6c830ccad",1647:"b75e794be568a515ff7b",1748:"06199492fc9cae4089ee",1829:"f7512fddaafa36f136c0",1910:"8de9d15cef916c221d33",1999:"99a21728ad9b58c2815c",2124:"85e286d26c947e698e5e",2191:"c3630537fc5d08c7bfff",2228:"fc3761b31e2afe529024",2234:"ba27e361ae9ae9837797",2331:"0a0d5ebea5ca5249ee94",2413:"226f6e4b505ceb9b09da",2571:"a990340ae4d1848f493c",2573:"f457be3226ecc8279045",2618:"a8e27e22194488984cd4",2697:"1754b08e931158a142d6",2798:"318d190e4ec8466db19d",2859:"97ebb60dae598f4cdf16",2874:"a510340b9669ec817c6f",2898:"5b99211366f69fca7916",2941:"71dae12b1d922f433ef7",3117:"1b17df8df797dc6a85d3",3176:"edf953401b9ff8825806",3331:"920fbccde789f91f169b",3372:"ec75dfa7c4a435343777",3388:"392769403240da934c53",3425:"ae5f443af17660590a52",3530:"71aa86f95292139fe607",3758:"8682eacf8de4061e5acf",3964:"06676b4cfb867898952e",3984:"1d98615000f35f41d07c",4031:"00763e09751e2bd5ce3b",4091:"c9da93bb84b2c0855023",4100:"64e88da713caa1a827b9",4193:"4d65907de41b8c97b98b",4307:"c4935f66eb7f67c35bf9",4324:"8ad052b15b938917bf10",4334:"cf5d1994eca58e32b6b1",4366:"6f5d04a3f2330708e240",4404:"eb429842a02acff3d2ea",4431:"5c7eaf9192c0e4a11a7f",4458:"e22962ff35dc647b506d",4459:"c897d0f97955f12b6ab5",4501:"e479d60eaa3b79ad76f0",4607:"e6c29eb381881b1e5945",4689:"9b3020a48e074cacff20",4732:"b853ea9d383d37485c07",4867:"439964bad53d726b947a",4868:"5975de47e3e4b2c56375",4914:"50144d9f77ffa6d4ac71",5003:"9313af3d460d540ea8c1",5018:"5e7762cf823fcbc00295",5034:"e395c0fbec044e25134b",5257:"d1aadd3f31b72bf3df0f",5295:"ad02581e0b4d43f64eab",5470:"9d9283aaf7e72497d4ee",5479:"92473665307470676a7c",5528:"e1b86cc2371669f37b4c",5673:"fff6a450bece1cd63df2",5676:"f7a218a8cc8d74a75726",5701:"2506b565b33faabd6fd9",5929:"9b3ea037e21b570ad7ad",5941:"92ca01836bd8a697c1ad",6036:"f436367492be35201f6d",6133:"45bfc4cc37e367729ae1",6220:"d7725b0d6feed53a5c58",6311:"c9bd63ec3c41bcbe9728",6385:"59b1224549d75ff146fb",6563:"476c056b28e526732e9b",6624:"1f4982a11ce1ab76268e",6635:"ccca5a91a90305d4f60e",6664:"f1afa22573fd2ef0f260",6690:"e1bc9c822998b4504788",6801:"6fe4dfa99ea978aac038",6850:"3dffc5a62fc2424a7e8d",6897:"d172ef0c8b6cc9b7ad6e",6963:"c9d8129b58c4d7e11c28",7208:"32fd5a8c2ef10f7b3e0d",7268:"bd9c706431e7a2dbd5f9",7343:"8237696b6c859574f9cc",7402:"59dacaea6b9c6951aedd",7407:"07a672ae1679aa29ec33",7461:"8ae2b0c1c9a597a1045c",7572:"a51ff1b93f50dcd6ee7d",7585:"6a3a106985d349665a59",7880:"6f42136be5abddeb0edd",7897:"3e50968ca9d17205dbf0",7979:"431bcc80af8817335822",8049:"41fcdbe0750047dd9ea0",8089:"5b5ab24d039f2ee8192e",8118:"acf80924fa6bc75b8997",8135:"2f6f6dd6d96409826bba",8151:"015d59e356f2be3485bc",8168:"36b66745d02480578351",8182:"02a09dcb0066213d357a",8356:"d5c0c380722e2bf93ca7",8480:"cd0697ba70a0a6f9e578",8555:"8f4158d2f6d66496dbb4",8665:"f3a9ac8fb7f6eabc209c",8794:"d36be1423e08bcf86f2a",8812:"a4691c66cebe9d3cdd08",8819:"5430408b4e9fdd2a1f91",8886:"61e291e948bb8f259821",8996:"8169760b729588471e61",9229:"bbe84ae1666ca675945f",9257:"dcf9e2e992942b6ccf86",9351:"75233f749cd2660a060e",9386:"e81edb3c89831ddfb73b",9446:"36c10dcd31d361ed8395",9516:"643c1618c85441084bcd",9636:"982ed963ae6d57e5f23f",9649:"d56e6994a404569cde7e",9867:"c8e6510b519f0c2681dc",9942:"ad55be404e26dd4e8abe"}[e]+".js"},o.miniCssF=function(e){},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t={},s="embla-carousel-docs:",o.l=function(e,a,c,d){if(t[e])t[e].push(a);else{var n,r;if(void 0!==c)for(var f=document.getElementsByTagName("script"),l=0;l 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","var getProto = Object.getPrototypeOf ? function(obj) { return Object.getPrototypeOf(obj); } : function(obj) { return obj.__proto__; };\nvar leafPrototypes;\n// create a fake namespace object\n// mode & 1: value is a module id, require it\n// mode & 2: merge all properties of value into the ns\n// mode & 4: return value when already ns object\n// mode & 16: return value when it's Promise-like\n// mode & 8|1: behave like require\n__webpack_require__.t = function(value, mode) {\n\tif(mode & 1) value = this(value);\n\tif(mode & 8) return value;\n\tif(typeof value === 'object' && value) {\n\t\tif((mode & 4) && value.__esModule) return value;\n\t\tif((mode & 16) && typeof value.then === 'function') return value;\n\t}\n\tvar ns = Object.create(null);\n\t__webpack_require__.r(ns);\n\tvar def = {};\n\tleafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];\n\tfor(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {\n\t\tObject.getOwnPropertyNames(current).forEach(function(key) { def[key] = function() { return value[key]; }; });\n\t}\n\tdef['default'] = function() { return value; };\n\t__webpack_require__.d(ns, def);\n\treturn ns;\n};","var inProgress = {};\nvar dataWebpackPrefix = \"embla-carousel-docs:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = function(url, done, key, chunkId) {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = function(prev, event) {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach(function(fn) { return fn(event); });\n\t\tif(prev) return prev(event);\n\t};\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = function(chunkId) {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"\" + ({\"20\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\",\"777\":\"132ee8da\",\"929\":\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\",\"1829\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\",\"2228\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\",\"2697\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\",\"2859\":\"c4ec0132\",\"3372\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\",\"3530\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\",\"3964\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\",\"4324\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\",\"4404\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\",\"4459\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\",\"4732\":\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\",\"4867\":\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\",\"5257\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\",\"5295\":\"8f5f0cd04ffec97d1554747721fca69c239d75f0\",\"5929\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\",\"5941\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\",\"6385\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\",\"6664\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\",\"7268\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\",\"7343\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\",\"7572\":\"7e91b273\",\"7979\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\",\"8049\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\",\"8135\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx\",\"8151\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\",\"8168\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\",\"8182\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\",\"8555\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\",\"8665\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\",\"9351\":\"commons\",\"9446\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\"}[chunkId] || chunkId) + \"-\" + {\"20\":\"872e3faae2d662f0401b\",\"49\":\"713a1ffe78b669d28041\",\"107\":\"5732b90141ecfc72743c\",\"116\":\"7285e601b26f7568b33c\",\"122\":\"1fb96bf4ad2f4fde2b96\",\"270\":\"69aecc5318c41459925c\",\"478\":\"c4503198ed3e358b7722\",\"530\":\"a95b7b2f538b4d681788\",\"695\":\"77bcd8ceb3624a18f1cd\",\"742\":\"4bf985bf48836edabc6f\",\"777\":\"03c4a0aa8f134f3f06ba\",\"783\":\"3ee18066d0bc3881c75d\",\"836\":\"b22c788602555e44f3c0\",\"862\":\"2f60c5af8408a5f41858\",\"929\":\"c0fc304ea74016ededf9\",\"1039\":\"2f9b74beff1e503c42d7\",\"1061\":\"9c7d1c7023747a569db0\",\"1184\":\"ee73c2495b901cf37d11\",\"1330\":\"43e1b7833a41d28c8126\",\"1348\":\"7e336eabb07024fa70c8\",\"1406\":\"9cf02eb1fff727ee1f41\",\"1417\":\"22af1bb08c35f1a9458a\",\"1523\":\"595b79fc1b4b0ade3b67\",\"1622\":\"2333e4a6c4412edbbb07\",\"1639\":\"6eefbc25c9c6c830ccad\",\"1647\":\"b75e794be568a515ff7b\",\"1748\":\"06199492fc9cae4089ee\",\"1829\":\"f7512fddaafa36f136c0\",\"1910\":\"8de9d15cef916c221d33\",\"1999\":\"99a21728ad9b58c2815c\",\"2124\":\"85e286d26c947e698e5e\",\"2191\":\"c3630537fc5d08c7bfff\",\"2228\":\"fc3761b31e2afe529024\",\"2234\":\"ba27e361ae9ae9837797\",\"2331\":\"0a0d5ebea5ca5249ee94\",\"2413\":\"226f6e4b505ceb9b09da\",\"2571\":\"a990340ae4d1848f493c\",\"2573\":\"f457be3226ecc8279045\",\"2618\":\"a8e27e22194488984cd4\",\"2697\":\"1754b08e931158a142d6\",\"2798\":\"318d190e4ec8466db19d\",\"2859\":\"97ebb60dae598f4cdf16\",\"2874\":\"a510340b9669ec817c6f\",\"2898\":\"5b99211366f69fca7916\",\"2941\":\"71dae12b1d922f433ef7\",\"3117\":\"1b17df8df797dc6a85d3\",\"3176\":\"edf953401b9ff8825806\",\"3331\":\"920fbccde789f91f169b\",\"3372\":\"ec75dfa7c4a435343777\",\"3388\":\"392769403240da934c53\",\"3425\":\"ae5f443af17660590a52\",\"3530\":\"71aa86f95292139fe607\",\"3758\":\"8682eacf8de4061e5acf\",\"3964\":\"06676b4cfb867898952e\",\"3984\":\"1d98615000f35f41d07c\",\"4031\":\"00763e09751e2bd5ce3b\",\"4091\":\"c9da93bb84b2c0855023\",\"4100\":\"64e88da713caa1a827b9\",\"4193\":\"4d65907de41b8c97b98b\",\"4307\":\"c4935f66eb7f67c35bf9\",\"4324\":\"8ad052b15b938917bf10\",\"4334\":\"cf5d1994eca58e32b6b1\",\"4366\":\"6f5d04a3f2330708e240\",\"4404\":\"eb429842a02acff3d2ea\",\"4431\":\"5c7eaf9192c0e4a11a7f\",\"4458\":\"e22962ff35dc647b506d\",\"4459\":\"c897d0f97955f12b6ab5\",\"4501\":\"e479d60eaa3b79ad76f0\",\"4607\":\"e6c29eb381881b1e5945\",\"4689\":\"9b3020a48e074cacff20\",\"4732\":\"b853ea9d383d37485c07\",\"4867\":\"439964bad53d726b947a\",\"4868\":\"5975de47e3e4b2c56375\",\"4914\":\"50144d9f77ffa6d4ac71\",\"5003\":\"9313af3d460d540ea8c1\",\"5018\":\"5e7762cf823fcbc00295\",\"5034\":\"e395c0fbec044e25134b\",\"5257\":\"d1aadd3f31b72bf3df0f\",\"5295\":\"ad02581e0b4d43f64eab\",\"5470\":\"9d9283aaf7e72497d4ee\",\"5479\":\"92473665307470676a7c\",\"5528\":\"e1b86cc2371669f37b4c\",\"5673\":\"fff6a450bece1cd63df2\",\"5676\":\"f7a218a8cc8d74a75726\",\"5701\":\"2506b565b33faabd6fd9\",\"5929\":\"9b3ea037e21b570ad7ad\",\"5941\":\"92ca01836bd8a697c1ad\",\"6036\":\"f436367492be35201f6d\",\"6133\":\"45bfc4cc37e367729ae1\",\"6220\":\"d7725b0d6feed53a5c58\",\"6311\":\"c9bd63ec3c41bcbe9728\",\"6385\":\"59b1224549d75ff146fb\",\"6563\":\"476c056b28e526732e9b\",\"6624\":\"1f4982a11ce1ab76268e\",\"6635\":\"ccca5a91a90305d4f60e\",\"6664\":\"f1afa22573fd2ef0f260\",\"6690\":\"e1bc9c822998b4504788\",\"6801\":\"6fe4dfa99ea978aac038\",\"6850\":\"3dffc5a62fc2424a7e8d\",\"6897\":\"d172ef0c8b6cc9b7ad6e\",\"6963\":\"c9d8129b58c4d7e11c28\",\"7208\":\"32fd5a8c2ef10f7b3e0d\",\"7268\":\"bd9c706431e7a2dbd5f9\",\"7343\":\"8237696b6c859574f9cc\",\"7402\":\"59dacaea6b9c6951aedd\",\"7407\":\"07a672ae1679aa29ec33\",\"7461\":\"8ae2b0c1c9a597a1045c\",\"7572\":\"a51ff1b93f50dcd6ee7d\",\"7585\":\"6a3a106985d349665a59\",\"7880\":\"6f42136be5abddeb0edd\",\"7897\":\"3e50968ca9d17205dbf0\",\"7979\":\"431bcc80af8817335822\",\"8049\":\"41fcdbe0750047dd9ea0\",\"8089\":\"5b5ab24d039f2ee8192e\",\"8118\":\"acf80924fa6bc75b8997\",\"8135\":\"2f6f6dd6d96409826bba\",\"8151\":\"015d59e356f2be3485bc\",\"8168\":\"36b66745d02480578351\",\"8182\":\"02a09dcb0066213d357a\",\"8356\":\"d5c0c380722e2bf93ca7\",\"8480\":\"cd0697ba70a0a6f9e578\",\"8555\":\"8f4158d2f6d66496dbb4\",\"8665\":\"f3a9ac8fb7f6eabc209c\",\"8794\":\"d36be1423e08bcf86f2a\",\"8812\":\"a4691c66cebe9d3cdd08\",\"8819\":\"5430408b4e9fdd2a1f91\",\"8886\":\"61e291e948bb8f259821\",\"8996\":\"8169760b729588471e61\",\"9229\":\"bbe84ae1666ca675945f\",\"9257\":\"dcf9e2e992942b6ccf86\",\"9351\":\"75233f749cd2660a060e\",\"9386\":\"e81edb3c89831ddfb73b\",\"9446\":\"36c10dcd31d361ed8395\",\"9516\":\"643c1618c85441084bcd\",\"9636\":\"982ed963ae6d57e5f23f\",\"9649\":\"d56e6994a404569cde7e\",\"9867\":\"c8e6510b519f0c2681dc\",\"9942\":\"ad55be404e26dd4e8abe\"}[chunkId] + \".js\";\n};","// This function allow to reference all chunks\n__webpack_require__.miniCssF = function(chunkId) {\n\t// return url for filenames based on template\n\treturn undefined;\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t6658: 0\n};\n\n__webpack_require__.f.j = function(chunkId, promises) {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(6658 != chunkId) {\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; });\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = function(event) {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t} else installedChunks[chunkId] = 0;\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkembla_carousel_docs\"] = self[\"webpackChunkembla_carousel_docs\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","__webpack_require__.nc = undefined;"],"names":["deferred","leafPrototypes","getProto","inProgress","dataWebpackPrefix","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","m","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","Object","keys","every","key","splice","r","n","getter","__esModule","d","a","getPrototypeOf","obj","__proto__","t","value","mode","this","then","ns","create","def","current","indexOf","getOwnPropertyNames","forEach","definition","o","defineProperty","enumerable","get","f","e","chunkId","Promise","all","reduce","promises","u","miniCssF","g","globalThis","Function","window","prop","prototype","hasOwnProperty","call","l","url","done","push","script","needAttach","scripts","document","getElementsByTagName","s","getAttribute","createElement","charset","timeout","nc","setAttribute","src","onScriptComplete","prev","event","onerror","onload","clearTimeout","doneFns","parentNode","removeChild","setTimeout","bind","type","target","head","appendChild","Symbol","toStringTag","p","installedChunks","installedChunkData","promise","resolve","reject","error","Error","errorType","realSrc","message","name","request","webpackJsonpCallback","parentChunkLoadingFunction","data","moreModules","runtime","some","id","chunkLoadingGlobal","self"],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/webpack-runtime-e07fea7754c5156d5180.js b/docs/webpack-runtime-e07fea7754c5156d5180.js
new file mode 100644
index 000000000..a68c34450
--- /dev/null
+++ b/docs/webpack-runtime-e07fea7754c5156d5180.js
@@ -0,0 +1,2 @@
+!function(){"use strict";var e,a,t,c,s,d={},n={};function o(e){var a=n[e];if(void 0!==a)return a.exports;var t=n[e]={exports:{}};return d[e](t,t.exports,o),t.exports}o.m=d,e=[],o.O=function(a,t,c,s){if(!t){var d=1/0;for(l=0;l=s)&&Object.keys(o.O).every((function(e){return o.O[e](t[r])}))?t.splice(r--,1):(n=!1,s0&&e[l-1][2]>s;l--)e[l]=e[l-1];e[l]=[t,c,s]},o.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(a,{a:a}),a},t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},o.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var s=Object.create(null);o.r(s);var d={};a=a||[null,t({}),t([]),t(t)];for(var n=2&c&&e;"object"==typeof n&&!~a.indexOf(n);n=t(n))Object.getOwnPropertyNames(n).forEach((function(a){d[a]=function(){return e[a]}}));return d.default=function(){return e},o.d(s,d),s},o.d=function(e,a){for(var t in a)o.o(a,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},o.f={},o.e=function(e){return Promise.all(Object.keys(o.f).reduce((function(a,t){return o.f[t](e,a),a}),[]))},o.u=function(e){return({20:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx",777:"132ee8da",929:"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx",1829:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx",2228:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx",2697:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx",2859:"c4ec0132",3372:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx",3530:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx",3964:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx",4324:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx",4404:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx",4459:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx",4732:"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md",4867:"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md",5257:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx",5295:"8f5f0cd04ffec97d1554747721fca69c239d75f0",5929:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx",5941:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx",6385:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx",6664:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md",7268:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md",7343:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx",7572:"7e91b273",7979:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx",8049:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx",8151:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md",8168:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx",8182:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md",8555:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md",8665:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx",9351:"commons",9446:"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx"}[e]||e)+"-"+{20:"10a579472c07225a3d68",49:"713a1ffe78b669d28041",107:"5732b90141ecfc72743c",116:"7285e601b26f7568b33c",122:"1fb96bf4ad2f4fde2b96",270:"69aecc5318c41459925c",478:"c4503198ed3e358b7722",530:"a95b7b2f538b4d681788",695:"77bcd8ceb3624a18f1cd",742:"4bf985bf48836edabc6f",777:"03c4a0aa8f134f3f06ba",783:"3ee18066d0bc3881c75d",836:"b22c788602555e44f3c0",862:"2f60c5af8408a5f41858",929:"de17aa4acc7146967ddf",1039:"2f9b74beff1e503c42d7",1061:"9c7d1c7023747a569db0",1184:"ee73c2495b901cf37d11",1330:"43e1b7833a41d28c8126",1348:"7e336eabb07024fa70c8",1406:"9cf02eb1fff727ee1f41",1417:"22af1bb08c35f1a9458a",1523:"595b79fc1b4b0ade3b67",1622:"2333e4a6c4412edbbb07",1639:"6eefbc25c9c6c830ccad",1647:"b75e794be568a515ff7b",1748:"06199492fc9cae4089ee",1829:"3885037a53fdf62430dd",1910:"8de9d15cef916c221d33",1999:"99a21728ad9b58c2815c",2124:"85e286d26c947e698e5e",2191:"c3630537fc5d08c7bfff",2228:"aae240c797f0373b3d3f",2234:"ba27e361ae9ae9837797",2331:"0a0d5ebea5ca5249ee94",2413:"226f6e4b505ceb9b09da",2571:"a990340ae4d1848f493c",2573:"f457be3226ecc8279045",2618:"a8e27e22194488984cd4",2697:"857f32b7ad3ed000bf43",2798:"318d190e4ec8466db19d",2859:"97ebb60dae598f4cdf16",2874:"a510340b9669ec817c6f",2898:"5b99211366f69fca7916",2941:"71dae12b1d922f433ef7",3117:"1b17df8df797dc6a85d3",3176:"edf953401b9ff8825806",3331:"920fbccde789f91f169b",3372:"5b192209eea0651322b2",3388:"392769403240da934c53",3425:"ae5f443af17660590a52",3530:"b6b4c88796fac921ebda",3758:"8682eacf8de4061e5acf",3964:"239be449334a10f139fa",3984:"1d98615000f35f41d07c",4031:"00763e09751e2bd5ce3b",4091:"c9da93bb84b2c0855023",4100:"64e88da713caa1a827b9",4193:"4d65907de41b8c97b98b",4307:"c4935f66eb7f67c35bf9",4324:"29b094ab5b9a00cff3d5",4334:"cf5d1994eca58e32b6b1",4366:"6f5d04a3f2330708e240",4404:"b09c8ff151e390018aad",4431:"5c7eaf9192c0e4a11a7f",4458:"e22962ff35dc647b506d",4459:"6d17683a172f8c40c602",4501:"e479d60eaa3b79ad76f0",4607:"e6c29eb381881b1e5945",4689:"9b3020a48e074cacff20",4732:"b853ea9d383d37485c07",4867:"7103e381e750747c83d3",4868:"5975de47e3e4b2c56375",4914:"50144d9f77ffa6d4ac71",5003:"9313af3d460d540ea8c1",5018:"5e7762cf823fcbc00295",5034:"e395c0fbec044e25134b",5257:"463647a567c05477466f",5295:"1e61ca8bdefd11ef7d33",5470:"9d9283aaf7e72497d4ee",5479:"92473665307470676a7c",5528:"e1b86cc2371669f37b4c",5673:"fff6a450bece1cd63df2",5676:"f7a218a8cc8d74a75726",5701:"2506b565b33faabd6fd9",5929:"dd23ef63192422194f22",5941:"99f7b1851d69dc3d71cb",6036:"f436367492be35201f6d",6133:"45bfc4cc37e367729ae1",6220:"d7725b0d6feed53a5c58",6311:"c9bd63ec3c41bcbe9728",6385:"2628f6943524a15989f7",6563:"476c056b28e526732e9b",6624:"1f4982a11ce1ab76268e",6635:"ccca5a91a90305d4f60e",6664:"03daaee65bc3f7e74dc4",6690:"e1bc9c822998b4504788",6801:"6fe4dfa99ea978aac038",6850:"3dffc5a62fc2424a7e8d",6897:"d172ef0c8b6cc9b7ad6e",6963:"c9d8129b58c4d7e11c28",7208:"32fd5a8c2ef10f7b3e0d",7268:"9b085852c83dc426d519",7343:"4273eb1f8344d3a09b64",7402:"59dacaea6b9c6951aedd",7407:"07a672ae1679aa29ec33",7461:"8ae2b0c1c9a597a1045c",7572:"a51ff1b93f50dcd6ee7d",7585:"6a3a106985d349665a59",7880:"6f42136be5abddeb0edd",7897:"3e50968ca9d17205dbf0",7979:"bb0b42816820049c0733",8049:"888fcf1e485818ccb686",8089:"5b5ab24d039f2ee8192e",8118:"acf80924fa6bc75b8997",8151:"c2ffacc09fa486638fc0",8168:"73b82fa3aca2e37dca98",8182:"ffeb1aa91c7b16bfe458",8356:"d5c0c380722e2bf93ca7",8480:"cd0697ba70a0a6f9e578",8555:"9da576aaa1c640f3cddd",8665:"b8444946c56074ffbbe7",8794:"d36be1423e08bcf86f2a",8812:"a4691c66cebe9d3cdd08",8819:"5430408b4e9fdd2a1f91",8886:"61e291e948bb8f259821",8996:"8169760b729588471e61",9229:"bbe84ae1666ca675945f",9257:"dcf9e2e992942b6ccf86",9351:"e5374865c6bd8364afde",9386:"e81edb3c89831ddfb73b",9446:"3c5b02e58b2c5ada011e",9516:"643c1618c85441084bcd",9636:"982ed963ae6d57e5f23f",9649:"d56e6994a404569cde7e",9867:"c8e6510b519f0c2681dc",9942:"ad55be404e26dd4e8abe"}[e]+".js"},o.miniCssF=function(e){},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},c={},s="embla-carousel-docs:",o.l=function(e,a,t,d){if(c[e])c[e].push(a);else{var n,r;if(void 0!==t)for(var f=document.getElementsByTagName("script"),l=0;l 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","var getProto = Object.getPrototypeOf ? function(obj) { return Object.getPrototypeOf(obj); } : function(obj) { return obj.__proto__; };\nvar leafPrototypes;\n// create a fake namespace object\n// mode & 1: value is a module id, require it\n// mode & 2: merge all properties of value into the ns\n// mode & 4: return value when already ns object\n// mode & 16: return value when it's Promise-like\n// mode & 8|1: behave like require\n__webpack_require__.t = function(value, mode) {\n\tif(mode & 1) value = this(value);\n\tif(mode & 8) return value;\n\tif(typeof value === 'object' && value) {\n\t\tif((mode & 4) && value.__esModule) return value;\n\t\tif((mode & 16) && typeof value.then === 'function') return value;\n\t}\n\tvar ns = Object.create(null);\n\t__webpack_require__.r(ns);\n\tvar def = {};\n\tleafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];\n\tfor(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {\n\t\tObject.getOwnPropertyNames(current).forEach(function(key) { def[key] = function() { return value[key]; }; });\n\t}\n\tdef['default'] = function() { return value; };\n\t__webpack_require__.d(ns, def);\n\treturn ns;\n};","var inProgress = {};\nvar dataWebpackPrefix = \"embla-carousel-docs:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = function(url, done, key, chunkId) {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = function(prev, event) {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach(function(fn) { return fn(event); });\n\t\tif(prev) return prev(event);\n\t};\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = function(chunkId) {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"\" + ({\"20\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx\",\"777\":\"132ee8da\",\"929\":\"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx\",\"1829\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx\",\"2228\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx\",\"2697\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx\",\"2859\":\"c4ec0132\",\"3372\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx\",\"3530\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx\",\"3964\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx\",\"4324\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx\",\"4404\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx\",\"4459\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx\",\"4732\":\"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md\",\"4867\":\"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md\",\"5257\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx\",\"5295\":\"8f5f0cd04ffec97d1554747721fca69c239d75f0\",\"5929\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx\",\"5941\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx\",\"6385\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx\",\"6664\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md\",\"7268\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md\",\"7343\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx\",\"7572\":\"7e91b273\",\"7979\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx\",\"8049\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx\",\"8151\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md\",\"8168\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx\",\"8182\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md\",\"8555\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md\",\"8665\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx\",\"9351\":\"commons\",\"9446\":\"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx\"}[chunkId] || chunkId) + \"-\" + {\"20\":\"10a579472c07225a3d68\",\"49\":\"713a1ffe78b669d28041\",\"107\":\"5732b90141ecfc72743c\",\"116\":\"7285e601b26f7568b33c\",\"122\":\"1fb96bf4ad2f4fde2b96\",\"270\":\"69aecc5318c41459925c\",\"478\":\"c4503198ed3e358b7722\",\"530\":\"a95b7b2f538b4d681788\",\"695\":\"77bcd8ceb3624a18f1cd\",\"742\":\"4bf985bf48836edabc6f\",\"777\":\"03c4a0aa8f134f3f06ba\",\"783\":\"3ee18066d0bc3881c75d\",\"836\":\"b22c788602555e44f3c0\",\"862\":\"2f60c5af8408a5f41858\",\"929\":\"de17aa4acc7146967ddf\",\"1039\":\"2f9b74beff1e503c42d7\",\"1061\":\"9c7d1c7023747a569db0\",\"1184\":\"ee73c2495b901cf37d11\",\"1330\":\"43e1b7833a41d28c8126\",\"1348\":\"7e336eabb07024fa70c8\",\"1406\":\"9cf02eb1fff727ee1f41\",\"1417\":\"22af1bb08c35f1a9458a\",\"1523\":\"595b79fc1b4b0ade3b67\",\"1622\":\"2333e4a6c4412edbbb07\",\"1639\":\"6eefbc25c9c6c830ccad\",\"1647\":\"b75e794be568a515ff7b\",\"1748\":\"06199492fc9cae4089ee\",\"1829\":\"3885037a53fdf62430dd\",\"1910\":\"8de9d15cef916c221d33\",\"1999\":\"99a21728ad9b58c2815c\",\"2124\":\"85e286d26c947e698e5e\",\"2191\":\"c3630537fc5d08c7bfff\",\"2228\":\"aae240c797f0373b3d3f\",\"2234\":\"ba27e361ae9ae9837797\",\"2331\":\"0a0d5ebea5ca5249ee94\",\"2413\":\"226f6e4b505ceb9b09da\",\"2571\":\"a990340ae4d1848f493c\",\"2573\":\"f457be3226ecc8279045\",\"2618\":\"a8e27e22194488984cd4\",\"2697\":\"857f32b7ad3ed000bf43\",\"2798\":\"318d190e4ec8466db19d\",\"2859\":\"97ebb60dae598f4cdf16\",\"2874\":\"a510340b9669ec817c6f\",\"2898\":\"5b99211366f69fca7916\",\"2941\":\"71dae12b1d922f433ef7\",\"3117\":\"1b17df8df797dc6a85d3\",\"3176\":\"edf953401b9ff8825806\",\"3331\":\"920fbccde789f91f169b\",\"3372\":\"5b192209eea0651322b2\",\"3388\":\"392769403240da934c53\",\"3425\":\"ae5f443af17660590a52\",\"3530\":\"b6b4c88796fac921ebda\",\"3758\":\"8682eacf8de4061e5acf\",\"3964\":\"239be449334a10f139fa\",\"3984\":\"1d98615000f35f41d07c\",\"4031\":\"00763e09751e2bd5ce3b\",\"4091\":\"c9da93bb84b2c0855023\",\"4100\":\"64e88da713caa1a827b9\",\"4193\":\"4d65907de41b8c97b98b\",\"4307\":\"c4935f66eb7f67c35bf9\",\"4324\":\"29b094ab5b9a00cff3d5\",\"4334\":\"cf5d1994eca58e32b6b1\",\"4366\":\"6f5d04a3f2330708e240\",\"4404\":\"b09c8ff151e390018aad\",\"4431\":\"5c7eaf9192c0e4a11a7f\",\"4458\":\"e22962ff35dc647b506d\",\"4459\":\"6d17683a172f8c40c602\",\"4501\":\"e479d60eaa3b79ad76f0\",\"4607\":\"e6c29eb381881b1e5945\",\"4689\":\"9b3020a48e074cacff20\",\"4732\":\"b853ea9d383d37485c07\",\"4867\":\"7103e381e750747c83d3\",\"4868\":\"5975de47e3e4b2c56375\",\"4914\":\"50144d9f77ffa6d4ac71\",\"5003\":\"9313af3d460d540ea8c1\",\"5018\":\"5e7762cf823fcbc00295\",\"5034\":\"e395c0fbec044e25134b\",\"5257\":\"463647a567c05477466f\",\"5295\":\"1e61ca8bdefd11ef7d33\",\"5470\":\"9d9283aaf7e72497d4ee\",\"5479\":\"92473665307470676a7c\",\"5528\":\"e1b86cc2371669f37b4c\",\"5673\":\"fff6a450bece1cd63df2\",\"5676\":\"f7a218a8cc8d74a75726\",\"5701\":\"2506b565b33faabd6fd9\",\"5929\":\"dd23ef63192422194f22\",\"5941\":\"99f7b1851d69dc3d71cb\",\"6036\":\"f436367492be35201f6d\",\"6133\":\"45bfc4cc37e367729ae1\",\"6220\":\"d7725b0d6feed53a5c58\",\"6311\":\"c9bd63ec3c41bcbe9728\",\"6385\":\"2628f6943524a15989f7\",\"6563\":\"476c056b28e526732e9b\",\"6624\":\"1f4982a11ce1ab76268e\",\"6635\":\"ccca5a91a90305d4f60e\",\"6664\":\"03daaee65bc3f7e74dc4\",\"6690\":\"e1bc9c822998b4504788\",\"6801\":\"6fe4dfa99ea978aac038\",\"6850\":\"3dffc5a62fc2424a7e8d\",\"6897\":\"d172ef0c8b6cc9b7ad6e\",\"6963\":\"c9d8129b58c4d7e11c28\",\"7208\":\"32fd5a8c2ef10f7b3e0d\",\"7268\":\"9b085852c83dc426d519\",\"7343\":\"4273eb1f8344d3a09b64\",\"7402\":\"59dacaea6b9c6951aedd\",\"7407\":\"07a672ae1679aa29ec33\",\"7461\":\"8ae2b0c1c9a597a1045c\",\"7572\":\"a51ff1b93f50dcd6ee7d\",\"7585\":\"6a3a106985d349665a59\",\"7880\":\"6f42136be5abddeb0edd\",\"7897\":\"3e50968ca9d17205dbf0\",\"7979\":\"bb0b42816820049c0733\",\"8049\":\"888fcf1e485818ccb686\",\"8089\":\"5b5ab24d039f2ee8192e\",\"8118\":\"acf80924fa6bc75b8997\",\"8151\":\"c2ffacc09fa486638fc0\",\"8168\":\"73b82fa3aca2e37dca98\",\"8182\":\"ffeb1aa91c7b16bfe458\",\"8356\":\"d5c0c380722e2bf93ca7\",\"8480\":\"cd0697ba70a0a6f9e578\",\"8555\":\"9da576aaa1c640f3cddd\",\"8665\":\"b8444946c56074ffbbe7\",\"8794\":\"d36be1423e08bcf86f2a\",\"8812\":\"a4691c66cebe9d3cdd08\",\"8819\":\"5430408b4e9fdd2a1f91\",\"8886\":\"61e291e948bb8f259821\",\"8996\":\"8169760b729588471e61\",\"9229\":\"bbe84ae1666ca675945f\",\"9257\":\"dcf9e2e992942b6ccf86\",\"9351\":\"e5374865c6bd8364afde\",\"9386\":\"e81edb3c89831ddfb73b\",\"9446\":\"3c5b02e58b2c5ada011e\",\"9516\":\"643c1618c85441084bcd\",\"9636\":\"982ed963ae6d57e5f23f\",\"9649\":\"d56e6994a404569cde7e\",\"9867\":\"c8e6510b519f0c2681dc\",\"9942\":\"ad55be404e26dd4e8abe\"}[chunkId] + \".js\";\n};","// This function allow to reference all chunks\n__webpack_require__.miniCssF = function(chunkId) {\n\t// return url for filenames based on template\n\treturn undefined;\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t6658: 0\n};\n\n__webpack_require__.f.j = function(chunkId, promises) {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(6658 != chunkId) {\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; });\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = function(event) {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t} else installedChunks[chunkId] = 0;\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkembla_carousel_docs\"] = self[\"webpackChunkembla_carousel_docs\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","__webpack_require__.nc = undefined;"],"names":["deferred","leafPrototypes","getProto","inProgress","dataWebpackPrefix","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","m","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","Object","keys","every","key","splice","r","n","getter","__esModule","d","a","getPrototypeOf","obj","__proto__","t","value","mode","this","then","ns","create","def","current","indexOf","getOwnPropertyNames","forEach","definition","o","defineProperty","enumerable","get","f","e","chunkId","Promise","all","reduce","promises","u","miniCssF","g","globalThis","Function","window","prop","prototype","hasOwnProperty","call","l","url","done","push","script","needAttach","scripts","document","getElementsByTagName","s","getAttribute","createElement","charset","timeout","nc","setAttribute","src","onScriptComplete","prev","event","onerror","onload","clearTimeout","doneFns","parentNode","removeChild","setTimeout","bind","type","target","head","appendChild","Symbol","toStringTag","p","installedChunks","installedChunkData","promise","resolve","reject","error","Error","errorType","realSrc","message","name","request","webpackJsonpCallback","parentChunkLoadingFunction","data","moreModules","runtime","some","id","chunkLoadingGlobal","self"],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/webpack.stats.json b/docs/webpack.stats.json
index dfa4e609c..307d20db2 100644
--- a/docs/webpack.stats.json
+++ b/docs/webpack.stats.json
@@ -1 +1 @@
-{"name":"build-javascript","namedChunkGroups":{"app":{"name":"app","assets":[{"name":"webpack-runtime-57b6a64910ee2564f21c.js","size":12509},{"name":"framework-aafa074326bdd0f8eb04.js","size":210257},{"name":"9c804c3b-9c8d3ddb7e50fb89f1fc.js","size":303182},{"name":"app-eccab51937b68ba7b929.js","size":380785}],"filteredAssets":0,"assetsSize":906733,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":2004547},"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md":{"name":"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js","size":1276}],"filteredAssets":0,"assetsSize":100089,"filteredAuxiliaryAssets":2,"auxiliaryAssetsSize":313980},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js","size":30856}],"filteredAssets":0,"assetsSize":129669,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":421581},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js","size":8351}],"filteredAssets":0,"assetsSize":107164,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":383697},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js","size":40691}],"filteredAssets":0,"assetsSize":139504,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":441714},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js","size":44855}],"filteredAssets":0,"assetsSize":143668,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":450062},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js","size":26548}],"filteredAssets":0,"assetsSize":125361,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":414052},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js","size":8305}],"filteredAssets":0,"assetsSize":107118,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":383465},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx","assets":[{"name":"framework-aafa074326bdd0f8eb04.js","size":210257},{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js","size":56794},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js","size":67022}],"filteredAssets":0,"assetsSize":432886,"filteredAuxiliaryAssets":9,"auxiliaryAssetsSize":2069568},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js","size":13342}],"filteredAssets":0,"assetsSize":112155,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":391718},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js","size":8497}],"filteredAssets":0,"assetsSize":107310,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":383974},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js","size":13607}],"filteredAssets":0,"assetsSize":112420,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":392668},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js","size":14747}],"filteredAssets":0,"assetsSize":113560,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":394006},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js","size":14749}],"filteredAssets":0,"assetsSize":113562,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":394015},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js","size":14438}],"filteredAssets":0,"assetsSize":113251,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":393653},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js","size":14935}],"filteredAssets":0,"assetsSize":113748,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":394290},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js","size":12768}],"filteredAssets":0,"assetsSize":111581,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":390644},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js","size":8216}],"filteredAssets":0,"assetsSize":107029,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":383376},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js","size":15258}],"filteredAssets":0,"assetsSize":114071,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":394565},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js","size":11408}],"filteredAssets":0,"assetsSize":110221,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":388787},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js","size":11809}],"filteredAssets":0,"assetsSize":110622,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":389396},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js","size":12579}],"filteredAssets":0,"assetsSize":111392,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":390690},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js","size":13173}],"filteredAssets":0,"assetsSize":111986,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":392915},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js","size":28248}],"filteredAssets":0,"assetsSize":127061,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":420073},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js","size":27878}],"filteredAssets":0,"assetsSize":126691,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":419533},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js","size":15307}],"filteredAssets":0,"assetsSize":114120,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":396806},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js","size":8172}],"filteredAssets":0,"assetsSize":106985,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":383332},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js","size":14608}],"filteredAssets":0,"assetsSize":113421,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":395304},"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx":{"name":"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js","size":56794},{"name":"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js","size":23205}],"filteredAssets":0,"assetsSize":178812,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":1404338},"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md":{"name":"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md","assets":[{"name":"commons-75233f749cd2660a060e.js","size":98813},{"name":"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js","size":6864}],"filteredAssets":0,"assetsSize":105677,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":379465}},"assetsByChunkName":{"app":["webpack-runtime-57b6a64910ee2564f21c.js","framework-aafa074326bdd0f8eb04.js","9c804c3b-9c8d3ddb7e50fb89f1fc.js","app-eccab51937b68ba7b929.js"],"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md":["commons-75233f749cd2660a060e.js","component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-c897d0f97955f12b6ab5.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-59b1224549d75ff146fb.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-1754b08e931158a142d6.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-eb429842a02acff3d2ea.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-9b3ea037e21b570ad7ad.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-8237696b6c859574f9cc.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx":["framework-aafa074326bdd0f8eb04.js","commons-75233f749cd2660a060e.js","8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-36b66745d02480578351.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-71aa86f95292139fe607.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-06676b4cfb867898952e.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-f7512fddaafa36f136c0.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-fc3761b31e2afe529024.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-8ad052b15b938917bf10.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-872e3faae2d662f0401b.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-ec75dfa7c4a435343777.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-8f4158d2f6d66496dbb4.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-d1aadd3f31b72bf3df0f.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-f1afa22573fd2ef0f260.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-015d59e356f2be3485bc.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-02a09dcb0066213d357a.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-bd9c706431e7a2dbd5f9.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-f3a9ac8fb7f6eabc209c.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-scroll-mdx-2f6f6dd6d96409826bba.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-92ca01836bd8a697c1ad.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-36c10dcd31d361ed8395.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-41fcdbe0750047dd9ea0.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx":["commons-75233f749cd2660a060e.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-431bcc80af8817335822.js"],"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx":["commons-75233f749cd2660a060e.js","8f5f0cd04ffec97d1554747721fca69c239d75f0-ad02581e0b4d43f64eab.js","component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-c0fc304ea74016ededf9.js"],"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md":["commons-75233f749cd2660a060e.js","component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-439964bad53d726b947a.js"]},"childAssetsByChunkName":{}}
\ No newline at end of file
+{"name":"build-javascript","namedChunkGroups":{"app":{"name":"app","assets":[{"name":"webpack-runtime-e07fea7754c5156d5180.js","size":12307},{"name":"framework-aafa074326bdd0f8eb04.js","size":210257},{"name":"9c804c3b-9c8d3ddb7e50fb89f1fc.js","size":303182},{"name":"app-889a1d3f77eaa0fb985f.js","size":381806}],"filteredAssets":0,"assetsSize":907552,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":2008695},"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md":{"name":"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js","size":1276}],"filteredAssets":0,"assetsSize":100104,"filteredAuxiliaryAssets":2,"auxiliaryAssetsSize":314064},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js","size":30803}],"filteredAssets":0,"assetsSize":129631,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":421755},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js","size":8351}],"filteredAssets":0,"assetsSize":107179,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":383781},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js","size":40659}],"filteredAssets":0,"assetsSize":139487,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":441873},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js","size":44802}],"filteredAssets":0,"assetsSize":143630,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":450234},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js","size":24882}],"filteredAssets":0,"assetsSize":123710,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":411019},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js","size":8305}],"filteredAssets":0,"assetsSize":107133,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":383549},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx","assets":[{"name":"framework-aafa074326bdd0f8eb04.js","size":210257},{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js","size":56794},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js","size":67022}],"filteredAssets":0,"assetsSize":432901,"filteredAuxiliaryAssets":9,"auxiliaryAssetsSize":2069652},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js","size":13342}],"filteredAssets":0,"assetsSize":112170,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":391802},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js","size":8497}],"filteredAssets":0,"assetsSize":107325,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":384058},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js","size":13581}],"filteredAssets":0,"assetsSize":112409,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":392886},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js","size":14721}],"filteredAssets":0,"assetsSize":113549,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":394224},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js","size":14723}],"filteredAssets":0,"assetsSize":113551,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":394233},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js","size":14412}],"filteredAssets":0,"assetsSize":113240,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":393871},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js","size":14909}],"filteredAssets":0,"assetsSize":113737,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":394508},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js","size":12768}],"filteredAssets":0,"assetsSize":111596,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":390728},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js","size":8216}],"filteredAssets":0,"assetsSize":107044,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":383460},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js","size":15259}],"filteredAssets":0,"assetsSize":114087,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":394650},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js","size":11408}],"filteredAssets":0,"assetsSize":110236,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":388871},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js","size":11809}],"filteredAssets":0,"assetsSize":110637,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":389480},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js","size":12579}],"filteredAssets":0,"assetsSize":111407,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":390774},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js","size":13779}],"filteredAssets":0,"assetsSize":112607,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":393606},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js","size":29108}],"filteredAssets":0,"assetsSize":127936,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":421036},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js","size":16029}],"filteredAssets":0,"assetsSize":114857,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":397883},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js","size":8172}],"filteredAssets":0,"assetsSize":107000,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":383416},"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx":{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js","size":14979}],"filteredAssets":0,"assetsSize":113807,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":395761},"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx":{"name":"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js","size":56794},{"name":"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js","size":23205}],"filteredAssets":0,"assetsSize":178827,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":1404422},"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md":{"name":"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md","assets":[{"name":"commons-e5374865c6bd8364afde.js","size":98828},{"name":"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js","size":6864}],"filteredAssets":0,"assetsSize":105692,"filteredAuxiliaryAssets":3,"auxiliaryAssetsSize":379549}},"assetsByChunkName":{"app":["webpack-runtime-e07fea7754c5156d5180.js","framework-aafa074326bdd0f8eb04.js","9c804c3b-9c8d3ddb7e50fb89f1fc.js","app-889a1d3f77eaa0fb985f.js"],"component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md":["commons-e5374865c6bd8364afde.js","component---src-templates-404-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-404-md-b853ea9d383d37485c07.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-events-mdx-6d17683a172f8c40c602.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-index-mdx-2628f6943524a15989f7.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-methods-mdx-857f32b7ad3ed000bf43.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-options-mdx-b09c8ff151e390018aad.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-api-plugins-mdx-dd23ef63192422194f22.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-index-mdx-4273eb1f8344d3a09b64.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx":["framework-aafa074326bdd0f8eb04.js","commons-e5374865c6bd8364afde.js","8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-predefined-mdx-73b82fa3aca2e37dca98.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-cdn-mdx-b6b4c88796fac921ebda.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-index-mdx-239be449334a10f139fa.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-module-mdx-3885037a53fdf62430dd.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-react-mdx-aae240c797f0373b3d3f.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-solid-mdx-29b094ab5b9a00cff3d5.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-svelte-mdx-10a579472c07225a3d68.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-get-started-vue-mdx-5b192209eea0651322b2.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-breakpoints-md-9da576aaa1c640f3cddd.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-index-mdx-463647a567c05477466f.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-previous-and-next-buttons-md-03daaee65bc3f7e74dc4.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-container-md-c2ffacc09fa486638fc0.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-gaps-md-ffeb1aa91c7b16bfe458.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-guides-slide-sizes-md-9b085852c83dc426d519.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-auto-height-mdx-b8444946c56074ffbbe7.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-autoplay-mdx-99f7b1851d69dc3d71cb.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-class-names-mdx-3c5b02e58b2c5ada011e.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-index-mdx-888fcf1e485818ccb686.js"],"component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx":["commons-e5374865c6bd8364afde.js","component---src-templates-default-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-plugins-wheel-gestures-mdx-bb0b42816820049c0733.js"],"component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx":["commons-e5374865c6bd8364afde.js","8f5f0cd04ffec97d1554747721fca69c239d75f0-1e61ca8bdefd11ef7d33.js","component---src-templates-generator-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-examples-generator-mdx-de17aa4acc7146967ddf.js"],"component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md":["commons-e5374865c6bd8364afde.js","component---src-templates-home-tsx-content-file-path-users-davidjerleke-sites-embla-carousel-packages-embla-carousel-docs-src-content-pages-index-md-7103e381e750747c83d3.js"]},"childAssetsByChunkName":{}}
\ No newline at end of file
diff --git a/packages/embla-carousel-auto-height/README.md b/packages/embla-carousel-auto-height/README.md
index 0019e71a3..71a711f10 100644
--- a/packages/embla-carousel-auto-height/README.md
+++ b/packages/embla-carousel-auto-height/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     
diff --git a/packages/embla-carousel-autoplay/README.md b/packages/embla-carousel-autoplay/README.md
index 509141434..fc71dc9dc 100644
--- a/packages/embla-carousel-autoplay/README.md
+++ b/packages/embla-carousel-autoplay/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     
diff --git a/packages/embla-carousel-class-names/README.md b/packages/embla-carousel-class-names/README.md
index 3a5d5570c..9efa6e629 100644
--- a/packages/embla-carousel-class-names/README.md
+++ b/packages/embla-carousel-class-names/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     
diff --git a/packages/embla-carousel-docs/README.md b/packages/embla-carousel-docs/README.md
index 7a7222092..26fc23139 100644
--- a/packages/embla-carousel-docs/README.md
+++ b/packages/embla-carousel-docs/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     
diff --git a/packages/embla-carousel-react/README.md b/packages/embla-carousel-react/README.md
index f5adf01bc..f9c33b608 100644
--- a/packages/embla-carousel-react/README.md
+++ b/packages/embla-carousel-react/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     
diff --git a/packages/embla-carousel-reactive-utils/README.md b/packages/embla-carousel-reactive-utils/README.md
index f76393716..5c974667c 100644
--- a/packages/embla-carousel-reactive-utils/README.md
+++ b/packages/embla-carousel-reactive-utils/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     
diff --git a/packages/embla-carousel-solid/README.md b/packages/embla-carousel-solid/README.md
index b689e71ef..909e68db8 100644
--- a/packages/embla-carousel-solid/README.md
+++ b/packages/embla-carousel-solid/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     
diff --git a/packages/embla-carousel-svelte/README.md b/packages/embla-carousel-svelte/README.md
index 82f95ea1a..e7a8ee01f 100644
--- a/packages/embla-carousel-svelte/README.md
+++ b/packages/embla-carousel-svelte/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     
diff --git a/packages/embla-carousel-vue/README.md b/packages/embla-carousel-vue/README.md
index d610cef32..ca8a552ca 100644
--- a/packages/embla-carousel-vue/README.md
+++ b/packages/embla-carousel-vue/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     
diff --git a/packages/embla-carousel/README.md b/packages/embla-carousel/README.md
index b1d118cc1..a1f151a82 100644
--- a/packages/embla-carousel/README.md
+++ b/packages/embla-carousel/README.md
@@ -117,6 +117,8 @@
       
     
       
+    
+      
     
       
     
@@ -125,6 +127,8 @@
       
     
       
+    
+      
     
       
     

From 92c1b7893fba7e5c01ab268639ca270ab454d165 Mon Sep 17 00:00:00 2001
From: Mujahid Anuar <17759705+mujahidfa@users.noreply.github.com>
Date: Wed, 17 Jan 2024 12:39:42 +0800
Subject: [PATCH 2/5] Implement #700.

Co-authored-by: David Jerleke 
Co-authored-by: Mujahid Anuar <17759705+mujahidfa@users.noreply.github.com>
---
 .../Mdx/Components/PrismSyntaxHighlight.tsx   |  47 +-------
 .../src/content/pages/api/events.mdx          |  56 +++++-----
 .../src/content/pages/api/methods.mdx         |  22 ++--
 .../src/content/pages/api/options.mdx         |   6 +-
 .../src/content/pages/api/plugins.mdx         | 102 +++++++-----------
 .../src/content/pages/get-started/react.mdx   |   6 +-
 .../src/content/pages/get-started/vue.mdx     |  72 +++++--------
 .../src/utils/prismHighlight.ts               |  45 ++++++++
 8 files changed, 158 insertions(+), 198 deletions(-)
 create mode 100644 packages/embla-carousel-docs/src/utils/prismHighlight.ts

diff --git a/packages/embla-carousel-docs/src/components/Mdx/Components/PrismSyntaxHighlight.tsx b/packages/embla-carousel-docs/src/components/Mdx/Components/PrismSyntaxHighlight.tsx
index 10b122473..0bb78222a 100644
--- a/packages/embla-carousel-docs/src/components/Mdx/Components/PrismSyntaxHighlight.tsx
+++ b/packages/embla-carousel-docs/src/components/Mdx/Components/PrismSyntaxHighlight.tsx
@@ -1,52 +1,15 @@
 import React, { useMemo } from 'react'
 import { PrismSyntaxFrame } from './PrismSyntaxFrame'
 import Highlight, { defaultProps } from 'prism-react-renderer'
+import {
+  parseCodeBlockProps,
+  parseHighlightedLines
+} from 'utils/prismHighlight'
 import {
   PRISM_HIGHLIGHT_CLASS_NAME,
-  PRISM_HIGHLIGHT_LINE_CLASS_NAME,
-  PRISM_HIGHLIGHT_PROP_SEPARATOR,
-  PrismCodeBlockPropsType
+  PRISM_HIGHLIGHT_LINE_CLASS_NAME
 } from 'consts/prismHighlight'
 
-const REGEX_HIGHLIGHT_RANGE = /\d{1,}-\d{1,}/
-const REGEX_HIGHLIGHT_RANGE_END = /-\d{1,}/
-const REGEX_HIGHLIGHT_RANGE_START = /\d{1,}-/
-const REGEX_LANGUAGE_PREFIX = /language-/gm
-
-const parseHighlightedLines = (highlight: string = ''): number[] => {
-  const highlightedLines: number[] = []
-  const matches = highlight.replace(/{|}/g, '').split(',')
-
-  return matches.reduce((highlightedLinesArray, match) => {
-    if (REGEX_HIGHLIGHT_RANGE.test(match)) {
-      const start = parseInt(match.replace(REGEX_HIGHLIGHT_RANGE_END, ''), 10)
-      const end = parseInt(match.replace(REGEX_HIGHLIGHT_RANGE_START, ''), 10)
-
-      for (let i = start; i <= end; i += 1) highlightedLinesArray.push(i)
-    } else if (/\d{1,}/.test(match)) {
-      highlightedLinesArray.push(parseInt(match, 10))
-    }
-    return highlightedLinesArray
-  }, highlightedLines)
-}
-
-const parseCodeBlockProps = (string: string): PrismCodeBlockPropsType => {
-  return string
-    .split(PRISM_HIGHLIGHT_PROP_SEPARATOR)
-    .reduce((props, propString, index) => {
-      if (index === 0) {
-        const language = propString.replace(REGEX_LANGUAGE_PREFIX, '')
-        return { language }
-      }
-
-      const [prop, value] = propString.split('=')
-      return {
-        ...props,
-        [prop]: value
-      }
-    }, {}) as PrismCodeBlockPropsType
-}
-
 type PropType = {
   children: string
   className: string
diff --git a/packages/embla-carousel-docs/src/content/pages/api/events.mdx b/packages/embla-carousel-docs/src/content/pages/api/events.mdx
index 75a20bd3f..4388e52a0 100644
--- a/packages/embla-carousel-docs/src/content/pages/api/events.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/api/events.mdx
@@ -63,26 +63,22 @@ After initializing a carousel, we're going to **subscribe** to the [select](/api
   
   
 
-    ```html highlight={14}
-    
     ```
 
@@ -141,30 +137,26 @@ In order to remove an event listener, you'll have to call the [off](/api/methods
   
   
 
-    ```html highlight={13-15}
-    
     ```
 
@@ -233,7 +225,7 @@ The `EmblaEventType` is obtained directly from the **core package** `embla-carou
   
 
     ```html highlight={3,10}
-    
     ```
 
@@ -130,7 +126,7 @@ The `EmblaCarouselType` is obtained directly from the **core package** `embla-ca
   
 
     ```html highlight={3,8}
-    
     ```
 
@@ -95,7 +91,7 @@ Plugins have their own specific **options** which is the first argument of the p
     import useEmblaCarousel from 'embla-carousel-react'
     import Autoplay from 'embla-carousel-autoplay'
 
-    export const EmblaCarousel = () => {
+    export function EmblaCarousel() {
       const [emblaRef] = useEmblaCarousel({ loop: true }, [
         Autoplay({ delay: 4000 })
       ])
@@ -106,19 +102,15 @@ Plugins have their own specific **options** which is the first argument of the p
   
   
 
-    ```html highlight={8}
-    
     ```
 
@@ -150,7 +142,7 @@ All [official plugins](/plugins/) allows you to set **global options** that will
 
     Autoplay.globalOptions = { delay: 4000 }
 
-    export const EmblaCarousel = () => {
+    export function EmblaCarousel() {
       const [emblaRef] = useEmblaCarousel({ loop: true }, [Autoplay()])
       // ...
     }
@@ -160,18 +152,14 @@ All [official plugins](/plugins/) allows you to set **global options** that will
   
 
     ```html highlight={5}
-    
     ```
 
@@ -208,7 +196,7 @@ Additionally, some plugins expose their own **API methods**. You can access plug
     import useEmblaCarousel from 'embla-carousel-react'
     import Autoplay from 'embla-carousel-autoplay'
 
-    export const EmblaCarousel = () => {
+    export function EmblaCarousel() {
       const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, [Autoplay()])
 
       useEffect(() => {
@@ -222,25 +210,21 @@ Additionally, some plugins expose their own **API methods**. You can access plug
   
   
 
-    ```html highlight={13}
-    
     ```
 
@@ -295,31 +279,27 @@ Some plugins fire their own **events**. Plugin events are structured as follows
   
   
 
-    ```html highlight={18}
-    
     ```
 
@@ -373,7 +353,7 @@ The `EmblaPluginType` is obtained directly from the **core package** `embla-caro
   
 
     ```html highlight={2,7}
-    
+
 
-
-
 ```
 
 ## Styling the carousel
@@ -82,7 +77,20 @@ The `emblaCarouselVue` function gives us an **emblaNode** to attach to our wrapp
 
 The `emblaCarouselVue` function takes the Embla Carousel [options](/api/options/) as the first argument. Additionally, you can access the [API](/api/) with an `watchEffect` like demonstrated below:
 
-```html highlight={17,19-23}
+```html highlight={5,7-11}
+
+
 
-
-
 ```
 
 ## Adding plugins
@@ -136,7 +125,14 @@ Start by installing the plugin you want to use. In this example, we're going to
 
 The `emblaCarouselVue` function accepts [plugins](/plugins/) as the second argument. Note that plugins need to be passed in an **array** like so:
 
-```html highlight={13,17}
+```html highlight={3,5}
+
+
 
-
-
 ```
 
 Congratulations! You just created your first Embla Carousel component.
diff --git a/packages/embla-carousel-docs/src/utils/prismHighlight.ts b/packages/embla-carousel-docs/src/utils/prismHighlight.ts
new file mode 100644
index 000000000..fd73578d0
--- /dev/null
+++ b/packages/embla-carousel-docs/src/utils/prismHighlight.ts
@@ -0,0 +1,45 @@
+import {
+  PRISM_HIGHLIGHT_PROP_SEPARATOR,
+  PrismCodeBlockPropsType
+} from 'consts/prismHighlight'
+
+const REGEX_HIGHLIGHT_RANGE = /\d{1,}-\d{1,}/
+const REGEX_HIGHLIGHT_RANGE_END = /-\d{1,}/
+const REGEX_HIGHLIGHT_RANGE_START = /\d{1,}-/
+const REGEX_LANGUAGE_PREFIX = /language-/gm
+
+export const parseHighlightedLines = (highlight: string = ''): number[] => {
+  const highlightedLines: number[] = []
+  const matches = highlight.replace(/{|}/g, '').split(',')
+
+  return matches.reduce((highlightedLinesArray, match) => {
+    if (REGEX_HIGHLIGHT_RANGE.test(match)) {
+      const start = parseInt(match.replace(REGEX_HIGHLIGHT_RANGE_END, ''), 10)
+      const end = parseInt(match.replace(REGEX_HIGHLIGHT_RANGE_START, ''), 10)
+
+      for (let i = start; i <= end; i += 1) highlightedLinesArray.push(i)
+    } else if (/\d{1,}/.test(match)) {
+      highlightedLinesArray.push(parseInt(match, 10))
+    }
+    return highlightedLinesArray
+  }, highlightedLines)
+}
+
+export const parseCodeBlockProps = (
+  string: string
+): PrismCodeBlockPropsType => {
+  return string
+    .split(PRISM_HIGHLIGHT_PROP_SEPARATOR)
+    .reduce((props, propString, index) => {
+      if (index === 0) {
+        const language = propString.replace(REGEX_LANGUAGE_PREFIX, '')
+        return { language }
+      }
+
+      const [prop, value] = propString.split('=')
+      return {
+        ...props,
+        [prop]: value
+      }
+    }, {}) as PrismCodeBlockPropsType
+}

From 1465038cd125caa9c2642cb0fd200f322557c6e5 Mon Sep 17 00:00:00 2001
From: David 
Date: Tue, 16 Jan 2024 10:41:45 +0100
Subject: [PATCH 3/5] Implement #692.

---
 .github/DISCUSSION_TEMPLATE/general.yml       | 41 +++++++++++++++++++
 .github/DISCUSSION_TEMPLATE/help.yml          | 17 ++++++++
 .github/DISCUSSION_TEMPLATE/ideas.yml         |  2 +-
 .github/DISCUSSION_TEMPLATE/show-and-tell.yml | 20 +++++++++
 .github/ISSUE_TEMPLATE/config.yml             | 11 +++--
 5 files changed, 87 insertions(+), 4 deletions(-)
 create mode 100644 .github/DISCUSSION_TEMPLATE/general.yml
 create mode 100644 .github/DISCUSSION_TEMPLATE/show-and-tell.yml

diff --git a/.github/DISCUSSION_TEMPLATE/general.yml b/.github/DISCUSSION_TEMPLATE/general.yml
new file mode 100644
index 000000000..c6ade5176
--- /dev/null
+++ b/.github/DISCUSSION_TEMPLATE/general.yml
@@ -0,0 +1,41 @@
+title: '[General]: '
+labels: ['discussion']
+body:
+  - type: textarea
+    attributes:
+      label: Summary
+      description: What do you want to start a conversation about?
+    validations:
+      required: true
+
+  - type: checkboxes
+    id: relations
+    attributes:
+      label: If applicable, which variants of Embla Carousel are relevant to this conversation?
+      description: Check all that apply.
+      options:
+        - label: embla-carousel **(Core)**
+        - label: embla-carousel-react
+        - label: embla-carousel-vue
+        - label: embla-carousel-svelte
+        - label: embla-carousel-autoplay
+        - label: embla-carousel-solid
+        - label: embla-carousel-auto-height
+        - label: embla-carousel-class-names
+        - label: embla-carousel-docs **(Documentation)**
+        - label: embla-carousel-docs **(Generator)**
+
+  - type: textarea
+    attributes:
+      label: Additional information
+      description: Any code snippets, error messages, or dependency details that may be related?
+      render: js
+    validations:
+      required: false
+
+  - type: input
+    attributes:
+      label: CodeSandbox example
+      description: A link to a minimal reproduction is helpful for collaborative debugging!
+    validations:
+      required: false
diff --git a/.github/DISCUSSION_TEMPLATE/help.yml b/.github/DISCUSSION_TEMPLATE/help.yml
index e3945b9a3..d69fcce7f 100644
--- a/.github/DISCUSSION_TEMPLATE/help.yml
+++ b/.github/DISCUSSION_TEMPLATE/help.yml
@@ -8,6 +8,23 @@ body:
     validations:
       required: true
 
+  - type: checkboxes
+    id: relations
+    attributes:
+      label: If applicable, which variants of Embla Carousel are relevant to this question?
+      description: Check all that apply.
+      options:
+        - label: embla-carousel **(Core)**
+        - label: embla-carousel-react
+        - label: embla-carousel-vue
+        - label: embla-carousel-svelte
+        - label: embla-carousel-autoplay
+        - label: embla-carousel-solid
+        - label: embla-carousel-auto-height
+        - label: embla-carousel-class-names
+        - label: embla-carousel-docs **(Documentation)**
+        - label: embla-carousel-docs **(Generator)**
+
   - type: textarea
     attributes:
       label: Additional information
diff --git a/.github/DISCUSSION_TEMPLATE/ideas.yml b/.github/DISCUSSION_TEMPLATE/ideas.yml
index 6769b3c10..6c770f787 100644
--- a/.github/DISCUSSION_TEMPLATE/ideas.yml
+++ b/.github/DISCUSSION_TEMPLATE/ideas.yml
@@ -12,7 +12,7 @@ body:
   - type: checkboxes
     id: relations
     attributes:
-      label: Which variants of Embla Carousel are relevant to this request?
+      label: Which variants of Embla Carousel are relevant to this feature request?
       description: Check all that apply.
       options:
         - label: embla-carousel **(Core)**
diff --git a/.github/DISCUSSION_TEMPLATE/show-and-tell.yml b/.github/DISCUSSION_TEMPLATE/show-and-tell.yml
new file mode 100644
index 000000000..c16f800d6
--- /dev/null
+++ b/.github/DISCUSSION_TEMPLATE/show-and-tell.yml
@@ -0,0 +1,20 @@
+title: '[Show]: '
+labels: ['show and tell']
+body:
+  - type: textarea
+    attributes:
+      label: Description
+      description: What have you built with Embla Carousel?
+      placeholder: |
+        1. Go to '...'
+        2. Scroll to '....'
+        3. See my awesome project
+    validations:
+      required: true
+
+  - type: input
+    attributes:
+      label: Project link
+      description: A link to what you've built with Embla Carousel.
+    validations:
+      required: false
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index 049f0f25b..acc9e077e 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -3,7 +3,12 @@ contact_links:
   - name: 🚀 Feature request
     url: https://github.com/davidjerleke/embla-carousel/discussions/new?category=ideas
     about: Feature requests should be opened as discussions
-  - name: ❓ Ask a question
+  - name: ❓ Ask for help
     url: https://github.com/davidjerleke/embla-carousel/discussions/new?category=help
-    about: Ask questions and discuss with other community members
-
+    about: Ask questions about how to achieve something
+  - name: ✨ Show something
+    url: https://github.com/davidjerleke/embla-carousel/discussions/new?category=show-and-tell
+    about: Share something you've built with Embla Carousel
+  - name: 💬 Discuss
+    url: https://github.com/davidjerleke/embla-carousel/discussions/new?category=general
+    about: Start conversation or discussion about something

From 0cf986a505b736ebe501d7143b0bf6e2c6f866a8 Mon Sep 17 00:00:00 2001
From: David Jerleke 
Date: Mon, 13 Nov 2023 14:52:01 +0100
Subject: [PATCH 4/5] Implement #114.

---
 CONTRIBUTING.md                               |   5 +-
 README.md                                     |   4 +-
 package.json                                  |   1 +
 packages/embla-carousel-auto-height/README.md |   4 +-
 .../embla-carousel-auto-scroll/.eslintignore  |   5 +
 .../embla-carousel-auto-scroll/.eslintrc.js   |  28 ++
 .../embla-carousel-auto-scroll/.prettierrc.js |   1 +
 packages/embla-carousel-auto-scroll/README.md | 188 +++++++++++++
 .../embla-carousel-auto-scroll/jest.config.js |   8 +
 .../embla-carousel-auto-scroll/package.json   |  77 ++++++
 .../rollup.config.js                          |  53 ++++
 .../src/components/AutoScroll.ts              | 259 ++++++++++++++++++
 .../src/components/Options.ts                 |  25 ++
 .../embla-carousel-auto-scroll/src/index.ts   |   2 +
 .../embla-carousel-auto-scroll/tsconfig.json  |  15 +
 packages/embla-carousel-autoplay/README.md    |   4 +-
 .../src/components/Autoplay.ts                |  45 +--
 packages/embla-carousel-class-names/README.md |   4 +-
 packages/embla-carousel-docs/README.md        |   4 +-
 .../src/components/Mdx/Styles/code.ts         |   6 +
 .../embla-carousel-docs/src/consts/tabs.ts    |   4 +
 .../src/content/pages/api/events.mdx          |   4 +-
 .../src/content/pages/api/methods.mdx         |   4 +-
 .../src/content/pages/api/options.mdx         |   4 +-
 .../src/content/pages/api/plugins.mdx         |  37 ++-
 .../src/content/pages/plugins/auto-height.mdx |  53 ++--
 .../src/content/pages/plugins/auto-scroll.mdx | 190 +++++++++++++
 .../src/content/pages/plugins/autoplay.mdx    |  62 ++---
 .../src/content/pages/plugins/class-names.mdx |  41 +--
 .../content/pages/plugins/wheel-gestures.mdx  |  34 +--
 packages/embla-carousel-react/README.md       |   4 +-
 .../embla-carousel-reactive-utils/README.md   |   4 +-
 packages/embla-carousel-solid/README.md       |   4 +-
 packages/embla-carousel-svelte/README.md      |   4 +-
 packages/embla-carousel-vue/README.md         |   4 +-
 packages/embla-carousel/README.md             |   4 +-
 yarn.lock                                     |  21 ++
 37 files changed, 1039 insertions(+), 177 deletions(-)
 create mode 100644 packages/embla-carousel-auto-scroll/.eslintignore
 create mode 100644 packages/embla-carousel-auto-scroll/.eslintrc.js
 create mode 100644 packages/embla-carousel-auto-scroll/.prettierrc.js
 create mode 100644 packages/embla-carousel-auto-scroll/README.md
 create mode 100644 packages/embla-carousel-auto-scroll/jest.config.js
 create mode 100644 packages/embla-carousel-auto-scroll/package.json
 create mode 100644 packages/embla-carousel-auto-scroll/rollup.config.js
 create mode 100644 packages/embla-carousel-auto-scroll/src/components/AutoScroll.ts
 create mode 100644 packages/embla-carousel-auto-scroll/src/components/Options.ts
 create mode 100644 packages/embla-carousel-auto-scroll/src/index.ts
 create mode 100644 packages/embla-carousel-auto-scroll/tsconfig.json
 create mode 100644 packages/embla-carousel-docs/src/content/pages/plugins/auto-scroll.mdx

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 64df1c856..9a72e24b7 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -31,9 +31,10 @@ These are the actual published packages which can be installed from the npm regi
 | wrapper | [embla-carousel-vue](https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-vue)                       |                        |                        |
 | wrapper | [embla-carousel-svelte](https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-svelte)                 |                  |                  |
 | plugin  | [embla-carousel-autoplay](https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-autoplay)             |              |              |
+| plugin  | [embla-carousel-auto-scroll](https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-auto-scroll)       |        |        |
 | plugin  | [embla-carousel-auto-height](https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-auto-height)       |        |        |
 | plugin  | [embla-carousel-class-names](https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-class-names)       |        |        |
-| plugin  | [embla-carousel-reactive-utils](https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-reactive-utils) |  |  |
+| utility | [embla-carousel-reactive-utils](https://github.com/davidjerleke/embla-carousel/tree/master/packages/embla-carousel-reactive-utils) |  |  |
 
 #### Playgrounds
 
@@ -85,7 +86,7 @@ The documentation website is generated using [gatsby](https://github.com/gatsbyj
 
 To develop the docs locally follow these steps:
 
-- Run `yarn install`in the root directory to install dependencies.
+- Run `yarn install` in the root directory to install dependencies.
 - Run `yarn build` to build the docs (and all other packages).
 - Run `yarn start` to start the dev environment of the docs at `localhost:8000`.
 - Make sure the `.mdx` file you're working on has a header formatted like this:
diff --git a/README.md b/README.md
index a1f151a82..31b3db22c 100644
--- a/README.md
+++ b/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/package.json b/package.json
index b6bd2f04d..82bb90a03 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "packages/embla-carousel-svelte",
     "packages/embla-carousel-docs",
     "packages/embla-carousel-autoplay",
+    "packages/embla-carousel-auto-scroll",
     "packages/embla-carousel-auto-height",
     "packages/embla-carousel-class-names",
     "packages/embla-carousel-reactive-utils",
diff --git a/packages/embla-carousel-auto-height/README.md b/packages/embla-carousel-auto-height/README.md
index 71a711f10..f7de5e7a0 100644
--- a/packages/embla-carousel-auto-height/README.md
+++ b/packages/embla-carousel-auto-height/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/packages/embla-carousel-auto-scroll/.eslintignore b/packages/embla-carousel-auto-scroll/.eslintignore
new file mode 100644
index 000000000..f5efc98ab
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/.eslintignore
@@ -0,0 +1,5 @@
+docs
+package.json
+package-lock.json
+yarn.lock
+node_modules
diff --git a/packages/embla-carousel-auto-scroll/.eslintrc.js b/packages/embla-carousel-auto-scroll/.eslintrc.js
new file mode 100644
index 000000000..b17ac0422
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/.eslintrc.js
@@ -0,0 +1,28 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:prettier/recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended'
+  ],
+  rules: {
+    'no-debugger': 2,
+    'no-console': 2,
+    '@typescript-eslint/no-inferrable-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/ban-types': [
+      'error',
+      {
+        types: {
+          '{}': false
+        },
+        extendDefaults: true
+      }
+    ]
+  }
+}
diff --git a/packages/embla-carousel-auto-scroll/.prettierrc.js b/packages/embla-carousel-auto-scroll/.prettierrc.js
new file mode 100644
index 000000000..5100fc98a
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/.prettierrc.js
@@ -0,0 +1 @@
+module.exports = require('../../.prettierrc.js')
diff --git a/packages/embla-carousel-auto-scroll/README.md b/packages/embla-carousel-auto-scroll/README.md
new file mode 100644
index 000000000..5e5257d77
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/README.md
@@ -0,0 +1,188 @@
+
      
+
      
+  
      
+    Embla Carousel
+    
+  
      
+
+  
      
+    
+    
+    
+    
+    
+    
+  
      
+
+  
+    
      Embla Carousel Auto Scroll
      
+        
+
+  
      
+    Embla Carousel is a bare bones carousel library with great fluid motion and awesome swipe precision. It's library agnostic, dependency free and 100% open source.
+  
      
+
+  
      
+
+  
      
+    
+       Examples 
+    
+  
      
+
+  
      
+    
+       Generator 
+    
+  
      
+
+  
      
+    
+       Installation 
+    
+  
      
+
      
+
+
      
+
+
      
+  
+    
      Ready for
      
+        
+  
+  
      
+    
+      
+    
+     
+    
+      
+    
+     
+    
+      
+    
+     
+    
+      
+    
+     
+    
+      
+    
+     
+    
+      
+    
+  
      
+
      
+
+
      
+
+
+
+
      
+
+
      
+  
+    
      Special Thanks
      
+        
+  
      
+    Special thanks to gunnarx2 for creating the React wrapper useEmblaCarousel, to xiel for creating the Embla Carousel Wheel Gestures plugin, to LiamMartens for creating the Solid wrapper createEmblaCarousel, and to zaaakher for your continuous and awesome contributions.
+  
      
+  
      
+    
+    
+    
+    
+  
      
+
      
+
+
      
+
+
      Open Source
      
+
+
      
+  Copyright © 2019-present, David Jerleke.
      
+  Embla is MIT licensed 💖.
+
      
+
+
      
+  · · ·
+
      
+
+
      
+  Thanks BrowserStack.
+
      
+
+
      
+  
+    
+    
+
      
diff --git a/packages/embla-carousel-auto-scroll/jest.config.js b/packages/embla-carousel-auto-scroll/jest.config.js
new file mode 100644
index 000000000..04a0181f9
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/jest.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+  transform: {
+    '^.+\\.(t|j)sx?$': 'ts-jest'
+  },
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  testEnvironment: 'jsdom'
+}
diff --git a/packages/embla-carousel-auto-scroll/package.json b/packages/embla-carousel-auto-scroll/package.json
new file mode 100644
index 000000000..d6f26aca9
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/package.json
@@ -0,0 +1,77 @@
+{
+  "name": "embla-carousel-auto-scroll",
+  "version": "8.0.0-rc20",
+  "author": "David Jerleke",
+  "description": "An auto scroll plugin for Embla Carousel",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/davidjerleke/embla-carousel"
+  },
+  "bugs": {
+    "url": "https://github.com/davidjerleke/embla-carousel/issues"
+  },
+  "homepage": "https://www.embla-carousel.com",
+  "license": "MIT",
+  "keywords": [
+    "slider",
+    "carousel",
+    "slideshow",
+    "gallery",
+    "lightweight",
+    "touch",
+    "javascript",
+    "typescript",
+    "react",
+    "vue",
+    "svelte",
+    "solid"
+  ],
+  "main": "embla-carousel-auto-scroll.umd.js",
+  "unpkg": "embla-carousel-auto-scroll.umd.js",
+  "module": "./esm/embla-carousel-auto-scroll.esm.js",
+  "types": "index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "embla-carousel-auto-scroll*",
+    "components/**/*",
+    "index.d.ts",
+    "esm/**/*",
+    "cjs/**/*"
+  ],
+  "scripts": {
+    "test": "echo \"Info: no tests specified\" && exit 0",
+    "build": "rollup --bundleConfigAsCjs -c",
+    "start": "rollup --bundleConfigAsCjs -c --watch --environment BUILD:development",
+    "eslint:report": "eslint \"src/**/*.{js,tsx,ts}\""
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.6",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
+    "eslint": "^8.52.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "prettier": "2.8.8",
+    "rollup": "^4.1.5",
+    "ts-jest": "^29.1.1",
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "embla-carousel": "8.0.0-rc20"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/embla-carousel-auto-scroll.esm.js"
+      },
+      "require": {
+        "types": "./cjs/index.d.ts",
+        "default": "./cjs/embla-carousel-auto-scroll.cjs.js"
+      }
+    }
+  }
+}
diff --git a/packages/embla-carousel-auto-scroll/rollup.config.js b/packages/embla-carousel-auto-scroll/rollup.config.js
new file mode 100644
index 000000000..b9fda5710
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/rollup.config.js
@@ -0,0 +1,53 @@
+import packageJson from './package.json'
+import {
+  FOLDERS,
+  CONFIG_BABEL,
+  CONFIG_TYPESCRIPT,
+  CONFIG_GLOBALS,
+  babel,
+  typescript,
+  resolve,
+  terser,
+  createBuildPath,
+  kebabToPascalCase,
+  createNodeNextSupport
+} from '../../rollup.config'
+
+export default [
+  {
+    input: 'src/index.ts',
+    output: [
+      {
+        file: createBuildPath(packageJson, FOLDERS.CJS),
+        format: FOLDERS.CJS,
+        globals: CONFIG_GLOBALS,
+        strict: true,
+        sourcemap: true,
+        exports: 'auto'
+      },
+      {
+        file: createBuildPath(packageJson, FOLDERS.ESM),
+        format: FOLDERS.ESM,
+        globals: CONFIG_GLOBALS,
+        strict: true,
+        sourcemap: true
+      },
+      {
+        file: createBuildPath(packageJson, FOLDERS.UMD),
+        format: FOLDERS.UMD,
+        globals: CONFIG_GLOBALS,
+        strict: true,
+        sourcemap: false,
+        name: kebabToPascalCase(packageJson.name),
+        plugins: [terser()]
+      }
+    ],
+    external: Object.keys(CONFIG_GLOBALS),
+    plugins: [
+      resolve(),
+      typescript(CONFIG_TYPESCRIPT),
+      babel(CONFIG_BABEL),
+      createNodeNextSupport()
+    ]
+  }
+]
diff --git a/packages/embla-carousel-auto-scroll/src/components/AutoScroll.ts b/packages/embla-carousel-auto-scroll/src/components/AutoScroll.ts
new file mode 100644
index 000000000..7065dfdee
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/src/components/AutoScroll.ts
@@ -0,0 +1,259 @@
+import { OptionsType, defaultOptions } from './Options'
+import { CreatePluginType } from 'embla-carousel/components/Plugins'
+import { OptionsHandlerType } from 'embla-carousel/components/OptionsHandler'
+import { EmblaCarouselType } from 'embla-carousel'
+import { EngineType } from 'embla-carousel/components/Engine'
+import { ScrollBodyType } from 'embla-carousel/components/ScrollBody'
+
+declare module 'embla-carousel/components/Plugins' {
+  interface EmblaPluginsType {
+    autoScroll?: AutoScrollType
+  }
+}
+
+declare module 'embla-carousel/components/EventHandler' {
+  interface EmblaEventListType {
+    autoScrollPlay: 'autoScroll:play'
+    autoScrollStop: 'autoScroll:stop'
+  }
+}
+
+export type AutoScrollType = CreatePluginType<
+  {
+    play: (delay?: number) => void
+    stop: () => void
+    reset: () => void
+    isPlaying: () => boolean
+  },
+  OptionsType
+>
+
+export type AutoScrollOptionsType = AutoScrollType['options']
+
+function AutoScroll(userOptions: AutoScrollOptionsType = {}): AutoScrollType {
+  let options: OptionsType
+  let emblaApi: EmblaCarouselType
+  let destroyed: boolean
+  let playing = false
+  let resume = true
+  let timer = 0
+  let startDelay: number
+  let defaultScrollBehaviour: ScrollBodyType
+
+  function init(
+    emblaApiInstance: EmblaCarouselType,
+    optionsHandler: OptionsHandlerType
+  ): void {
+    emblaApi = emblaApiInstance
+
+    const { mergeOptions, optionsAtMedia } = optionsHandler
+    const optionsBase = mergeOptions(defaultOptions, AutoScroll.globalOptions)
+    const allOptions = mergeOptions(optionsBase, userOptions)
+    options = optionsAtMedia(allOptions)
+
+    if (emblaApi.scrollSnapList().length <= 1) return
+
+    startDelay = options.startDelay
+    destroyed = false
+    defaultScrollBehaviour = emblaApi.internalEngine().scrollBody
+
+    const { eventStore } = emblaApi.internalEngine()
+    const emblaRoot = emblaApi.rootNode()
+    const root = (options.rootNode && options.rootNode(emblaRoot)) || emblaRoot
+    const container = emblaApi.containerNode()
+
+    emblaApi.on('pointerDown', stopScroll)
+
+    if (!options.stopOnInteraction) {
+      emblaApi.on('pointerUp', startScrollOnSettle)
+    }
+
+    if (options.stopOnMouseEnter) {
+      eventStore.add(root, 'mouseenter', () => {
+        resume = false
+        stopScroll()
+      })
+
+      if (!options.stopOnInteraction) {
+        eventStore.add(root, 'mouseleave', () => {
+          resume = true
+          startScroll()
+        })
+      }
+    }
+
+    if (options.stopOnFocusIn) {
+      eventStore.add(container, 'focusin', () => {
+        stopScroll()
+        emblaApi.scrollTo(emblaApi.selectedScrollSnap(), true)
+      })
+
+      if (!options.stopOnInteraction) {
+        eventStore.add(container, 'focusout', startScroll)
+      }
+    }
+
+    if (options.playOnInit) {
+      emblaApi.on('init', startScroll).on('reInit', startScroll)
+    }
+  }
+
+  function destroy(): void {
+    destroyed = true
+    playing = false
+    emblaApi
+      .off('init', startScroll)
+      .off('reInit', startScroll)
+      .off('pointerDown', stopScroll)
+      .off('pointerUp', startScrollOnSettle)
+      .off('settle', onSettle)
+    stopScroll()
+  }
+
+  function startScroll(): void {
+    if (destroyed || playing) return
+    if (!resume) return
+    emblaApi.emit('autoScroll:play')
+
+    const engine = emblaApi.internalEngine()
+    const { ownerWindow } = engine
+
+    timer = ownerWindow.setTimeout(() => {
+      engine.scrollBody = createAutoScrollBehaviour(engine)
+      engine.animation.start()
+    }, startDelay)
+
+    playing = true
+  }
+
+  function stopScroll(): void {
+    if (destroyed || !playing) return
+    emblaApi.emit('autoScroll:stop')
+
+    const engine = emblaApi.internalEngine()
+    const { ownerWindow } = engine
+
+    engine.scrollBody = defaultScrollBehaviour
+    ownerWindow.clearTimeout(timer)
+    timer = 0
+
+    playing = false
+  }
+
+  function onSettle(): void {
+    if (resume) startScroll()
+    emblaApi.off('settle', onSettle)
+  }
+
+  function startScrollOnSettle(): void {
+    emblaApi.on('settle', onSettle)
+  }
+
+  function createAutoScrollBehaviour(engine: EngineType): ScrollBodyType {
+    const {
+      location,
+      target,
+      scrollTarget,
+      index,
+      indexPrevious,
+      limit: { reachedMin, reachedMax, constrain },
+      options: { loop }
+    } = engine
+    const directionSign = options.direction === 'forward' ? -1 : 1
+    const noop = (): ScrollBodyType => self
+
+    let bodyVelocity = 0
+    let scrollDirection = 0
+    let rawLocation = location.get()
+    let rawLocationPrevious = 0
+    let hasSettled = false
+
+    function seek(): ScrollBodyType {
+      let directionDiff = 0
+
+      bodyVelocity = directionSign * options.speed
+      rawLocation += bodyVelocity
+      location.add(bodyVelocity)
+      target.set(location)
+
+      directionDiff = rawLocation - rawLocationPrevious
+      scrollDirection = Math.sign(directionDiff)
+      rawLocationPrevious = rawLocation
+
+      const currentIndex = scrollTarget.byDistance(0, false).index
+
+      if (index.get() !== currentIndex) {
+        indexPrevious.set(index.get())
+        index.set(currentIndex)
+        emblaApi.emit('select')
+      }
+
+      const reachedEnd =
+        options.direction === 'forward'
+          ? reachedMin(location.get())
+          : reachedMax(location.get())
+
+      if (!loop && reachedEnd) {
+        hasSettled = true
+        const constrainedLocation = constrain(location.get())
+        location.set(constrainedLocation)
+        target.set(location)
+        stopScroll()
+      }
+
+      return self
+    }
+
+    const self: ScrollBodyType = {
+      direction: () => scrollDirection,
+      duration: () => -1,
+      velocity: () => bodyVelocity,
+      settled: () => hasSettled,
+      seek,
+      useBaseFriction: noop,
+      useBaseDuration: noop,
+      useFriction: noop,
+      useDuration: noop
+    }
+    return self
+  }
+
+  function play(startDelayOverride?: number): void {
+    if (typeof startDelayOverride !== 'undefined') {
+      startDelay = startDelayOverride
+    }
+    resume = true
+    startScroll()
+  }
+
+  function stop(): void {
+    if (playing) stopScroll()
+  }
+
+  function reset(): void {
+    if (playing) {
+      stopScroll()
+      startScrollOnSettle()
+    }
+  }
+
+  function isPlaying(): boolean {
+    return playing
+  }
+
+  const self: AutoScrollType = {
+    name: 'autoScroll',
+    options: userOptions,
+    init,
+    destroy,
+    play,
+    stop,
+    reset,
+    isPlaying
+  }
+  return self
+}
+
+AutoScroll.globalOptions = undefined
+
+export default AutoScroll
diff --git a/packages/embla-carousel-auto-scroll/src/components/Options.ts b/packages/embla-carousel-auto-scroll/src/components/Options.ts
new file mode 100644
index 000000000..eea90537c
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/src/components/Options.ts
@@ -0,0 +1,25 @@
+import { CreateOptionsType } from 'embla-carousel/components/Options'
+
+export type OptionsType = CreateOptionsType<{
+  direction: 'forward' | 'backward'
+  speed: number
+  startDelay: number
+  playOnInit: boolean
+  stopOnFocusIn: boolean
+  stopOnInteraction: boolean
+  stopOnMouseEnter: boolean
+  rootNode: ((emblaRoot: HTMLElement) => HTMLElement | null) | null
+}>
+
+export const defaultOptions: OptionsType = {
+  direction: 'forward',
+  speed: 2,
+  startDelay: 1000,
+  active: true,
+  breakpoints: {},
+  playOnInit: true,
+  stopOnFocusIn: true,
+  stopOnInteraction: true,
+  stopOnMouseEnter: false,
+  rootNode: null
+}
diff --git a/packages/embla-carousel-auto-scroll/src/index.ts b/packages/embla-carousel-auto-scroll/src/index.ts
new file mode 100644
index 000000000..bb865b917
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/src/index.ts
@@ -0,0 +1,2 @@
+export { AutoScrollType, AutoScrollOptionsType } from './components/AutoScroll'
+export { default } from './components/AutoScroll'
diff --git a/packages/embla-carousel-auto-scroll/tsconfig.json b/packages/embla-carousel-auto-scroll/tsconfig.json
new file mode 100644
index 000000000..95539428c
--- /dev/null
+++ b/packages/embla-carousel-auto-scroll/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2015",
+    "module": "esnext",
+    "lib": ["dom", "esnext"],
+    "esModuleInterop": true,
+    "strict": true,
+    "declaration": true,
+    "declarationDir": "./",
+    "moduleResolution": "node",
+    "noEmit": true
+  },
+  "include": ["src/index.ts", "src/components"],
+  "exclude": ["node_modules", "**/*.test.ts"]
+}
diff --git a/packages/embla-carousel-autoplay/README.md b/packages/embla-carousel-autoplay/README.md
index fc71dc9dc..53d697d4a 100644
--- a/packages/embla-carousel-autoplay/README.md
+++ b/packages/embla-carousel-autoplay/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/packages/embla-carousel-autoplay/src/components/Autoplay.ts b/packages/embla-carousel-autoplay/src/components/Autoplay.ts
index 518244eea..94c504f27 100644
--- a/packages/embla-carousel-autoplay/src/components/Autoplay.ts
+++ b/packages/embla-carousel-autoplay/src/components/Autoplay.ts
@@ -57,8 +57,9 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
     const { eventStore, ownerDocument } = emblaApi.internalEngine()
     const emblaRoot = emblaApi.rootNode()
     const root = (options.rootNode && options.rootNode(emblaRoot)) || emblaRoot
+    const container = emblaApi.containerNode()
 
-    emblaApi.on('pointerDown', clearTimer)
+    emblaApi.on('pointerDown', stopTimer)
 
     if (!options.stopOnInteraction) {
       emblaApi.on('pointerUp', startTimer)
@@ -67,7 +68,7 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
     if (options.stopOnMouseEnter) {
       eventStore.add(root, 'mouseenter', () => {
         resume = false
-        clearTimer()
+        stopTimer()
       })
 
       if (!options.stopOnInteraction) {
@@ -79,21 +80,14 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
     }
 
     if (options.stopOnFocusIn) {
-      eventStore.add(root, 'focusin', clearTimer)
+      eventStore.add(container, 'focusin', stopTimer)
 
       if (!options.stopOnInteraction) {
-        eventStore.add(root, 'focusout', startTimer)
+        eventStore.add(container, 'focusout', startTimer)
       }
     }
 
-    eventStore.add(ownerDocument, 'visibilitychange', () => {
-      if (ownerDocument.visibilityState === 'hidden') {
-        resume = playing
-        return clearTimer()
-      }
-
-      if (resume) startTimer()
-    })
+    eventStore.add(ownerDocument, 'visibilitychange', visibilityChange)
 
     if (options.playOnInit) {
       emblaApi.on('init', startTimer).on('reInit', startTimer)
@@ -103,10 +97,12 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
   function destroy(): void {
     destroyed = true
     playing = false
-    emblaApi.off('init', startTimer).off('reInit', startTimer)
-    emblaApi.off('pointerDown', clearTimer)
-    if (!options.stopOnInteraction) emblaApi.off('pointerUp', startTimer)
-    clearTimer()
+    emblaApi
+      .off('init', startTimer)
+      .off('reInit', startTimer)
+      .off('pointerDown', stopTimer)
+      .off('pointerUp', startTimer)
+    stopTimer()
     cancelAnimationFrame(animationFrame)
     animationFrame = 0
   }
@@ -121,7 +117,7 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
     playing = true
   }
 
-  function clearTimer(): void {
+  function stopTimer(): void {
     if (destroyed) return
     if (playing) emblaApi.emit('autoplay:stop')
     const { ownerWindow } = emblaApi.internalEngine()
@@ -130,6 +126,17 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
     playing = false
   }
 
+  function visibilityChange(): void {
+    const { ownerDocument } = emblaApi.internalEngine()
+
+    if (ownerDocument.visibilityState === 'hidden') {
+      resume = playing
+      return stopTimer()
+    }
+
+    if (resume) startTimer()
+  }
+
   function play(jumpOverride?: boolean): void {
     if (typeof jumpOverride !== 'undefined') jump = jumpOverride
     resume = true
@@ -137,7 +144,7 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
   }
 
   function stop(): void {
-    if (playing) clearTimer()
+    if (playing) stopTimer()
   }
 
   function reset(): void {
@@ -155,7 +162,7 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
       const lastIndex = emblaApi.scrollSnapList().length - 1
       const kill = options.stopOnLastSnap && nextIndex === lastIndex
 
-      if (kill) clearTimer()
+      if (kill) stopTimer()
 
       if (emblaApi.canScrollNext()) {
         emblaApi.scrollNext(jump)
diff --git a/packages/embla-carousel-class-names/README.md b/packages/embla-carousel-class-names/README.md
index 9efa6e629..d77194bed 100644
--- a/packages/embla-carousel-class-names/README.md
+++ b/packages/embla-carousel-class-names/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/packages/embla-carousel-docs/README.md b/packages/embla-carousel-docs/README.md
index 26fc23139..cd2b89487 100644
--- a/packages/embla-carousel-docs/README.md
+++ b/packages/embla-carousel-docs/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/packages/embla-carousel-docs/src/components/Mdx/Styles/code.ts b/packages/embla-carousel-docs/src/components/Mdx/Styles/code.ts
index 13f9ba77b..8a2f48da6 100644
--- a/packages/embla-carousel-docs/src/components/Mdx/Styles/code.ts
+++ b/packages/embla-carousel-docs/src/components/Mdx/Styles/code.ts
@@ -32,6 +32,12 @@ export const codeStyles = css`
     border-color: ${COLORS.DETAIL_MEDIUM_CONTRAST};
   }
 
+  ${AdmonitionWrapper} .${PRISM_HIGHLIGHT_CLASS_NAME} {
+    display: inline-grid;
+    margin: 0;
+    width: 100%;
+  }
+
   .${PRISM_HIGHLIGHT_CLASS_NAME} {
     ${pageFrameCollapseStyles};
     position: relative;
diff --git a/packages/embla-carousel-docs/src/consts/tabs.ts b/packages/embla-carousel-docs/src/consts/tabs.ts
index 604a34e8e..da1c8a384 100644
--- a/packages/embla-carousel-docs/src/consts/tabs.ts
+++ b/packages/embla-carousel-docs/src/consts/tabs.ts
@@ -42,6 +42,10 @@ export const TABS_SITE_NAVIGATION: TabsGroupType = {
 export const TABS_PACKAGE_MANAGER: TabsGroupType = {
   GROUP_ID: 'package-manager',
   TABS: {
+    CDN: {
+      LABEL: 'CDN',
+      VALUE: 'cdn'
+    },
     NPM: {
       LABEL: 'npm',
       VALUE: 'npm'
diff --git a/packages/embla-carousel-docs/src/content/pages/api/events.mdx b/packages/embla-carousel-docs/src/content/pages/api/events.mdx
index 4388e52a0..e95e1a216 100644
--- a/packages/embla-carousel-docs/src/content/pages/api/events.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/api/events.mdx
@@ -257,8 +257,6 @@ The `EmblaEventType` is obtained directly from the **core package** `embla-carou
   
 
 
----
-
 ## Reference
 
 Below follows an exhaustive **list of all** Embla Carousel **events** together with information about how they work.
@@ -350,3 +348,5 @@ Runs when the user has a pointer down on the carousel. It's triggered by a `touc
 Once: `no`
 
 Runs when the user has released the pointer from the carousel. It's triggered by a `touchend` or a `mouseup` event.
+
+---
diff --git a/packages/embla-carousel-docs/src/content/pages/api/methods.mdx b/packages/embla-carousel-docs/src/content/pages/api/methods.mdx
index ecc778a4e..f11b56c39 100644
--- a/packages/embla-carousel-docs/src/content/pages/api/methods.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/api/methods.mdx
@@ -155,8 +155,6 @@ The `EmblaCarouselType` is obtained directly from the **core package** `embla-ca
   
 
 
----
-
 ## Reference
 
 Below follows an exhaustive **list of all** Embla Carousel **methods** with their respective parameters and return values.
@@ -360,3 +358,5 @@ Parameters: `event: EmblaEventType`
 Returns: `void`
 
 Emits an embla [event](/api/events/). This doesn't trigger any internal Embla functionality.
+
+---
diff --git a/packages/embla-carousel-docs/src/content/pages/api/options.mdx b/packages/embla-carousel-docs/src/content/pages/api/options.mdx
index e67ac33af..b910b4fd5 100644
--- a/packages/embla-carousel-docs/src/content/pages/api/options.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/api/options.mdx
@@ -178,8 +178,6 @@ The `EmblaOptionsType` is obtained directly from the **core package** `embla-car
   
 
 
----
-
 ## Reference
 
 Below follows an exhaustive **list of all** Embla Carousel **options** and their default values.
@@ -423,3 +421,5 @@ Embla automatically watches the [container](/api/methods/#containernode/) for **
   run its default mutation behaviour after your callback, or return `false` if
   you want to disable it.
 
+
+---
diff --git a/packages/embla-carousel-docs/src/content/pages/api/plugins.mdx b/packages/embla-carousel-docs/src/content/pages/api/plugins.mdx
index 228a91e2b..bf6bf95e7 100644
--- a/packages/embla-carousel-docs/src/content/pages/api/plugins.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/api/plugins.mdx
@@ -8,6 +8,7 @@ date: 2021-11-06
 import { Tabs } from 'components/Tabs/Tabs'
 import { TabsItem } from 'components/Tabs/TabsItem'
 import { TABS_LIBRARY } from 'consts/tabs'
+import { TABS_PACKAGE_MANAGER } from 'consts/tabs'
 
 # Plugins
 
@@ -15,9 +16,37 @@ It's possible to **extend** Embla carousel with additional features using **plug
 
 ---
 
+## Installation
+
+All **official plugins** are separate **NPM packages**. They're all **prefixed** with `embla-carousel` followed by its **unique** plugin **name**. For example, the `Autoplay` plugin is installed like so:
+
+
+  
+
+    ```html
+    
+    ```
+
+  
+  
+
+    ```shell
+    npm install embla-carousel-autoplay --save
+    ```
+
+  
+  
+
+    ```shell
+    yarn add embla-carousel-autoplay
+    ```
+
+  
+
+
 ## Usage
 
-The Embla Carousel **constructor** accepts an **array of plugins**. Each plugin has its own [options](/api/plugins/#constructor-options) and [methods](/api/plugins/#calling-methods).
+The Embla Carousel **constructor** accepts an **array of plugins**. Each plugin might have its own [options](/api/plugins/#constructor-options), [methods](/api/plugins/#calling-methods) and [events](/api/plugins/#adding-event-listeners).
 
 ### Adding a plugin
 
@@ -26,7 +55,7 @@ The constructor plugin array is the default way of providing plugins to Embla Ca
 
   
 
-    ```js highlight={4}
+    ```js highlight={2,4}
     import EmblaCarousel from 'embla-carousel'
     import Autoplay from 'embla-carousel-autoplay'
 
@@ -36,7 +65,7 @@ The constructor plugin array is the default way of providing plugins to Embla Ca
   
   
 
-    ```jsx highlight={5}
+    ```jsx highlight={2,5}
     import useEmblaCarousel from 'embla-carousel-react'
     import Autoplay from 'embla-carousel-autoplay'
 
@@ -49,7 +78,7 @@ The constructor plugin array is the default way of providing plugins to Embla Ca
   
   
 
-    ```html highlight={5}
+    ```html highlight={3,5}
     
+    ```
+
+  
   
 
     ```shell
@@ -40,32 +47,29 @@ First you need to install the **npm package** and save it to your dependencies:
   
 
 
-Alternatively, you can use a **CDN** to include it in your project:
-
-```html
-
-```
-
 ## Usage
 
-This plugin accepts a single **optional** parameter, which is its [options](/plugins/auto-height/#options) object that allows you to configure it.
+Please read the [plugins](/api/plugins/#usage) page to learn **how to work with plugins**.
 
-```js
-import EmblaCarousel from 'embla-carousel'
-import AutoHeight from 'embla-carousel-auto-height'
-
-const embla = EmblaCarousel(emblaRoot, { loop: false }, [AutoHeight()]) // Add plugin
-```
+
 
 You can make use of CSS transitions to **transition height** changes. But beware: Transitioning height triggers reflow and may cause a performance hit.
 
+
      
+
 ```css
 .embla__container {
   transition: height 0.2s;
 }
 ```
 
-If you've been following along with any of the guides in the [Get Started](/get-started/) section, you will probably want to make sure that each **slide height** is **determined** by the **content** it holds. Amend your CSS with the following to achieve this:
+      
+
+
+
+If you've been following along with any of the guides in the [get started](/get-started/) section, you want to make sure that each **slide height** is **determined** by the **content** it holds. Add the following to your CSS to achieve this:
+
+
      
 
 ```css highlight={3}
 .embla__container {
@@ -74,20 +78,11 @@ If you've been following along with any of the guides in the [Get Started](/get-
 }
 ```
 
-## Options
-
-The Auto Height plugin accepts an optional **options** object as the first argument. Here's an example of how to make use of it:
+      
 
-```js
-import EmblaCarousel from 'embla-carousel'
-import AutoHeight from 'embla-carousel-auto-height'
-
-const autoHeightOptions = { destroyHeight: 'auto' } // Options
+## Options
 
-const embla = EmblaCarousel(emblaRoot, { loop: false }, [
-  AutoHeight(autoHeightOptions) // Add plugin with options
-])
-```
+Below follows an exhaustive **list of all** `Auto Height` **options** and their default values.
 
 ---
 
@@ -97,3 +92,5 @@ Type: `CSSStyleDeclaration.height`
 Default: `auto`
 
 Choose CSS height declaration that will be applied to the carousel container when the plugin is destroyed.
+
+---
diff --git a/packages/embla-carousel-docs/src/content/pages/plugins/auto-scroll.mdx b/packages/embla-carousel-docs/src/content/pages/plugins/auto-scroll.mdx
new file mode 100644
index 000000000..5be3fe6f2
--- /dev/null
+++ b/packages/embla-carousel-docs/src/content/pages/plugins/auto-scroll.mdx
@@ -0,0 +1,190 @@
+---
+title: Auto Scroll
+description: Learn how to use the Auto Scroll plugin for Embla Carousel
+order: 1
+date: 2024-01-13
+---
+
+import { Tabs } from 'components/Tabs/Tabs'
+import { TabsItem } from 'components/Tabs/TabsItem'
+import { TABS_PACKAGE_MANAGER } from 'consts/tabs'
+
+# Auto Scroll
+
+
+  View plugin on GitHub
+
+
+This plugin is used to extend Embla Carousel with **auto scroll** functionality. It comes with a useful set of options that allows you to customize it to your liking.
+
+## Installation
+
+Start by installing the **npm package** and save it to your dependencies:
+
+
+  
+
+    ```html
+    
+    ```
+
+  
+  
+
+    ```shell
+    npm install embla-carousel-auto-scroll --save
+    ```
+
+  
+  
+
+    ```shell
+    yarn add embla-carousel-auto-scroll
+    ```
+
+  
+
+
+## Usage
+
+Please read the [plugins](/api/plugins/#usage) page to learn **how to work with plugins**.
+
+## Options
+
+Below follows an exhaustive **list of all** `Auto Scroll` **options** and their default values.
+
+### speed
+
+Type: `number`  
+Default: `2`
+
+Number of pixels auto scroll should advance per frame.
+
+---
+
+### startDelay
+
+Type: `number`  
+Default: `1000`
+
+Number of milliseconds auto scroll should **wait before it starts**. This also applies when user interactions end and [stopOnInteraction](/plugins/auto-scroll/#stoponinteraction) is `false`.
+
+---
+
+### direction
+
+Type: `string`  
+Default: `forward`
+
+This option is used to set the auto scroll direction. Set it to `backward` if you want it to scroll in the opposite direction.
+
+---
+
+### playOnInit
+
+Type: `boolean`  
+Default: `true`
+
+If set to `false`, you'll have to start auto scroll yourself by calling the [play](/plugins/auto-scroll/#play) method.
+
+---
+
+### stopOnInteraction
+
+Type: `boolean`  
+Default: `true`
+
+If set to `false`, auto scroll will not be disabled after drag interactions, and it will restart every time after an interaction.
+
+---
+
+### stopOnMouseEnter
+
+Type: `boolean`  
+Default: `false`
+
+When enabled, auto scroll will stop when a mouse pointer enters the Embla Carousel container. If [stopOnInteraction](/plugins/auto-scroll/#stoponinteraction) is also `false`, auto scroll will resume when the mouse leaves the carousel container.
+
+---
+
+### stopOnFocusIn
+
+Type: `boolean`  
+Default: `true`
+
+When enabled, auto scroll will stop when a focusable element inside the carousel recieves focus. If [stopOnInteraction](/plugins/auto-scroll/#stoponinteraction) is `false`, auto scroll will resume when the user leaves focus.
+
+---
+
+### rootNode
+
+Type: `(emblaRoot: HTMLElement) => HTMLElement | null`  
+Default: `null`
+
+The **node** that should **respond** to user **interactions** like [stopOnMouseEnter](/plugins/auto-scroll/#stoponmouseenter) and [stopOnInteraction](/plugins/auto-scroll/#stoponinteraction). If this is omitted, the node that wraps the Embla Carousel will be used as default.
+
+---
+
+## Methods
+
+Below follows an exhaustive **list of all** `Auto Scroll` **methods** with their respective parameters and return values.
+
+---
+
+### play
+
+Parameters: `startDelayOverride?: number`  
+Returns: `void`
+
+Start auto scroll. Pass a **startDelayOverride** if you want to change the [startDelay](/plugins/auto-scroll/#startdelay) option after the plugin has been initialized.
+
+---
+
+### stop
+
+Parameters: `none`  
+Returns: `void`
+
+Stops auto scroll.
+
+---
+
+### reset
+
+Parameters: `none`  
+Returns: `void`
+
+Stops auto scroll, and starts the timer again using [startDelay](/plugins/auto-scroll/#startdelay) when the carousel has settled. This will only take effect if auto scroll is playing. If auto scroll is stopped, this method won't trigger anything.
+
+---
+
+### isPlaying
+
+Parameters: `none`  
+Returns: `boolean`
+
+Returns a boolean whether the carousel is auto scrolling or not.
+
+---
+
+## Events
+
+Below follows an exhaustive **list of all** `Auto Scroll` **events** together with information about how they work.
+
+---
+
+### autoScroll:play
+
+Once: `no`
+
+Fires when auto scroll starts playing.
+
+---
+
+### autoScroll:stop
+
+Once: `no`
+
+Fires when auto scroll stops scrolling.
+
+---
diff --git a/packages/embla-carousel-docs/src/content/pages/plugins/autoplay.mdx b/packages/embla-carousel-docs/src/content/pages/plugins/autoplay.mdx
index 645c97a05..a3d76d68a 100644
--- a/packages/embla-carousel-docs/src/content/pages/plugins/autoplay.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/plugins/autoplay.mdx
@@ -1,6 +1,6 @@
 ---
 title: Autoplay
-description: Learn how to add this Autoplay plugin to Embla Carousel
+description: Learn how to use the Autoplay plugin for Embla Carousel
 order: 0
 date: 2021-03-13
 ---
@@ -21,9 +21,16 @@ This plugin is used to extend Embla Carousel with **autoplay** functionality. It
 
 ## Installation
 
-First you need to install the **npm package** and save it to your dependencies:
+Start by installing the **npm package** and save it to your dependencies:
 
 
+  
+
+    ```html
+    
+    ```
+
+  
   
 
     ```shell
@@ -40,40 +47,13 @@ First you need to install the **npm package** and save it to your dependencies:
   
 
 
-Alternatively, you can use a **CDN** to include it in your project:
-
-```html
-
-```
-
 ## Usage
 
-This plugin accepts a single optional parameter, which is its [options](/plugins/autoplay/#options) object that allows you to configure it. You maybe want to choose a **custom root node** for the autoplay plugin. This can be done with the [rootNode](/plugins/autoplay/#rootnode) options attribute. The root node will respond to interaction events and stop autoplay when a user interacts with the carousel. If this attribute is omitted, the Embla Carousel root node will be used as a default.
-
-```js
-import EmblaCarousel from 'embla-carousel'
-import Autoplay from 'embla-carousel-autoplay'
-
-const embla = EmblaCarousel(emblaRoot, { loop: false }, [Autoplay()]) // Add plugin
-```
+Please read the [plugins](/api/plugins/#usage) page to learn **how to work with plugins**.
 
 ## Options
 
-The Autoplay plugin accepts an optional **options** object as the first argument. Here's an example of how to make use of it:
-
-```js
-import EmblaCarousel from 'embla-carousel'
-import Autoplay from 'embla-carousel-autoplay'
-
-const autoplayOptions = {
-  delay: 4000,
-  rootNode: (emblaRoot) => emblaRoot.parentElement
-}
-
-const embla = EmblaCarousel(emblaRoot, { loop: false }, [
-  Autoplay(autoplayOptions) // Add plugin with options
-])
-```
+Below follows an exhaustive **list of all** `Autoplay` **options** and their default values.
 
 ---
 
@@ -109,7 +89,7 @@ If set to `false`, you'll have to start autoplay yourself by calling the [play](
 Type: `boolean`  
 Default: `true`
 
-If set to `false`, autoplay will not be disabled after drag interactions, and it will restart every time after the interaction.
+If set to `false`, autoplay will not be disabled after drag interactions, and it will restart every time after an interaction.
 
 ---
 
@@ -118,7 +98,7 @@ If set to `false`, autoplay will not be disabled after drag interactions, and it
 Type: `boolean`  
 Default: `false`
 
-When enabled, autoplay will pause when a mouse pointer enters the Embla Carousel container. If [stopOnInteraction](/plugins/autoplay/#stoponinteraction) is also `false`, autoplay will resume when the mouse leaves the carousel container.
+When enabled, autoplay will stop when a mouse pointer enters the Embla Carousel container. If [stopOnInteraction](/plugins/autoplay/#stoponinteraction) is also `false`, autoplay will resume when the mouse leaves the carousel container.
 
 ---
 
@@ -145,17 +125,13 @@ If this parameter is enabled, autoplay will stop when it reaches last slide.
 Type: `(emblaRoot: HTMLElement) => HTMLElement | null`  
 Default: `null`
 
-The node that should respond to user interactions like [stopOnMouseEnter](/plugins/autoplay/#stoponmouseenter) and [stopOnInteraction](/plugins/autoplay/#stoponinteraction).
+The **node** that should **respond** to user **interactions** like [stopOnMouseEnter](/plugins/autoplay/#stoponmouseenter) and [stopOnInteraction](/plugins/autoplay/#stoponinteraction). If this is omitted, the node that wraps the Embla Carousel will be used as default.
 
 ---
 
 ## Methods
 
-The Autoplay plugin exposes a set of **useful methods** which lets you control it. Assuming you've passed the plugin to the Embla Carousel constructor, a method is called like demonstrated below:
-
-```js
-embla.plugins().autoplay.stop() // Method
-```
+Below follows an exhaustive **list of all** `Autoplay` **methods** with their respective parameters and return values.
 
 ---
 
@@ -197,13 +173,7 @@ Returns a boolean whether autoplay is playing or not.
 
 ## Events
 
-Below follows an exhaustive list of all Autoplay plugin events together with information about how they work. Attach event listeners like so:
-
-```ts
-emblaApi.on('autoplay:play', (emblaApi, eventName) => {
-  console.log('Autoplay plugin started playing!')
-})
-```
+Below follows an exhaustive **list of all** `Autoplay` **events** together with information about how they work.
 
 ---
 
diff --git a/packages/embla-carousel-docs/src/content/pages/plugins/class-names.mdx b/packages/embla-carousel-docs/src/content/pages/plugins/class-names.mdx
index 44e07cea8..0528a62fd 100644
--- a/packages/embla-carousel-docs/src/content/pages/plugins/class-names.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/plugins/class-names.mdx
@@ -1,7 +1,7 @@
 ---
 title: Class Names
-description: Learn how to add this Class Name plugin to Embla Carousel
-order: 2
+description: Learn how to use the Class Names plugin for Embla Carousel
+order: 3
 date: 2021-11-22
 ---
 
@@ -24,6 +24,13 @@ Class Names is a **class name toggle** utility plugin for Embla Carousel that en
 First you need to install the **npm package** and save it to your dependencies:
 
 
+  
+
+    ```html
+    
+    ```
+
+  
   
 
     ```shell
@@ -40,37 +47,13 @@ First you need to install the **npm package** and save it to your dependencies:
   
 
 
-Alternatively, you can use a **CDN** to include it in your project:
-
-```html
-
-```
-
 ## Usage
 
-This plugin accepts a single **optional** parameter, which is its [options](/plugins/class-names/#options) object that allows you to configure it.
-
-```js
-import EmblaCarousel from 'embla-carousel'
-import ClassNames from 'embla-carousel-class-names'
-
-const embla = EmblaCarousel(emblaRoot, { loop: false }, [ClassNames()]) // Add plugin
-```
+Please read the [plugins](/api/plugins/#usage) page to learn **how to work with plugins**.
 
 ## Options
 
-The Class Name plugin accepts an optional **options** object as the first argument. Here's an example of how to make use of it:
-
-```js
-import EmblaCarousel from 'embla-carousel'
-import ClassNames from 'embla-carousel-class-names'
-
-const classNamesOptions = { selected: 'my-selected-class' }
-
-const embla = EmblaCarousel(emblaRoot, { loop: false }, [
-  ClassNames(classNamesOptions) // Add plugin with options
-])
-```
+Below follows an exhaustive **list of all** `Class Names` **options** and their default values.
 
 ---
 
@@ -112,3 +95,5 @@ Type: `string`
 Default: `is-dragging`
 
 Choose a classname that will be applied to the container when dragging. Pass an empty string to opt-out.
+
+---
diff --git a/packages/embla-carousel-docs/src/content/pages/plugins/wheel-gestures.mdx b/packages/embla-carousel-docs/src/content/pages/plugins/wheel-gestures.mdx
index 208a97ed8..0f77e34b6 100644
--- a/packages/embla-carousel-docs/src/content/pages/plugins/wheel-gestures.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/plugins/wheel-gestures.mdx
@@ -1,7 +1,7 @@
 ---
 title: Wheel Gestures
 description: Learn how to add this Wheel Gesture plugin to Embla Carousel
-order: 3
+order: 4
 date: 2021-11-22
 ---
 
@@ -15,7 +15,7 @@ import { TABS_PACKAGE_MANAGER } from 'consts/tabs'
   View plugin on GitHub
 
 
-This plugin is used to extend Embla Carousel with the ability to use the mouse/trackpad wheel to navigate through the carousel.
+This plugin is used to extend Embla Carousel with the ability to **use the mouse/trackpad wheel** to **navigate** the carousel.
 
 ---
 
@@ -24,6 +24,13 @@ This plugin is used to extend Embla Carousel with the ability to use the mouse/t
 First you need to install the **npm package** and save it to your dependencies:
 
 
+  
+
+    ```html
+    
+    ```
+
+  
   
 
     ```shell
@@ -40,12 +47,6 @@ First you need to install the **npm package** and save it to your dependencies:
   
 
 
-Alternatively, you can use a **CDN** to include it in your project:
-
-```html
-
-```
-
 ## Usage
 
 This plugin accepts a single **optional** parameter, which is its [options](/plugins/wheel-gestures/#options) object that allows you to configure it.
@@ -59,20 +60,7 @@ const embla = EmblaCarousel(emblaRoot, { loop: false }, [WheelGesturesPlugin()])
 
 ## Options
 
-The Wheel Gestures plugin accepts an optional **options** object as the first argument. Here's an example of how to make use of it:
-
-```js
-import EmblaCarousel from 'embla-carousel'
-import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures'
-
-const wheelGesturesOptions = {
-  wheelDraggingClass: 'my-wheel-class'
-}
-
-const embla = EmblaCarousel(emblaRoot, { loop: false }, [
-  WheelGesturesPlugin(wheelGesturesOptions) // Add plugin with options
-])
-```
+Below follows an exhaustive **list of all** `Wheel Gestures` **options** and their default values.
 
 ---
 
@@ -100,3 +88,5 @@ Type: `Element`
 Default: `undefined`
 
 Specify the element that should be observed for wheel events.
+
+---
diff --git a/packages/embla-carousel-react/README.md b/packages/embla-carousel-react/README.md
index f9c33b608..ddfb9bc44 100644
--- a/packages/embla-carousel-react/README.md
+++ b/packages/embla-carousel-react/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/packages/embla-carousel-reactive-utils/README.md b/packages/embla-carousel-reactive-utils/README.md
index 5c974667c..c8e5e0355 100644
--- a/packages/embla-carousel-reactive-utils/README.md
+++ b/packages/embla-carousel-reactive-utils/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/packages/embla-carousel-solid/README.md b/packages/embla-carousel-solid/README.md
index 909e68db8..45de28a0d 100644
--- a/packages/embla-carousel-solid/README.md
+++ b/packages/embla-carousel-solid/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/packages/embla-carousel-svelte/README.md b/packages/embla-carousel-svelte/README.md
index e7a8ee01f..310b9a360 100644
--- a/packages/embla-carousel-svelte/README.md
+++ b/packages/embla-carousel-svelte/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/packages/embla-carousel-vue/README.md b/packages/embla-carousel-vue/README.md
index ca8a552ca..ec893f37e 100644
--- a/packages/embla-carousel-vue/README.md
+++ b/packages/embla-carousel-vue/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/packages/embla-carousel/README.md b/packages/embla-carousel/README.md
index a1f151a82..31b3db22c 100644
--- a/packages/embla-carousel/README.md
+++ b/packages/embla-carousel/README.md
@@ -125,6 +125,8 @@
       
     
       
+    
+      
     
       
     
@@ -141,8 +143,6 @@
       
     
       
-    
-      
     
   
      
 
      
diff --git a/yarn.lock b/yarn.lock
index 6b1acb998..128d9fb80 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8743,6 +8743,27 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"embla-carousel-auto-scroll@workspace:packages/embla-carousel-auto-scroll":
+  version: 0.0.0-use.local
+  resolution: "embla-carousel-auto-scroll@workspace:packages/embla-carousel-auto-scroll"
+  dependencies:
+    "@types/jest": ^29.5.6
+    "@typescript-eslint/eslint-plugin": ^6.9.0
+    "@typescript-eslint/parser": ^6.9.0
+    eslint: ^8.52.0
+    eslint-config-prettier: ^9.0.0
+    eslint-plugin-prettier: ^4.0.0
+    jest: ^29.5.0
+    jest-environment-jsdom: ^29.5.0
+    prettier: 2.8.8
+    rollup: ^4.1.5
+    ts-jest: ^29.1.1
+    typescript: ^5.2.2
+  peerDependencies:
+    embla-carousel: 8.0.0-rc20
+  languageName: unknown
+  linkType: soft
+
 "embla-carousel-autoplay@8.0.0-rc20, embla-carousel-autoplay@workspace:packages/embla-carousel-autoplay":
   version: 0.0.0-use.local
   resolution: "embla-carousel-autoplay@workspace:packages/embla-carousel-autoplay"

From d93b8464f16ab4cf225244a939f9d74ce0f4fa21 Mon Sep 17 00:00:00 2001
From: David Jerleke 
Date: Fri, 26 Jan 2024 10:15:17 +0100
Subject: [PATCH 5/5] 8.0.0-rc21

---
 package.json                                  |  2 +-
 .../embla-carousel-auto-height/package.json   |  4 +-
 .../embla-carousel-auto-scroll/package.json   |  4 +-
 packages/embla-carousel-autoplay/package.json |  4 +-
 .../embla-carousel-class-names/package.json   |  4 +-
 packages/embla-carousel-docs/package.json     | 10 ++--
 packages/embla-carousel-react/package.json    |  6 +--
 .../package.json                              |  4 +-
 packages/embla-carousel-solid/package.json    |  6 +--
 packages/embla-carousel-svelte/package.json   |  6 +--
 packages/embla-carousel-vue/package.json      |  6 +--
 packages/embla-carousel/package.json          |  2 +-
 .../package.json                              |  4 +-
 .../package.json                              |  6 +--
 .../package.json                              |  4 +-
 yarn.lock                                     | 54 +++++++++----------
 16 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/package.json b/package.json
index 82bb90a03..44c50df39 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-monorepo",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "private": true,
   "author": "David Jerleke",
   "description": "A lightweight carousel library with fluid motion and great swipe precision",
diff --git a/packages/embla-carousel-auto-height/package.json b/packages/embla-carousel-auto-height/package.json
index c3c9e4c23..6853f5630 100644
--- a/packages/embla-carousel-auto-height/package.json
+++ b/packages/embla-carousel-auto-height/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-auto-height",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "An auto height plugin for Embla Carousel",
   "repository": {
@@ -59,7 +59,7 @@
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
-    "embla-carousel": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21"
   },
   "exports": {
     "./package.json": "./package.json",
diff --git a/packages/embla-carousel-auto-scroll/package.json b/packages/embla-carousel-auto-scroll/package.json
index d6f26aca9..63970752d 100644
--- a/packages/embla-carousel-auto-scroll/package.json
+++ b/packages/embla-carousel-auto-scroll/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-auto-scroll",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "An auto scroll plugin for Embla Carousel",
   "repository": {
@@ -59,7 +59,7 @@
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
-    "embla-carousel": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21"
   },
   "exports": {
     "./package.json": "./package.json",
diff --git a/packages/embla-carousel-autoplay/package.json b/packages/embla-carousel-autoplay/package.json
index 91e9c6fb0..7426998c8 100644
--- a/packages/embla-carousel-autoplay/package.json
+++ b/packages/embla-carousel-autoplay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-autoplay",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "An autoplay plugin for Embla Carousel",
   "repository": {
@@ -59,7 +59,7 @@
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
-    "embla-carousel": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21"
   },
   "exports": {
     "./package.json": "./package.json",
diff --git a/packages/embla-carousel-class-names/package.json b/packages/embla-carousel-class-names/package.json
index 697ef4f73..98a44700d 100644
--- a/packages/embla-carousel-class-names/package.json
+++ b/packages/embla-carousel-class-names/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-class-names",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "A class name toggle plugin for Embla Carousel",
   "repository": {
@@ -59,7 +59,7 @@
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
-    "embla-carousel": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21"
   },
   "exports": {
     "./package.json": "./package.json",
diff --git a/packages/embla-carousel-docs/package.json b/packages/embla-carousel-docs/package.json
index 4923c24fb..63d0fa9d9 100644
--- a/packages/embla-carousel-docs/package.json
+++ b/packages/embla-carousel-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-docs",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "A lightweight carousel library with fluid motion and great swipe precision",
   "repository": {
@@ -38,10 +38,10 @@
     "@mdx-js/react": "^2.2.1",
     "babel-plugin-styled-components": "^2.0.2",
     "codesandbox": "^2.2.3",
-    "embla-carousel": "8.0.0-rc20",
-    "embla-carousel-autoplay": "8.0.0-rc20",
-    "embla-carousel-class-names": "8.0.0-rc20",
-    "embla-carousel-react": "8.0.0-rc20",
+    "embla-carousel": "8.0.0-rc21",
+    "embla-carousel-autoplay": "8.0.0-rc21",
+    "embla-carousel-class-names": "8.0.0-rc21",
+    "embla-carousel-react": "8.0.0-rc21",
     "focus-trap-react": "^8.10.0",
     "gatsby": "^5.5.0",
     "gatsby-plugin-layout": "^4.4.0",
diff --git a/packages/embla-carousel-react/package.json b/packages/embla-carousel-react/package.json
index 4c2fe5e7f..2ffb4dd1c 100644
--- a/packages/embla-carousel-react/package.json
+++ b/packages/embla-carousel-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-react",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "A lightweight carousel library with fluid motion and great swipe precision",
   "repository": {
@@ -60,8 +60,8 @@
     "typescript": "^5.2.2"
   },
   "dependencies": {
-    "embla-carousel": "8.0.0-rc20",
-    "embla-carousel-reactive-utils": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21",
+    "embla-carousel-reactive-utils": "8.0.0-rc21"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.1 || ^18.0.0"
diff --git a/packages/embla-carousel-reactive-utils/package.json b/packages/embla-carousel-reactive-utils/package.json
index d82731c38..341fc6ef1 100644
--- a/packages/embla-carousel-reactive-utils/package.json
+++ b/packages/embla-carousel-reactive-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-reactive-utils",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "Reactive utilities for Embla Carousel",
   "repository": {
@@ -59,7 +59,7 @@
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
-    "embla-carousel": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21"
   },
   "exports": {
     "./package.json": "./package.json",
diff --git a/packages/embla-carousel-solid/package.json b/packages/embla-carousel-solid/package.json
index aa52b726c..253c4cba1 100644
--- a/packages/embla-carousel-solid/package.json
+++ b/packages/embla-carousel-solid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-solid",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "Liam Martens",
   "description": "A lightweight carousel library with fluid motion and great swipe precision",
   "repository": {
@@ -60,8 +60,8 @@
     "typescript": "^5.2.2"
   },
   "dependencies": {
-    "embla-carousel": "8.0.0-rc20",
-    "embla-carousel-reactive-utils": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21",
+    "embla-carousel-reactive-utils": "8.0.0-rc21"
   },
   "peerDependencies": {
     "solid-js": "^1.0.0"
diff --git a/packages/embla-carousel-svelte/package.json b/packages/embla-carousel-svelte/package.json
index a7a9b60d0..f36bc8f63 100644
--- a/packages/embla-carousel-svelte/package.json
+++ b/packages/embla-carousel-svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-svelte",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "A lightweight carousel library with fluid motion and great swipe precision",
   "repository": {
@@ -60,8 +60,8 @@
     "typescript": "^5.2.2"
   },
   "dependencies": {
-    "embla-carousel": "8.0.0-rc20",
-    "embla-carousel-reactive-utils": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21",
+    "embla-carousel-reactive-utils": "8.0.0-rc21"
   },
   "peerDependencies": {
     "svelte": "^3.49.0 || ^4.0.0"
diff --git a/packages/embla-carousel-vue/package.json b/packages/embla-carousel-vue/package.json
index b9f792634..f662f8cde 100644
--- a/packages/embla-carousel-vue/package.json
+++ b/packages/embla-carousel-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel-vue",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "A lightweight carousel library with fluid motion and great swipe precision",
   "repository": {
@@ -60,8 +60,8 @@
     "vue": "^3.2.37"
   },
   "dependencies": {
-    "embla-carousel": "8.0.0-rc20",
-    "embla-carousel-reactive-utils": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21",
+    "embla-carousel-reactive-utils": "8.0.0-rc21"
   },
   "peerDependencies": {
     "vue": "^3.2.37"
diff --git a/packages/embla-carousel/package.json b/packages/embla-carousel/package.json
index d6c8924e4..70199c9d2 100644
--- a/packages/embla-carousel/package.json
+++ b/packages/embla-carousel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "embla-carousel",
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "author": "David Jerleke",
   "description": "A lightweight carousel library with fluid motion and great swipe precision",
   "repository": {
diff --git a/playgrounds/embla-carousel-playground-react/package.json b/playgrounds/embla-carousel-playground-react/package.json
index eaa805659..3659e3306 100644
--- a/playgrounds/embla-carousel-playground-react/package.json
+++ b/playgrounds/embla-carousel-playground-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "embla-carousel-playground-react",
   "private": true,
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,7 +9,7 @@
     "test": "echo \"Info: no tests specified\" && exit 0"
   },
   "dependencies": {
-    "embla-carousel-react": "8.0.0-rc20",
+    "embla-carousel-react": "8.0.0-rc21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.4.3"
diff --git a/playgrounds/embla-carousel-playground-solid/package.json b/playgrounds/embla-carousel-playground-solid/package.json
index 741b45ceb..5f5bbc369 100644
--- a/playgrounds/embla-carousel-playground-solid/package.json
+++ b/playgrounds/embla-carousel-playground-solid/package.json
@@ -1,7 +1,7 @@
 {
   "name": "embla-carousel-playground-solid",
   "private": true,
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "test": "echo \"Info: no tests specified\" && exit 0"
   },
   "dependencies": {
-    "embla-carousel-autoplay": "8.0.0-rc20",
-    "embla-carousel-solid": "8.0.0-rc20",
+    "embla-carousel-autoplay": "8.0.0-rc21",
+    "embla-carousel-solid": "8.0.0-rc21",
     "solid-js": "^1.8.0"
   },
   "devDependencies": {
diff --git a/playgrounds/embla-carousel-playground-vanilla/package.json b/playgrounds/embla-carousel-playground-vanilla/package.json
index f33e456c6..08380348c 100644
--- a/playgrounds/embla-carousel-playground-vanilla/package.json
+++ b/playgrounds/embla-carousel-playground-vanilla/package.json
@@ -1,7 +1,7 @@
 {
   "name": "embla-carousel-playground-vanilla",
   "private": true,
-  "version": "8.0.0-rc20",
+  "version": "8.0.0-rc21",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,7 +9,7 @@
     "test": "echo \"Info: no tests specified\" && exit 0"
   },
   "dependencies": {
-    "embla-carousel": "8.0.0-rc20"
+    "embla-carousel": "8.0.0-rc21"
   },
   "devDependencies": {
     "typescript": "^4.6.4",
diff --git a/yarn.lock b/yarn.lock
index 128d9fb80..33fcacf90 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8739,7 +8739,7 @@ __metadata:
     ts-jest: ^29.1.1
     typescript: ^5.2.2
   peerDependencies:
-    embla-carousel: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
   languageName: unknown
   linkType: soft
 
@@ -8760,11 +8760,11 @@ __metadata:
     ts-jest: ^29.1.1
     typescript: ^5.2.2
   peerDependencies:
-    embla-carousel: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
   languageName: unknown
   linkType: soft
 
-"embla-carousel-autoplay@8.0.0-rc20, embla-carousel-autoplay@workspace:packages/embla-carousel-autoplay":
+"embla-carousel-autoplay@8.0.0-rc21, embla-carousel-autoplay@workspace:packages/embla-carousel-autoplay":
   version: 0.0.0-use.local
   resolution: "embla-carousel-autoplay@workspace:packages/embla-carousel-autoplay"
   dependencies:
@@ -8781,11 +8781,11 @@ __metadata:
     ts-jest: ^29.1.1
     typescript: ^5.2.2
   peerDependencies:
-    embla-carousel: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
   languageName: unknown
   linkType: soft
 
-"embla-carousel-class-names@8.0.0-rc20, embla-carousel-class-names@workspace:packages/embla-carousel-class-names":
+"embla-carousel-class-names@8.0.0-rc21, embla-carousel-class-names@workspace:packages/embla-carousel-class-names":
   version: 0.0.0-use.local
   resolution: "embla-carousel-class-names@workspace:packages/embla-carousel-class-names"
   dependencies:
@@ -8802,7 +8802,7 @@ __metadata:
     ts-jest: ^29.1.1
     typescript: ^5.2.2
   peerDependencies:
-    embla-carousel: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
   languageName: unknown
   linkType: soft
 
@@ -8825,10 +8825,10 @@ __metadata:
     "@typescript-eslint/parser": ^6.9.0
     babel-plugin-styled-components: ^2.0.2
     codesandbox: ^2.2.3
-    embla-carousel: 8.0.0-rc20
-    embla-carousel-autoplay: 8.0.0-rc20
-    embla-carousel-class-names: 8.0.0-rc20
-    embla-carousel-react: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
+    embla-carousel-autoplay: 8.0.0-rc21
+    embla-carousel-class-names: 8.0.0-rc21
+    embla-carousel-react: 8.0.0-rc21
     eslint: ^8.52.0
     eslint-config-prettier: ^9.0.0
     eslint-plugin-prettier: ^4.0.0
@@ -8888,7 +8888,7 @@ __metadata:
     "@types/react": ^18.0.22
     "@types/react-dom": ^18.0.7
     "@vitejs/plugin-react": ^2.2.0
-    embla-carousel-react: 8.0.0-rc20
+    embla-carousel-react: 8.0.0-rc21
     react: ^18.2.0
     react-dom: ^18.2.0
     react-router-dom: ^6.4.3
@@ -8901,8 +8901,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "embla-carousel-playground-solid@workspace:playgrounds/embla-carousel-playground-solid"
   dependencies:
-    embla-carousel-autoplay: 8.0.0-rc20
-    embla-carousel-solid: 8.0.0-rc20
+    embla-carousel-autoplay: 8.0.0-rc21
+    embla-carousel-solid: 8.0.0-rc21
     solid-js: ^1.8.0
     vite: ^5.0.10
     vite-plugin-solid: ^2.8.0
@@ -8913,13 +8913,13 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "embla-carousel-playground-vanilla@workspace:playgrounds/embla-carousel-playground-vanilla"
   dependencies:
-    embla-carousel: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
     typescript: ^4.6.4
     vite: ^3.2.7
   languageName: unknown
   linkType: soft
 
-"embla-carousel-react@8.0.0-rc20, embla-carousel-react@workspace:packages/embla-carousel-react":
+"embla-carousel-react@8.0.0-rc21, embla-carousel-react@workspace:packages/embla-carousel-react":
   version: 0.0.0-use.local
   resolution: "embla-carousel-react@workspace:packages/embla-carousel-react"
   dependencies:
@@ -8927,8 +8927,8 @@ __metadata:
     "@types/react": ^18.0.8
     "@typescript-eslint/eslint-plugin": ^6.9.0
     "@typescript-eslint/parser": ^6.9.0
-    embla-carousel: 8.0.0-rc20
-    embla-carousel-reactive-utils: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
+    embla-carousel-reactive-utils: 8.0.0-rc21
     eslint: ^8.52.0
     eslint-config-prettier: ^9.0.0
     eslint-plugin-prettier: ^4.0.0
@@ -8943,7 +8943,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"embla-carousel-reactive-utils@8.0.0-rc20, embla-carousel-reactive-utils@workspace:packages/embla-carousel-reactive-utils":
+"embla-carousel-reactive-utils@8.0.0-rc21, embla-carousel-reactive-utils@workspace:packages/embla-carousel-reactive-utils":
   version: 0.0.0-use.local
   resolution: "embla-carousel-reactive-utils@workspace:packages/embla-carousel-reactive-utils"
   dependencies:
@@ -8960,19 +8960,19 @@ __metadata:
     ts-jest: ^29.1.1
     typescript: ^5.2.2
   peerDependencies:
-    embla-carousel: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
   languageName: unknown
   linkType: soft
 
-"embla-carousel-solid@8.0.0-rc20, embla-carousel-solid@workspace:packages/embla-carousel-solid":
+"embla-carousel-solid@8.0.0-rc21, embla-carousel-solid@workspace:packages/embla-carousel-solid":
   version: 0.0.0-use.local
   resolution: "embla-carousel-solid@workspace:packages/embla-carousel-solid"
   dependencies:
     "@types/jest": ^29.5.6
     "@typescript-eslint/eslint-plugin": ^6.9.0
     "@typescript-eslint/parser": ^6.9.0
-    embla-carousel: 8.0.0-rc20
-    embla-carousel-reactive-utils: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
+    embla-carousel-reactive-utils: 8.0.0-rc21
     eslint: ^8.52.0
     eslint-config-prettier: ^9.0.0
     eslint-plugin-prettier: ^4.0.0
@@ -8995,8 +8995,8 @@ __metadata:
     "@types/jest": ^29.5.6
     "@typescript-eslint/eslint-plugin": ^6.9.0
     "@typescript-eslint/parser": ^6.9.0
-    embla-carousel: 8.0.0-rc20
-    embla-carousel-reactive-utils: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
+    embla-carousel-reactive-utils: 8.0.0-rc21
     eslint: ^8.52.0
     eslint-config-prettier: ^9.0.0
     eslint-plugin-prettier: ^4.0.0
@@ -9019,8 +9019,8 @@ __metadata:
     "@types/jest": ^29.5.6
     "@typescript-eslint/eslint-plugin": ^6.9.0
     "@typescript-eslint/parser": ^6.9.0
-    embla-carousel: 8.0.0-rc20
-    embla-carousel-reactive-utils: 8.0.0-rc20
+    embla-carousel: 8.0.0-rc21
+    embla-carousel-reactive-utils: 8.0.0-rc21
     eslint: ^8.52.0
     eslint-config-prettier: ^9.0.0
     eslint-plugin-prettier: ^4.0.0
@@ -9036,7 +9036,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"embla-carousel@8.0.0-rc20, embla-carousel@workspace:packages/embla-carousel":
+"embla-carousel@8.0.0-rc21, embla-carousel@workspace:packages/embla-carousel":
   version: 0.0.0-use.local
   resolution: "embla-carousel@workspace:packages/embla-carousel"
   dependencies: