├── .github ├── DISCUSSION_TEMPLATE │ ├── general.yml │ ├── help.yml │ ├── ideas.yml │ └── show-and-tell.yml ├── FUNDING.yml ├── ISSUE_TEMPLATE │ ├── bug_report.yml │ └── config.yml └── workflows │ ├── cd.yml │ └── ci.yml ├── .gitignore ├── .nvmrc ├── .prettierignore ├── .prettierrc.js ├── .vscode └── settings.json ├── .yarn ├── plugins │ └── @yarnpkg │ │ ├── plugin-version.cjs │ │ └── plugin-workspace-tools.cjs ├── releases │ └── yarn-3.3.1.cjs └── versions │ ├── 0af2a0d3.yml │ ├── 0bd7811c.yml │ ├── 1e5edae8.yml │ ├── 251cf541.yml │ ├── 2a635ccc.yml │ ├── 3952078d.yml │ ├── 45549661.yml │ ├── 51870e43.yml │ ├── 569a2f7a.yml │ ├── 586beeb0.yml │ ├── 58cf4572.yml │ ├── 59e44df5.yml │ ├── 5b191133.yml │ ├── 65857b3e.yml │ ├── 662cd85b.yml │ ├── 69e7ac83.yml │ ├── 75399163.yml │ ├── 7f979696.yml │ ├── 87c24026.yml │ ├── 88c6cbbd.yml │ ├── 89a2d984.yml │ ├── 96c35dcb.yml │ ├── 9bf93601.yml │ ├── a2d18e41.yml │ ├── a413bb3f.yml │ ├── b3177c83.yml │ ├── b65db364.yml │ ├── c2f0cc57.yml │ ├── c47aaa70.yml │ ├── c6892878.yml │ ├── ca671323.yml │ ├── d0db4302.yml │ ├── d6484322.yml │ ├── d7a96381.yml │ ├── d8b7a6fc.yml │ ├── de5a97e2.yml │ ├── e62f0d6e.yml │ ├── f3c19904.yml │ ├── f69ca1f8.yml │ ├── f6bfd11e.yml │ └── fbe4f9a6.yml ├── .yarnrc.yml ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── docs ├── 404 │ └── index.html ├── .nojekyll ├── 1128-994c5eaaaaf1ad979cb0.js ├── 1128-994c5eaaaaf1ad979cb0.js.map ├── 1288-0ffb5fa2c43a81347539.js ├── 1288-0ffb5fa2c43a81347539.js.map ├── 132ee8da-f81c2bc4503096c9a7b0.js ├── 132ee8da-f81c2bc4503096c9a7b0.js.map ├── 1353-d3bbfb89b0203914df40.js ├── 1353-d3bbfb89b0203914df40.js.map ├── 1485-14be7f107adeaf4e8bca.js ├── 1485-14be7f107adeaf4e8bca.js.map ├── 1618-7b4a00f39bd6ebb745b3.js ├── 1618-7b4a00f39bd6ebb745b3.js.map ├── 1650-dc4574de092ff552aa43.js ├── 1650-dc4574de092ff552aa43.js.map ├── 1797-da08d4cb3423975e8aa6.js ├── 1797-da08d4cb3423975e8aa6.js.map ├── 1852-6a279bcd8c09ec3fcbad.js ├── 1852-6a279bcd8c09ec3fcbad.js.map ├── 1897-55f211c3b5a62078e735.js ├── 1897-55f211c3b5a62078e735.js.map ├── 1905-e1d22eac1c5e93f7c1be.js ├── 1905-e1d22eac1c5e93f7c1be.js.map ├── 1920-d230486bd12a9ab5c794.js ├── 1920-d230486bd12a9ab5c794.js.map ├── 221-c8e36aa5fa3344f5b0d4.js ├── 221-c8e36aa5fa3344f5b0d4.js.map ├── 2260-750e37050dec8675435e.js ├── 2260-750e37050dec8675435e.js.map ├── 2350-dd29d887f426da6fe531.js ├── 2350-dd29d887f426da6fe531.js.map ├── 2443-974886221dafde665acd.js ├── 2443-974886221dafde665acd.js.map ├── 2548-963b04a5afab0798c8a0.js ├── 2548-963b04a5afab0798c8a0.js.map ├── 2682-ea2dd26c33112f5be706.js ├── 2682-ea2dd26c33112f5be706.js.map ├── 2709-aa070c664593b9faceb0.js ├── 2709-aa070c664593b9faceb0.js.map ├── 2875-434bf5ebd6a0970cc4d5.js ├── 2875-434bf5ebd6a0970cc4d5.js.map ├── 2885-05b138f520966e510c82.js ├── 2885-05b138f520966e510c82.js.map ├── 2900-e240e5fd56030fc9c01e.js ├── 2900-e240e5fd56030fc9c01e.js.map ├── 2c8f1d14031690b3a7c730295b2f775c68c4b349-62ae881124b3d5032892.js ├── 2c8f1d14031690b3a7c730295b2f775c68c4b349-62ae881124b3d5032892.js.map ├── 3146-1e5d79354c37b26e107f.js ├── 3146-1e5d79354c37b26e107f.js.map ├── 3165-08b551db385c3e4eb000.js ├── 3165-08b551db385c3e4eb000.js.map ├── 3325-b2fa330e66b01bce1e51.js ├── 3325-b2fa330e66b01bce1e51.js.map ├── 334-69b96c55a009185d999b.js ├── 334-69b96c55a009185d999b.js.map ├── 3348-d6982164b17a47df6bd0.js ├── 3348-d6982164b17a47df6bd0.js.map ├── 3376-f41dc652fe02408f9140.js ├── 3376-f41dc652fe02408f9140.js.map ├── 3400-b471c85145e3bc0797ce.js ├── 3400-b471c85145e3bc0797ce.js.map ├── 3405-96f937666d32f9880e3f.js ├── 3405-96f937666d32f9880e3f.js.map ├── 3590-561a6230997baac69cb1.js ├── 3590-561a6230997baac69cb1.js.map ├── 3602-6899eb013510c1e58919.js ├── 3602-6899eb013510c1e58919.js.map ├── 3615-663e987358a55b05c92d.js ├── 3615-663e987358a55b05c92d.js.map ├── 3676-4ca4fdd6362d73858a68.js ├── 3676-4ca4fdd6362d73858a68.js.map ├── 3734-ebf7d8d603eecc4c6bf3.js ├── 3734-ebf7d8d603eecc4c6bf3.js.map ├── 374-2d39dd5e6f4e4910e85e.js ├── 374-2d39dd5e6f4e4910e85e.js.map ├── 3862-5f4fa4829b21a4f839ea.js ├── 3862-5f4fa4829b21a4f839ea.js.map ├── 3878-804089a07e445489906f.js ├── 3878-804089a07e445489906f.js.map ├── 3975-e7e0bdcf76d6240b4427.js ├── 3975-e7e0bdcf76d6240b4427.js.map ├── 4032-e6e42b71e4402ae0d527.js ├── 4032-e6e42b71e4402ae0d527.js.map ├── 404.html ├── 4265-9c884471053e1758f97f.js ├── 4265-9c884471053e1758f97f.js.map ├── 4439-a2529b9fefd0b75af9b9.js ├── 4439-a2529b9fefd0b75af9b9.js.map ├── 4596-eedf9907db475ae1bd90.js ├── 4596-eedf9907db475ae1bd90.js.map ├── 460-a8726037bdab74556b50.js ├── 460-a8726037bdab74556b50.js.map ├── 4618-c4ee6390e90fb2942f64.js ├── 4618-c4ee6390e90fb2942f64.js.map ├── 4720-7085d4d581309522797e.js ├── 4720-7085d4d581309522797e.js.map ├── 4776-fb13ce15ee6458c29a9e.js ├── 4776-fb13ce15ee6458c29a9e.js.map ├── 4824-0712f00ee1580ae5cc75.js ├── 4824-0712f00ee1580ae5cc75.js.map ├── 4910-d56f7a12dd0dfb545cb2.js ├── 4910-d56f7a12dd0dfb545cb2.js.map ├── 4913-1baf4efc403dffa5e400.js ├── 4913-1baf4efc403dffa5e400.js.map ├── 4987-9de5794796e2ddf9a42a.js ├── 4987-9de5794796e2ddf9a42a.js.map ├── 5029-465f0d86594ce0dfeb53.js ├── 5029-465f0d86594ce0dfeb53.js.map ├── 5207-8aabd340fa230756fb59.js ├── 5207-8aabd340fa230756fb59.js.map ├── 5223-50005a3ac0f6f5b22cfc.js ├── 5223-50005a3ac0f6f5b22cfc.js.map ├── 5259-e5dce0f0f85366f97351.js ├── 5259-e5dce0f0f85366f97351.js.map ├── 5266-d70de5f6cb4f549b1881.js ├── 5266-d70de5f6cb4f549b1881.js.map ├── 5350-856687902ef2b9ae10d0.js ├── 5350-856687902ef2b9ae10d0.js.map ├── 5404-caef99600e4a0ba32426.js ├── 5404-caef99600e4a0ba32426.js.map ├── 5555-7271b7d079a01b9fe9ba.js ├── 5555-7271b7d079a01b9fe9ba.js.map ├── 5566-b98f4dba236aeb3d06ad.js ├── 5566-b98f4dba236aeb3d06ad.js.map ├── 5743-bf95f05c37cd37c70843.js ├── 5743-bf95f05c37cd37c70843.js.map ├── 5804-f9fc78cd0da86c264a68.js ├── 5804-f9fc78cd0da86c264a68.js.map ├── 6-ca2724c71a0af4a1b015.js ├── 6-ca2724c71a0af4a1b015.js.map ├── 6013-c4aab2318461e798c029.js ├── 6013-c4aab2318461e798c029.js.map ├── 6040-e6e5580fb5e9c032e17c.js ├── 6040-e6e5580fb5e9c032e17c.js.map ├── 6065-5a24dafc62a7ea40a930.js ├── 6065-5a24dafc62a7ea40a930.js.map ├── 6128-946b42f660524aa49cc9.js ├── 6128-946b42f660524aa49cc9.js.map ├── 6158-0e2e4d795ae24509314c.js ├── 6158-0e2e4d795ae24509314c.js.map ├── 6200-a406c40f4f3772833445.js ├── 6200-a406c40f4f3772833445.js.map ├── 6237-ee78ee323ae2c437adcb.js ├── 6237-ee78ee323ae2c437adcb.js.map ├── 6429-db322a6157097f435f5e.js ├── 6429-db322a6157097f435f5e.js.map ├── 6458-f2ffa797135f74c8165a.js ├── 6458-f2ffa797135f74c8165a.js.map ├── 6518-21fd106dfeaad4ea8075.js ├── 6518-21fd106dfeaad4ea8075.js.map ├── 6651-b61541cbd5c6774abeab.js ├── 6651-b61541cbd5c6774abeab.js.map ├── 6652-d87a23da2177c550ab37.js ├── 6652-d87a23da2177c550ab37.js.map ├── 6676-cc577934eed049d804f1.js ├── 6676-cc577934eed049d804f1.js.map ├── 6677-bc6fe55a6d9083c652ca.js ├── 6677-bc6fe55a6d9083c652ca.js.map ├── 6786-94cbd00990fa50aa21fa.js ├── 6786-94cbd00990fa50aa21fa.js.map ├── 679-08d3690d752eb037b615.js ├── 679-08d3690d752eb037b615.js.map ├── 6807-18e4a1d7ab88aa1d1adb.js ├── 6807-18e4a1d7ab88aa1d1adb.js.map ├── 6825-9d383f8c992c679855d6.js ├── 6825-9d383f8c992c679855d6.js.map ├── 6827-9a6c8b6d603b8e8ffb08.js ├── 6827-9a6c8b6d603b8e8ffb08.js.map ├── 6831-5e49e00e88ba8e818ea4.js ├── 6831-5e49e00e88ba8e818ea4.js.map ├── 6841-1f4eee67ed72cc843c11.js ├── 6841-1f4eee67ed72cc843c11.js.map ├── 6958-ef64b984af5f628276a8.js ├── 6958-ef64b984af5f628276a8.js.map ├── 7032-33c5e4e578ccf896452a.js ├── 7032-33c5e4e578ccf896452a.js.map ├── 711-cce2697a210f1cfb5e33.js ├── 711-cce2697a210f1cfb5e33.js.map ├── 7142-83933e9a195ad169efc5.js ├── 7142-83933e9a195ad169efc5.js.map ├── 7159-b09d90252dca2d591583.js ├── 7159-b09d90252dca2d591583.js.map ├── 7190-8a79be70bd395366a7ce.js ├── 7190-8a79be70bd395366a7ce.js.map ├── 72-26c1f4d996164600a30a.js ├── 72-26c1f4d996164600a30a.js.map ├── 7238-36bea420d7194f434881.js ├── 7238-36bea420d7194f434881.js.map ├── 7265-2562c0dcb97951641bdf.js ├── 7265-2562c0dcb97951641bdf.js.map ├── 7340-64bf23f2ea901759303e.js ├── 7340-64bf23f2ea901759303e.js.map ├── 7387-a2e14000d29843f6b859.js ├── 7387-a2e14000d29843f6b859.js.map ├── 7419-caa08cf081d8369a8373.js ├── 7419-caa08cf081d8369a8373.js.map ├── 7632-78bcbfd2909c03e6b99c.js ├── 7632-78bcbfd2909c03e6b99c.js.map ├── 7673-ee78455cb2002413210b.js ├── 7673-ee78455cb2002413210b.js.map ├── 7700-a7feeb2e3412beb49421.js ├── 7700-a7feeb2e3412beb49421.js.map ├── 7703-ec247c0012cf63474190.js ├── 7703-ec247c0012cf63474190.js.map ├── 7787-797d12e9f189d4c6493f.js ├── 7787-797d12e9f189d4c6493f.js.map ├── 7862-c7c574f961509d2dcb31.js ├── 7862-c7c574f961509d2dcb31.js.map ├── 7892-5c3872f0a76648b3abbe.js ├── 7892-5c3872f0a76648b3abbe.js.map ├── 7e91b273-eb6951eab28456a81f2d.js ├── 7e91b273-eb6951eab28456a81f2d.js.map ├── 8071-b7f1d16424f6921a64e7.js ├── 8071-b7f1d16424f6921a64e7.js.map ├── 8183-f6d91c111c3ec1235e7f.js ├── 8183-f6d91c111c3ec1235e7f.js.map ├── 8193-89f1179fe7eeda0518fb.js ├── 8193-89f1179fe7eeda0518fb.js.map ├── 8269-5feff4faa8453e0c5c3a.js ├── 8269-5feff4faa8453e0c5c3a.js.map ├── 83-5edfeb25d4ae7913acfd.js ├── 83-5edfeb25d4ae7913acfd.js.map ├── 8329-7222c3e39bd9b1f4ee75.js ├── 8329-7222c3e39bd9b1f4ee75.js.map ├── 8378-878b3fd0b14af8ce2686.js ├── 8378-878b3fd0b14af8ce2686.js.map ├── 8591-2a4c7c21e763a270e997.js ├── 8591-2a4c7c21e763a270e997.js.map ├── 8683-250dcbec37238493bb7b.js ├── 8683-250dcbec37238493bb7b.js.map ├── 8692-ceb9f87d0349aa7f31ef.js ├── 8692-ceb9f87d0349aa7f31ef.js.map ├── 8728-c906d0ee9ed3a668d565.js ├── 8728-c906d0ee9ed3a668d565.js.map ├── 8778-55c32c4508b65415d8ef.js ├── 8778-55c32c4508b65415d8ef.js.map ├── 8794-3985fe490c5eb11ebe74.js ├── 8794-3985fe490c5eb11ebe74.js.map ├── 8804-5eb09b2532ec2b4e3f35.js ├── 8804-5eb09b2532ec2b4e3f35.js.map ├── 8855-2b988844909c55d3c798.js ├── 8855-2b988844909c55d3c798.js.map ├── 8898-b4eddc5ee66f1641153a.js ├── 8898-b4eddc5ee66f1641153a.js.map ├── 893-eeb80aee3faf31d15cc6.js ├── 893-eeb80aee3faf31d15cc6.js.map ├── 8939-7ca3caf286688a4c1de6.js ├── 8939-7ca3caf286688a4c1de6.js.map ├── 8950-acc24ff3f78dcb0c2a8a.js ├── 8950-acc24ff3f78dcb0c2a8a.js.map ├── 9105-c26db1ff3f23b678e78a.js ├── 9105-c26db1ff3f23b678e78a.js.map ├── 9122-32edb39e8b2351bf7963.js ├── 9122-32edb39e8b2351bf7963.js.map ├── 9157-e4388fa70f49d167d786.js ├── 9157-e4388fa70f49d167d786.js.map ├── 9178-9757ae7ec25975fd8c0f.js ├── 9178-9757ae7ec25975fd8c0f.js.map ├── 9290-4664ed0f18842b126a93.js ├── 9290-4664ed0f18842b126a93.js.map ├── 9360-1644323bfd3c40b1f4a0.js ├── 9360-1644323bfd3c40b1f4a0.js.map ├── 9361-1d973847d7f462959ed0.js ├── 9361-1d973847d7f462959ed0.js.map ├── 9377-928ca4c5f51167e97caf.js ├── 9377-928ca4c5f51167e97caf.js.map ├── 9421-c347c4fd356ce2e90e59.js ├── 9421-c347c4fd356ce2e90e59.js.map ├── 9474-8a0408d760d9019f1aad.js ├── 9474-8a0408d760d9019f1aad.js.map ├── 95da5ec31316267b433b7b2e2bbaca0a1c0b9c0a-017fd6f341072b88a135.js ├── 95da5ec31316267b433b7b2e2bbaca0a1c0b9c0a-017fd6f341072b88a135.js.map ├── 9844-c1e8215ce98e2c62810b.js ├── 9844-c1e8215ce98e2c62810b.js.map ├── CNAME ├── _gatsby │ └── slices │ │ └── _gatsby-scripts-1.html ├── angular-logo.svg ├── api │ ├── events │ │ └── index.html │ ├── index.html │ ├── methods │ │ └── index.html │ ├── options │ │ └── index.html │ └── plugins │ │ └── index.html ├── app-94bfc35715bf02e4de1c.js ├── app-94bfc35715bf02e4de1c.js.LICENSE.txt ├── app-94bfc35715bf02e4de1c.js.map ├── apple-touch-icon.png ├── b39e4a2e6aee6d0387bae6e06fda13164eac1ca8-672fd78c16cfef272d79.js ├── b39e4a2e6aee6d0387bae6e06fda13164eac1ca8-672fd78c16cfef272d79.js.LICENSE.txt ├── b39e4a2e6aee6d0387bae6e06fda13164eac1ca8-672fd78c16cfef272d79.js.map ├── browserstack-logo.svg ├── c4ec0132-bb4d4b18041ec0bafcb5.js ├── c4ec0132-bb4d4b18041ec0bafcb5.js.map ├── cd62f0220bddf0c3dfe5385aed851128575279cb-5902ad16c10f45108fbf.js ├── cd62f0220bddf0c3dfe5385aed851128575279cb-5902ad16c10f45108fbf.js.map ├── chunk-map.json ├── commons-d24640b863d52a02fd98.js ├── commons-d24640b863d52a02fd98.js.LICENSE.txt ├── commons-d24640b863d52a02fd98.js.map ├── component---src-templates-404-tsx-content-file-path-src-content-pages-404-md-d075a5176048fe2bf5a7.js ├── component---src-templates-404-tsx-content-file-path-src-content-pages-404-md-d075a5176048fe2bf5a7.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-events-mdx-30463c48f98c5c8c9599.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-events-mdx-30463c48f98c5c8c9599.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-index-mdx-976d158708f5577a3510.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-index-mdx-976d158708f5577a3510.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-methods-mdx-a752f7a61304b39771dd.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-methods-mdx-a752f7a61304b39771dd.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-options-mdx-80d2e1dc2e8f244b3d6a.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-options-mdx-80d2e1dc2e8f244b3d6a.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-plugins-mdx-e514241f9c6eca756891.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-api-plugins-mdx-e514241f9c6eca756891.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-examples-index-mdx-06f0ea6d9148840d009f.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-examples-index-mdx-06f0ea6d9148840d009f.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-examples-predefined-mdx-ec9dce04ae7b9f123a54.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-examples-predefined-mdx-ec9dce04ae7b9f123a54.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-cdn-mdx-80540590adeb408bcfe2.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-cdn-mdx-80540590adeb408bcfe2.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-index-mdx-11d5b4b88f3178d7cfe7.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-index-mdx-11d5b4b88f3178d7cfe7.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-module-mdx-98c3966425dc6c8dd94a.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-module-mdx-98c3966425dc6c8dd94a.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-react-mdx-fd8a7988f080037f7746.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-react-mdx-fd8a7988f080037f7746.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-solid-mdx-2aa84c64f58c366becd2.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-solid-mdx-2aa84c64f58c366becd2.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-svelte-mdx-a6a6bf587e5bfc515e50.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-svelte-mdx-a6a6bf587e5bfc515e50.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-vue-mdx-abe08626b87df02a9c82.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-get-started-vue-mdx-abe08626b87df02a9c82.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-breakpoints-md-53ccac1d516cc4de92f2.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-breakpoints-md-53ccac1d516cc4de92f2.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-index-mdx-1eef666abdd00ae4156b.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-index-mdx-1eef666abdd00ae4156b.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-previous-and-next-buttons-md-0b2abf6f81f702925eb1.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-previous-and-next-buttons-md-0b2abf6f81f702925eb1.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-slide-container-md-d724ea35f45c807cb28f.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-slide-container-md-d724ea35f45c807cb28f.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-slide-gaps-md-589e9407481f196b00fd.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-slide-gaps-md-589e9407481f196b00fd.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-slide-sizes-md-b1a722b4488dfeccc8a4.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-guides-slide-sizes-md-b1a722b4488dfeccc8a4.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-auto-height-mdx-f83d13bbe5cdff942b9c.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-auto-height-mdx-f83d13bbe5cdff942b9c.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-auto-scroll-mdx-7ef83f31b095fe4d4279.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-auto-scroll-mdx-7ef83f31b095fe4d4279.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-autoplay-mdx-0d9f38519a549fe41a11.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-autoplay-mdx-0d9f38519a549fe41a11.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-class-names-mdx-30aeb3f4db5e58934ba1.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-class-names-mdx-30aeb3f4db5e58934ba1.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-fade-mdx-4b14c02f477ed0d48cbc.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-fade-mdx-4b14c02f477ed0d48cbc.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-index-mdx-b4a2cee573f7407eb76a.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-index-mdx-b4a2cee573f7407eb76a.js.map ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-wheel-gestures-mdx-f03f088a14c47d7110be.js ├── component---src-templates-default-tsx-content-file-path-src-content-pages-plugins-wheel-gestures-mdx-f03f088a14c47d7110be.js.map ├── component---src-templates-generator-tsx-content-file-path-src-content-pages-examples-generator-mdx-0a34bca29e8d591166dc.js ├── component---src-templates-generator-tsx-content-file-path-src-content-pages-examples-generator-mdx-0a34bca29e8d591166dc.js.map ├── component---src-templates-home-tsx-content-file-path-src-content-pages-index-md-96e9f9e19407e1639d2f.js ├── component---src-templates-home-tsx-content-file-path-src-content-pages-index-md-96e9f9e19407e1639d2f.js.map ├── embla-logo.svg ├── examples │ ├── generator │ │ └── index.html │ ├── index.html │ └── predefined │ │ └── index.html ├── favicon-192x192.png ├── favicon-32x32.png ├── favicon-512x512.png ├── favicon.svg ├── framework-3ccdb2e8d48ba5dee700.js ├── framework-3ccdb2e8d48ba5dee700.js.LICENSE.txt ├── framework-3ccdb2e8d48ba5dee700.js.map ├── get-started │ ├── cdn │ │ └── index.html │ ├── index.html │ ├── module │ │ └── index.html │ ├── react │ │ └── index.html │ ├── solid │ │ └── index.html │ ├── svelte │ │ └── index.html │ └── vue │ │ └── index.html ├── guides │ ├── breakpoints │ │ └── index.html │ ├── index.html │ ├── previous-and-next-buttons │ │ └── index.html │ ├── slide-container │ │ └── index.html │ ├── slide-gaps │ │ └── index.html │ └── slide-sizes │ │ └── index.html ├── index.html ├── javascript-logo.svg ├── manifest.webmanifest ├── page-data │ ├── 404 │ │ └── page-data.json │ ├── 404.html │ │ └── page-data.json │ ├── api │ │ ├── events │ │ │ └── page-data.json │ │ ├── methods │ │ │ └── page-data.json │ │ ├── options │ │ │ └── page-data.json │ │ ├── page-data.json │ │ └── plugins │ │ │ └── page-data.json │ ├── app-data.json │ ├── examples │ │ ├── generator │ │ │ └── page-data.json │ │ ├── page-data.json │ │ └── predefined │ │ │ └── page-data.json │ ├── get-started │ │ ├── cdn │ │ │ └── page-data.json │ │ ├── module │ │ │ └── page-data.json │ │ ├── page-data.json │ │ ├── react │ │ │ └── page-data.json │ │ ├── solid │ │ │ └── page-data.json │ │ ├── svelte │ │ │ └── page-data.json │ │ └── vue │ │ │ └── page-data.json │ ├── guides │ │ ├── breakpoints │ │ │ └── page-data.json │ │ ├── page-data.json │ │ ├── previous-and-next-buttons │ │ │ └── page-data.json │ │ ├── slide-container │ │ │ └── page-data.json │ │ ├── slide-gaps │ │ │ └── page-data.json │ │ └── slide-sizes │ │ │ └── page-data.json │ ├── index │ │ └── page-data.json │ ├── plugins │ │ ├── auto-height │ │ │ └── page-data.json │ │ ├── auto-scroll │ │ │ └── page-data.json │ │ ├── autoplay │ │ │ └── page-data.json │ │ ├── class-names │ │ │ └── page-data.json │ │ ├── fade │ │ │ └── page-data.json │ │ ├── page-data.json │ │ └── wheel-gestures │ │ │ └── page-data.json │ └── sq │ │ └── d │ │ ├── 388772440.json │ │ └── 4025401718.json ├── plugins │ ├── auto-height │ │ └── index.html │ ├── auto-scroll │ │ └── index.html │ ├── autoplay │ │ └── index.html │ ├── class-names │ │ └── index.html │ ├── fade │ │ └── index.html │ ├── index.html │ └── wheel-gestures │ │ └── index.html ├── react-logo.svg ├── share-image.png ├── share-image.svg ├── sitemap-0.xml ├── sitemap-index.xml ├── solid-logo.svg ├── static │ ├── Inter-roman.var-ba4caefcdf5b36b438db92786991c845.woff2 │ ├── embla-logo-dark-theme-blur-dd6671f5992e7089fd82e1f04db7370e.svg │ ├── embla-logo-dark-theme-e0355b1aed42f0a57637d8d8e6c28cda.svg │ ├── embla-logo-light-theme-998e60170b41826ce3f4599ac9a68335.svg │ ├── embla-logo-light-theme-blur-db7093b8d7d20cb8c2429e3f6e05156a.svg │ ├── maskable-36b9e327abc26d5d02e9350d184a058f.png │ ├── slide-1-47ed6052f4455272d8f76db16447d760.jpg │ ├── slide-2-dc15cfe63eb4aeb8c9c09823179ee64c.jpg │ ├── slide-3-6362505742d23d7cd240880140151a95.jpg │ ├── slide-4-ebad84cfea5ff9481504ded363c22003.jpg │ └── slide-5-2d88e98502aa565d6269834d7a7be406.jpg ├── svelte-logo.svg ├── typescript-logo.svg ├── vue-logo.svg ├── webpack-runtime-3929eae9a0077307373c.js ├── webpack-runtime-3929eae9a0077307373c.js.map ├── webpack.stats.json └── ~partytown │ ├── debug │ ├── partytown-atomics.js │ ├── partytown-media.js │ ├── partytown-sandbox-sw.js │ ├── partytown-sw.js │ ├── partytown-ww-atomics.js │ ├── partytown-ww-sw.js │ └── partytown.js │ ├── partytown-atomics.js │ ├── partytown-media.js │ ├── partytown-sw.js │ └── partytown.js ├── package.json ├── packages ├── embla-carousel-auto-height │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── components │ │ │ ├── AutoHeight.ts │ │ │ └── Options.ts │ │ └── index.ts │ └── tsconfig.json ├── embla-carousel-auto-scroll │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── components │ │ │ ├── AutoScroll.ts │ │ │ ├── Options.ts │ │ │ └── utils.ts │ │ └── index.ts │ └── tsconfig.json ├── embla-carousel-autoplay │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── components │ │ │ ├── Autoplay.ts │ │ │ ├── Options.ts │ │ │ └── utils.ts │ │ └── index.ts │ └── tsconfig.json ├── embla-carousel-class-names │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── components │ │ │ ├── ClassNames.ts │ │ │ ├── Options.ts │ │ │ └── utils.ts │ │ └── index.ts │ └── tsconfig.json ├── embla-carousel-docs │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── gatsby-browser.ts │ ├── gatsby-config.ts │ ├── gatsby-node.js │ ├── gatsby-node.ts │ ├── gatsby-ssr.tsx │ ├── package.json │ ├── src │ │ ├── assets │ │ │ ├── fonts │ │ │ │ ├── Inter-italic.var.woff2 │ │ │ │ ├── Inter-roman.var.woff2 │ │ │ │ ├── inter-italic-var-base64.ts │ │ │ │ └── inter-roman-var-base64.ts │ │ │ ├── icons │ │ │ │ ├── arrow-left.svg │ │ │ │ ├── arrow-right.svg │ │ │ │ ├── chevron-down.svg │ │ │ │ ├── chevron-left.svg │ │ │ │ ├── chevron-right.svg │ │ │ │ ├── chevron-up.svg │ │ │ │ ├── cross.svg │ │ │ │ ├── danger.svg │ │ │ │ ├── embla-logo-dark-theme-blur.svg │ │ │ │ ├── embla-logo-dark-theme.svg │ │ │ │ ├── embla-logo-light-theme-blur.svg │ │ │ │ ├── embla-logo-light-theme.svg │ │ │ │ ├── expand.svg │ │ │ │ ├── github-logo.svg │ │ │ │ ├── heart-outlined.svg │ │ │ │ ├── index.ts │ │ │ │ ├── info.svg │ │ │ │ ├── javascript-logo.svg │ │ │ │ ├── moon.svg │ │ │ │ ├── npm-logo.svg │ │ │ │ ├── pen.svg │ │ │ │ ├── react-logo.svg │ │ │ │ ├── search.svg │ │ │ │ ├── shrink.svg │ │ │ │ ├── solid-logo.svg │ │ │ │ ├── sun.svg │ │ │ │ ├── typescript-logo.svg │ │ │ │ └── warning.svg │ │ │ └── images │ │ │ │ ├── embla-logo-dark-theme-blur.svg │ │ │ │ ├── embla-logo-dark-theme.svg │ │ │ │ ├── embla-logo-light-theme-blur.svg │ │ │ │ ├── embla-logo-light-theme.svg │ │ │ │ ├── favicon.ico │ │ │ │ ├── favicon.svg │ │ │ │ ├── maskable.png │ │ │ │ ├── maskable.svg │ │ │ │ ├── share-image.jpg │ │ │ │ ├── share-image.svg │ │ │ │ ├── slide-1.jpg │ │ │ │ ├── slide-2.jpg │ │ │ │ ├── slide-3.jpg │ │ │ │ ├── slide-4.jpg │ │ │ │ └── slide-5.jpg │ │ ├── components │ │ │ ├── Button │ │ │ │ ├── ButtonBare.tsx │ │ │ │ ├── ButtonPrimaryFilled.tsx │ │ │ │ ├── ButtonPrimaryOutlined.tsx │ │ │ │ └── createButtonWithLoading.tsx │ │ │ ├── CarouselGenerator │ │ │ │ ├── CarouselGeneratorAlignmentSettings.tsx │ │ │ │ ├── CarouselGeneratorBasicSettings.tsx │ │ │ │ ├── CarouselGeneratorCarousel.tsx │ │ │ │ ├── CarouselGeneratorContext.tsx │ │ │ │ ├── CarouselGeneratorForm.tsx │ │ │ │ ├── CarouselGeneratorFormItems.tsx │ │ │ │ ├── CarouselGeneratorFrameworkSettings.tsx │ │ │ │ ├── CarouselGeneratorNavigationSettings.tsx │ │ │ │ ├── CarouselGeneratorPlugins.tsx │ │ │ │ ├── CarouselGeneratorPreview.tsx │ │ │ │ ├── CarouselGeneratorSlidesSettings.tsx │ │ │ │ └── CarouselGeneratorSubmit.tsx │ │ │ ├── Examples │ │ │ │ ├── Basic │ │ │ │ │ ├── Align.tsx │ │ │ │ │ ├── Default.tsx │ │ │ │ │ ├── DragFree.tsx │ │ │ │ │ ├── Loop.tsx │ │ │ │ │ ├── RightToLeft.tsx │ │ │ │ │ ├── SlidesPerView.tsx │ │ │ │ │ ├── SlidesToScroll.tsx │ │ │ │ │ ├── Thumbs.tsx │ │ │ │ │ ├── VariableWidths.tsx │ │ │ │ │ └── YAxis.tsx │ │ │ │ ├── Miscellaneous │ │ │ │ │ ├── InfiniteScroll.tsx │ │ │ │ │ ├── IosPicker.tsx │ │ │ │ │ ├── LazyLoad.tsx │ │ │ │ │ └── Progress.tsx │ │ │ │ ├── Plugins │ │ │ │ │ ├── AutoHeight.tsx │ │ │ │ │ ├── AutoScroll.tsx │ │ │ │ │ ├── Autoplay.tsx │ │ │ │ │ ├── ClassNames.tsx │ │ │ │ │ └── Fade.tsx │ │ │ │ ├── Tween │ │ │ │ │ ├── Opacity.tsx │ │ │ │ │ ├── Parallax.tsx │ │ │ │ │ └── Scale.tsx │ │ │ │ ├── examplesCarouselStyles.ts │ │ │ │ └── examplesWrapperStyles.ts │ │ │ ├── Footer │ │ │ │ ├── Footer.tsx │ │ │ │ └── FooterLinks.tsx │ │ │ ├── Header │ │ │ │ ├── Header.tsx │ │ │ │ ├── HeaderActions.tsx │ │ │ │ └── HeaderLogo.tsx │ │ │ ├── Hero │ │ │ │ ├── Hero.tsx │ │ │ │ ├── HeroBrand.tsx │ │ │ │ └── HeroUsps.tsx │ │ │ ├── Icon │ │ │ │ ├── Icon.tsx │ │ │ │ └── IconWithText.tsx │ │ │ ├── Input │ │ │ │ ├── InputCheckbox.tsx │ │ │ │ ├── InputRadio.tsx │ │ │ │ ├── InputText.tsx │ │ │ │ ├── createRadioOrCheckboxCard.tsx │ │ │ │ └── createRadioOrCheckboxDefault.tsx │ │ │ ├── KeyEvents │ │ │ │ ├── KeyEventsInit.tsx │ │ │ │ ├── KeyEventsSkipToContent.tsx │ │ │ │ └── keyEventsReducer.ts │ │ │ ├── Layout │ │ │ │ ├── GlobalStyles │ │ │ │ │ ├── GlobalStyles.ts │ │ │ │ │ ├── base.ts │ │ │ │ │ ├── font.ts │ │ │ │ │ ├── reset.ts │ │ │ │ │ └── theme.ts │ │ │ │ ├── Layout.tsx │ │ │ │ └── index.ts │ │ │ ├── Link │ │ │ │ ├── LinkBare.tsx │ │ │ │ ├── LinkButton.tsx │ │ │ │ ├── LinkCard.tsx │ │ │ │ ├── LinkContent.tsx │ │ │ │ └── LinkNavigation.tsx │ │ │ ├── LoadSpinner │ │ │ │ ├── LoadSpinner.tsx │ │ │ │ ├── LoadSpinnerSuspense.tsx │ │ │ │ ├── LoadSpinnerSuspenseTrigger.tsx │ │ │ │ └── LoadSpinnerWithSuspense.tsx │ │ │ ├── Mdx │ │ │ │ ├── Components │ │ │ │ │ ├── Admonition.tsx │ │ │ │ │ ├── Blockquote.tsx │ │ │ │ │ ├── Code.tsx │ │ │ │ │ ├── ColoredText.tsx │ │ │ │ │ ├── H1.tsx │ │ │ │ │ ├── Hr.tsx │ │ │ │ │ ├── Link.tsx │ │ │ │ │ ├── PageChildLinks.tsx │ │ │ │ │ ├── Pre.tsx │ │ │ │ │ ├── PrismSyntaxFrame.tsx │ │ │ │ │ ├── PrismSyntaxHighlight.tsx │ │ │ │ │ └── RepositoryLink.tsx │ │ │ │ ├── Mdx.tsx │ │ │ │ └── Styles │ │ │ │ │ ├── code.ts │ │ │ │ │ ├── heading.ts │ │ │ │ │ ├── index.ts │ │ │ │ │ └── list.ts │ │ │ ├── Modal │ │ │ │ ├── ModalPortal.tsx │ │ │ │ └── modalReducer.ts │ │ │ ├── Page │ │ │ │ ├── PageBreadcrumbs.tsx │ │ │ │ ├── PageEditThisPage.tsx │ │ │ │ ├── PageFrame.tsx │ │ │ │ ├── PageFrameCollapse.ts │ │ │ │ ├── PageGrid.tsx │ │ │ │ └── PagePagination.tsx │ │ │ ├── Redux │ │ │ │ └── ReduxProvider.tsx │ │ │ ├── Routes │ │ │ │ ├── RoutesInit.tsx │ │ │ │ ├── RoutesLoading.tsx │ │ │ │ └── routesReducer.ts │ │ │ ├── Sandbox │ │ │ │ ├── React │ │ │ │ │ ├── SandboxFilesDist │ │ │ │ │ │ ├── AutoHeight │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── AutoScroll │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Autoplay │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ ├── EmblaCarouselAutoplay.jsx │ │ │ │ │ │ │ ├── EmblaCarouselAutoplay.tsx │ │ │ │ │ │ │ ├── EmblaCarouselAutoplayProgress.jsx │ │ │ │ │ │ │ └── EmblaCarouselAutoplayProgress.tsx │ │ │ │ │ │ ├── CarouselDefaultEntry.jsx │ │ │ │ │ │ ├── CarouselDefaultEntry.tsx │ │ │ │ │ │ ├── CarouselGenerator │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.jsx │ │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.tsx │ │ │ │ │ │ │ ├── EmblaCarouselDotButton.jsx │ │ │ │ │ │ │ ├── EmblaCarouselDotButton.tsx │ │ │ │ │ │ │ ├── EmblaCarouselSelectedSnapDisplay.jsx │ │ │ │ │ │ │ └── EmblaCarouselSelectedSnapDisplay.tsx │ │ │ │ │ │ ├── CarouselIosPickerEntry.jsx │ │ │ │ │ │ ├── CarouselIosPickerEntry.tsx │ │ │ │ │ │ ├── ClassNames │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.jsx │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.tsx │ │ │ │ │ │ ├── EmblaCarouselDotButton.jsx │ │ │ │ │ │ ├── EmblaCarouselDotButton.tsx │ │ │ │ │ │ ├── EmblaCarouselSelectedSnapDisplay.jsx │ │ │ │ │ │ ├── EmblaCarouselSelectedSnapDisplay.tsx │ │ │ │ │ │ ├── Fade │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Footer.jsx │ │ │ │ │ │ ├── Footer.tsx │ │ │ │ │ │ ├── Header.jsx │ │ │ │ │ │ ├── Header.tsx │ │ │ │ │ │ ├── InfiniteScroll │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── IosPicker │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ ├── EmblaCarouselIosPickerItem.jsx │ │ │ │ │ │ │ └── EmblaCarouselIosPickerItem.tsx │ │ │ │ │ │ ├── LazyLoad │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ ├── EmblaCarouselLazyLoadImage.jsx │ │ │ │ │ │ │ └── EmblaCarouselLazyLoadImage.tsx │ │ │ │ │ │ ├── Opacity │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Parallax │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Progress │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Scale │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Thumbs │ │ │ │ │ │ │ ├── EmblaCarousel.jsx │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ ├── EmblaCarouselThumbsButton.jsx │ │ │ │ │ │ │ └── EmblaCarouselThumbsButton.tsx │ │ │ │ │ │ └── index.html │ │ │ │ │ ├── SandboxFilesSrc │ │ │ │ │ │ ├── AutoHeight │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── AutoScroll │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Autoplay │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ ├── EmblaCarouselAutoplay.tsx │ │ │ │ │ │ │ └── EmblaCarouselAutoplayProgress.tsx │ │ │ │ │ │ ├── CarouselDefaultEntry.tsx │ │ │ │ │ │ ├── CarouselGenerator │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.tsx │ │ │ │ │ │ │ ├── EmblaCarouselDotButton.tsx │ │ │ │ │ │ │ └── EmblaCarouselSelectedSnapDisplay.tsx │ │ │ │ │ │ ├── CarouselIosPickerEntry.tsx │ │ │ │ │ │ ├── ClassNames │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.tsx │ │ │ │ │ │ ├── EmblaCarouselDotButton.tsx │ │ │ │ │ │ ├── EmblaCarouselSelectedSnapDisplay.tsx │ │ │ │ │ │ ├── Fade │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Footer.tsx │ │ │ │ │ │ ├── Header.tsx │ │ │ │ │ │ ├── InfiniteScroll │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── IosPicker │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ └── EmblaCarouselIosPickerItem.tsx │ │ │ │ │ │ ├── LazyLoad │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ └── EmblaCarouselLazyLoadImage.tsx │ │ │ │ │ │ ├── Opacity │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Parallax │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Progress │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Scale │ │ │ │ │ │ │ └── EmblaCarousel.tsx │ │ │ │ │ │ ├── Thumbs │ │ │ │ │ │ │ ├── EmblaCarousel.tsx │ │ │ │ │ │ │ └── EmblaCarouselThumbsButton.tsx │ │ │ │ │ │ └── index.html │ │ │ │ │ ├── createSandboxReact.ts │ │ │ │ │ ├── createSandboxReactEntry.ts │ │ │ │ │ ├── createSandboxReactFooter.ts │ │ │ │ │ ├── createSandboxReactHeader.ts │ │ │ │ │ ├── createSandboxReactImagePaths.ts │ │ │ │ │ ├── createSandboxReactIndexHtml.ts │ │ │ │ │ ├── createSandboxReactPackageJson.ts │ │ │ │ │ ├── createSandboxReactTsConfig.ts │ │ │ │ │ └── sandboxReactFolders.ts │ │ │ │ ├── SandboxGeneratorExample.tsx │ │ │ │ ├── SandboxGeneratorExampleArrowButtons.tsx │ │ │ │ ├── SandboxGeneratorExampleDotButton.tsx │ │ │ │ ├── SandboxGeneratorExampleSelectedSnapDisplay.tsx │ │ │ │ ├── SandboxSelection.tsx │ │ │ │ ├── SandboxSelectionForm.tsx │ │ │ │ ├── SandboxSelectionInput.tsx │ │ │ │ ├── SandboxSelectionModal.tsx │ │ │ │ ├── Vanilla │ │ │ │ │ ├── SandboxFilesDist │ │ │ │ │ │ ├── AutoHeight │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ └── EmblaCarousel.ts │ │ │ │ │ │ ├── AutoScroll │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselAutoScroll.js │ │ │ │ │ │ │ └── EmblaCarouselAutoScroll.ts │ │ │ │ │ │ ├── Autoplay │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselAutoplay.js │ │ │ │ │ │ │ ├── EmblaCarouselAutoplay.ts │ │ │ │ │ │ │ ├── EmblaCarouselAutoplayProgress.js │ │ │ │ │ │ │ └── EmblaCarouselAutoplayProgress.ts │ │ │ │ │ │ ├── CarouselGenerator │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.js │ │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.ts │ │ │ │ │ │ │ ├── EmblaCarouselDotButton.js │ │ │ │ │ │ │ ├── EmblaCarouselDotButton.ts │ │ │ │ │ │ │ ├── EmblaCarouselSelectedSnapDisplay.js │ │ │ │ │ │ │ ├── EmblaCarouselSelectedSnapDisplay.ts │ │ │ │ │ │ │ ├── embla-carousel.html │ │ │ │ │ │ │ └── slide.html │ │ │ │ │ │ ├── ClassNames │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ └── EmblaCarousel.ts │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.js │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.ts │ │ │ │ │ │ ├── EmblaCarouselDotButton.js │ │ │ │ │ │ ├── EmblaCarouselDotButton.ts │ │ │ │ │ │ ├── Fade │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ └── EmblaCarousel.ts │ │ │ │ │ │ ├── InfiniteScroll │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselInfiniteScroll.js │ │ │ │ │ │ │ └── EmblaCarouselInfiniteScroll.ts │ │ │ │ │ │ ├── IosPicker │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselIosPicker.js │ │ │ │ │ │ │ └── EmblaCarouselIosPicker.ts │ │ │ │ │ │ ├── LazyLoad │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselLazyLoad.js │ │ │ │ │ │ │ └── EmblaCarouselLazyLoad.ts │ │ │ │ │ │ ├── Opacity │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselTweenOpacity.js │ │ │ │ │ │ │ └── EmblaCarouselTweenOpacity.ts │ │ │ │ │ │ ├── Parallax │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselTweenParallax.js │ │ │ │ │ │ │ └── EmblaCarouselTweenParallax.ts │ │ │ │ │ │ ├── Progress │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselProgressBar.js │ │ │ │ │ │ │ └── EmblaCarouselProgressBar.ts │ │ │ │ │ │ ├── Scale │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselTweenScale.js │ │ │ │ │ │ │ └── EmblaCarouselTweenScale.ts │ │ │ │ │ │ ├── Thumbs │ │ │ │ │ │ │ ├── EmblaCarousel.js │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselThumbsButton.js │ │ │ │ │ │ │ └── EmblaCarouselThumbsButton.ts │ │ │ │ │ │ └── index.html │ │ │ │ │ ├── SandboxFilesSrc │ │ │ │ │ │ ├── AutoHeight │ │ │ │ │ │ │ └── EmblaCarousel.ts │ │ │ │ │ │ ├── AutoScroll │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ └── EmblaCarouselAutoScroll.ts │ │ │ │ │ │ ├── Autoplay │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselAutoplay.ts │ │ │ │ │ │ │ └── EmblaCarouselAutoplayProgress.ts │ │ │ │ │ │ ├── CarouselGenerator │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.ts │ │ │ │ │ │ │ ├── EmblaCarouselDotButton.ts │ │ │ │ │ │ │ ├── EmblaCarouselSelectedSnapDisplay.ts │ │ │ │ │ │ │ ├── embla-carousel.html │ │ │ │ │ │ │ └── slide.html │ │ │ │ │ │ ├── ClassNames │ │ │ │ │ │ │ └── EmblaCarousel.ts │ │ │ │ │ │ ├── EmblaCarouselArrowButtons.ts │ │ │ │ │ │ ├── EmblaCarouselDotButton.ts │ │ │ │ │ │ ├── Fade │ │ │ │ │ │ │ └── EmblaCarousel.ts │ │ │ │ │ │ ├── InfiniteScroll │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ └── EmblaCarouselInfiniteScroll.ts │ │ │ │ │ │ ├── IosPicker │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ └── EmblaCarouselIosPicker.ts │ │ │ │ │ │ ├── LazyLoad │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ └── EmblaCarouselLazyLoad.ts │ │ │ │ │ │ ├── Opacity │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ └── EmblaCarouselTweenOpacity.ts │ │ │ │ │ │ ├── Parallax │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ └── EmblaCarouselTweenParallax.ts │ │ │ │ │ │ ├── Progress │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ └── EmblaCarouselProgressBar.ts │ │ │ │ │ │ ├── Scale │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ └── EmblaCarouselTweenScale.ts │ │ │ │ │ │ ├── Thumbs │ │ │ │ │ │ │ ├── EmblaCarousel.ts │ │ │ │ │ │ │ └── EmblaCarouselThumbsButton.ts │ │ │ │ │ │ └── index.html │ │ │ │ │ ├── createSandboxVanilla.ts │ │ │ │ │ ├── createSandboxVanillaEntry.ts │ │ │ │ │ ├── createSandboxVanillaImagePaths.ts │ │ │ │ │ ├── createSandboxVanillaOptions.ts │ │ │ │ │ ├── createSandboxVanillaPackageJson.ts │ │ │ │ │ ├── createSandboxVanillaSlidesHtml.ts │ │ │ │ │ ├── createSandboxVanillaTsConfig.ts │ │ │ │ │ └── sandboxVanillaFolders.ts │ │ │ │ ├── sandboxGenerator.ts │ │ │ │ ├── sandboxGeneratorCreateOptions.ts │ │ │ │ ├── sandboxGeneratorCreateStyles.ts │ │ │ │ ├── sandboxGeneratorToggleFeatures.ts │ │ │ │ ├── sandboxImages.ts │ │ │ │ ├── sandboxStatic.tsx │ │ │ │ ├── sandboxStaticExtractModules.ts │ │ │ │ ├── sandboxStaticExtractPlugins.ts │ │ │ │ ├── sandboxStaticFindModules.ts │ │ │ │ └── sandboxStyles.ts │ │ │ ├── Search │ │ │ │ ├── Search.tsx │ │ │ │ ├── SearchAlgolia.tsx │ │ │ │ ├── SearchAlgoliaToggle.tsx │ │ │ │ └── SearchButton.tsx │ │ │ ├── Seo │ │ │ │ └── Seo.tsx │ │ │ ├── SiteLogo │ │ │ │ └── SiteLogo.tsx │ │ │ ├── SiteNavigation │ │ │ │ ├── SiteNavigation.tsx │ │ │ │ ├── SiteNavigationMenuCompact.tsx │ │ │ │ ├── SiteNavigationMenuDesktop.tsx │ │ │ │ ├── SiteNavigationSubMenu.tsx │ │ │ │ ├── SiteNavigationSubMenus.tsx │ │ │ │ └── SiteNavigationToggle.tsx │ │ │ ├── TableOfContents │ │ │ │ ├── TableOfContents.tsx │ │ │ │ ├── TableOfContentsInit.tsx │ │ │ │ ├── TableOfContentsMenu.tsx │ │ │ │ ├── TableOfContentsMenuItem.tsx │ │ │ │ ├── TableOfContentsMenuItems.tsx │ │ │ │ └── tableOfContentsReducer.ts │ │ │ ├── Tabs │ │ │ │ ├── Tabs.tsx │ │ │ │ ├── TabsButton.tsx │ │ │ │ ├── TabsItem.tsx │ │ │ │ ├── TabsList.tsx │ │ │ │ ├── TabsPanel.tsx │ │ │ │ └── tabsReducer.ts │ │ │ └── Theme │ │ │ │ ├── ThemeInit.tsx │ │ │ │ ├── ThemeToggle.tsx │ │ │ │ └── themeReducer.ts │ │ ├── consts │ │ │ ├── algoliaSearch.ts │ │ │ ├── border.ts │ │ │ ├── breakpoints.ts │ │ │ ├── buttons.ts │ │ │ ├── card.ts │ │ │ ├── examples.ts │ │ │ ├── fontFace.ts │ │ │ ├── fontSizes.ts │ │ │ ├── gradients.ts │ │ │ ├── graphQL.ts │ │ │ ├── header.ts │ │ │ ├── keyEvents.ts │ │ │ ├── layers.ts │ │ │ ├── localStorage.ts │ │ │ ├── modal.ts │ │ │ ├── page.ts │ │ │ ├── prismHighlight.ts │ │ │ ├── redux.ts │ │ │ ├── routes.ts │ │ │ ├── sandbox.ts │ │ │ ├── scrollBars.ts │ │ │ ├── spacings.ts │ │ │ ├── tableOfContents.ts │ │ │ ├── tabs.ts │ │ │ ├── tapHighlight.ts │ │ │ ├── themes.ts │ │ │ ├── unit.ts │ │ │ └── urls.ts │ │ ├── content │ │ │ └── pages │ │ │ │ ├── 404.md │ │ │ │ ├── api │ │ │ │ ├── events.mdx │ │ │ │ ├── index.mdx │ │ │ │ ├── methods.mdx │ │ │ │ ├── options.mdx │ │ │ │ └── plugins.mdx │ │ │ │ ├── examples │ │ │ │ ├── generator.mdx │ │ │ │ ├── index.mdx │ │ │ │ └── predefined.mdx │ │ │ │ ├── get-started │ │ │ │ ├── cdn.mdx │ │ │ │ ├── index.mdx │ │ │ │ ├── module.mdx │ │ │ │ ├── react.mdx │ │ │ │ ├── solid.mdx │ │ │ │ ├── svelte.mdx │ │ │ │ └── vue.mdx │ │ │ │ ├── guides │ │ │ │ ├── breakpoints.md │ │ │ │ ├── index.mdx │ │ │ │ ├── previous-and-next-buttons.md │ │ │ │ ├── slide-container.md │ │ │ │ ├── slide-gaps.md │ │ │ │ └── slide-sizes.md │ │ │ │ ├── index.md │ │ │ │ └── plugins │ │ │ │ ├── auto-height.mdx │ │ │ │ ├── auto-scroll.mdx │ │ │ │ ├── autoplay.mdx │ │ │ │ ├── class-names.mdx │ │ │ │ ├── fade.mdx │ │ │ │ ├── index.mdx │ │ │ │ └── wheel-gestures.mdx │ │ ├── hooks │ │ │ ├── useBreakpoints.ts │ │ │ ├── useCarouselGenerator.ts │ │ │ ├── useEventListener.ts │ │ │ ├── useLocalStorage.ts │ │ │ ├── useRedux.ts │ │ │ ├── useRoutes.ts │ │ │ ├── useSiteMetadata.ts │ │ │ ├── useWindowResize.ts │ │ │ └── useWindowSize.ts │ │ ├── templates │ │ │ ├── 404.tsx │ │ │ ├── Default.tsx │ │ │ ├── Generator.tsx │ │ │ └── Home.tsx │ │ └── utils │ │ │ ├── arrayFromNumber.ts │ │ │ ├── copyToClipboard.ts │ │ │ ├── createGapStyles.ts │ │ │ ├── createPlaceholderStyles.ts │ │ │ ├── createSquareSizeStyles.ts │ │ │ ├── declarations.d.ts │ │ │ ├── getRefElementOrNode.ts │ │ │ ├── getScrollPosition.ts │ │ │ ├── getThemeFromDocument.ts │ │ │ ├── isBrowser.ts │ │ │ ├── loadPrettier.ts │ │ │ ├── numberWithinRange.ts │ │ │ ├── prismHighlight.ts │ │ │ ├── removeProtocol.ts │ │ │ ├── routes.ts │ │ │ ├── sandbox.ts │ │ │ ├── stringCasing.ts │ │ │ ├── styledComponentStylesToString.ts │ │ │ ├── tabs.ts │ │ │ ├── useIsomorphicLayoutEffect.ts │ │ │ └── visuallyHiddenStyles.ts │ ├── static │ │ ├── .nojekyll │ │ ├── CNAME │ │ ├── angular-logo.svg │ │ ├── apple-touch-icon.png │ │ ├── browserstack-logo.svg │ │ ├── embla-logo.svg │ │ ├── favicon-192x192.png │ │ ├── favicon-512x512.png │ │ ├── javascript-logo.svg │ │ ├── react-logo.svg │ │ ├── share-image.png │ │ ├── share-image.svg │ │ ├── solid-logo.svg │ │ ├── svelte-logo.svg │ │ ├── typescript-logo.svg │ │ └── vue-logo.svg │ └── tsconfig.json ├── embla-carousel-fade │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── components │ │ │ ├── Fade.ts │ │ │ ├── Options.ts │ │ │ └── utils.ts │ │ └── index.ts │ └── tsconfig.json ├── embla-carousel-react │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── components │ │ │ └── useEmblaCarousel.ts │ │ └── index.ts │ └── tsconfig.json ├── embla-carousel-reactive-utils │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── __tests__ │ │ │ └── utils.test.ts │ │ ├── components │ │ │ └── utils.ts │ │ └── index.ts │ └── tsconfig.json ├── embla-carousel-solid │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── components │ │ │ └── createEmblaCarousel.ts │ │ └── index.ts │ └── tsconfig.json ├── embla-carousel-svelte │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── components │ │ │ └── emblaCarouselSvelte.ts │ │ └── index.ts │ └── tsconfig.json ├── embla-carousel-vue │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ │ ├── components │ │ │ └── emblaCarouselVue.ts │ │ └── index.ts │ └── tsconfig.json └── embla-carousel │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc.js │ ├── README.md │ ├── jest.config.js │ ├── package.json │ ├── rollup.config.js │ ├── src │ ├── __tests__ │ │ ├── align-ltr.test.ts │ │ ├── align-rtl.test.ts │ │ ├── align-vertical.test.ts │ │ ├── axis-ltr.test.ts │ │ ├── axis-rtl.test.ts │ │ ├── axis-vertical.test.ts │ │ ├── breakpoints.test.ts │ │ ├── constructor.test.ts │ │ ├── containScroll-ltr.test.ts │ │ ├── containScroll-rtl.test.ts │ │ ├── containScroll-vertical.test.ts │ │ ├── events.test.ts │ │ ├── fixtures │ │ │ ├── align-ltr.fixture.ts │ │ │ ├── align-rtl.fixture.ts │ │ │ ├── align-vertical.fixture.ts │ │ │ ├── axis-ltr.fixture.ts │ │ │ ├── axis-rtl.fixture.ts │ │ │ ├── axis-vertical.fixture.ts │ │ │ ├── breakpoints.fixture.ts │ │ │ ├── constructor.fixture.ts │ │ │ ├── containScroll-ltr.fixture.ts │ │ │ ├── containScroll-rtl.fixture.ts │ │ │ ├── containScroll-vertical.fixture.ts │ │ │ ├── events.fixture.ts │ │ │ ├── loop-ltr.fixture.ts │ │ │ ├── loop-rtl.fixture.ts │ │ │ ├── loop-vertical.fixture.ts │ │ │ ├── plugins.fixture.ts │ │ │ ├── reInit.fixture.ts │ │ │ ├── scrollBounds-ltr.fixture.ts │ │ │ ├── scrollBounds-rtl.fixture.ts │ │ │ ├── scrollBounds-vertical.fixture.ts │ │ │ ├── scrollProgress-ltr.fixture.ts │ │ │ ├── scrollProgress-rtl.fixture.ts │ │ │ ├── scrollProgress-vertical.fixture.ts │ │ │ ├── selectedAndPreviousSnap-ltr.fixture.ts │ │ │ ├── selectedAndPreviousSnap-rtl.fixture.ts │ │ │ ├── selectedAndPreviousSnap-vertical.fixture.ts │ │ │ ├── slidesToScroll-ltr.fixture.ts │ │ │ ├── slidesToScroll-rtl.fixture.ts │ │ │ └── slidesToScroll-vertical.fixture.ts │ │ ├── loop-ltr.test.ts │ │ ├── loop-rtl.test.ts │ │ ├── loop-vertical.test.ts │ │ ├── mocks │ │ │ ├── index.ts │ │ │ ├── intersectionObserver.mock.ts │ │ │ ├── matchMedia.mock.ts │ │ │ ├── resizeObserver.mock.ts │ │ │ └── testElements.mock.ts │ │ ├── plugins.test.ts │ │ ├── reInit.test.ts │ │ ├── scrollBounds-ltr.test.ts │ │ ├── scrollBounds-rtl.test.ts │ │ ├── scrollBounds-vertical.test.ts │ │ ├── scrollProgress-ltr.test.ts │ │ ├── scrollProgress-rtl.test.ts │ │ ├── scrollProgress-vertical.test.ts │ │ ├── selectedAndPreviousSnap-ltr.test.ts │ │ ├── selectedAndPreviousSnap-rtl.test.ts │ │ ├── selectedAndPreviousSnap-vertical.test.ts │ │ ├── slidesToScroll-ltr.test.ts │ │ ├── slidesToScroll-rtl.test.ts │ │ └── slidesToScroll-vertical.test.ts │ ├── components │ │ ├── Alignment.ts │ │ ├── Animations.ts │ │ ├── Axis.ts │ │ ├── Counter.ts │ │ ├── DragHandler.ts │ │ ├── DragTracker.ts │ │ ├── EmblaCarousel.ts │ │ ├── Engine.ts │ │ ├── EventHandler.ts │ │ ├── EventStore.ts │ │ ├── Limit.ts │ │ ├── NodeRects.ts │ │ ├── Options.ts │ │ ├── OptionsHandler.ts │ │ ├── PercentOfView.ts │ │ ├── Plugins.ts │ │ ├── PluginsHandler.ts │ │ ├── ResizeHandler.ts │ │ ├── ScrollBody.ts │ │ ├── ScrollBounds.ts │ │ ├── ScrollContain.ts │ │ ├── ScrollLimit.ts │ │ ├── ScrollLooper.ts │ │ ├── ScrollProgress.ts │ │ ├── ScrollSnaps.ts │ │ ├── ScrollTarget.ts │ │ ├── ScrollTo.ts │ │ ├── SlideFocus.ts │ │ ├── SlideLooper.ts │ │ ├── SlideRegistry.ts │ │ ├── SlideSizes.ts │ │ ├── SlidesHandler.ts │ │ ├── SlidesInView.ts │ │ ├── SlidesToScroll.ts │ │ ├── Translate.ts │ │ ├── Vector1d.ts │ │ └── utils.ts │ └── index.ts │ └── tsconfig.json ├── playgrounds ├── embla-carousel-playground-react │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── Carousel │ │ │ ├── Buttons.tsx │ │ │ └── Carousel.tsx │ │ ├── main.css │ │ ├── main.tsx │ │ └── vite-env.d.ts │ ├── tsconfig.json │ ├── tsconfig.node.json │ └── vite.config.ts ├── embla-carousel-playground-solid │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── Carousel │ │ │ ├── Buttons.tsx │ │ │ └── Carousel.tsx │ │ ├── main.css │ │ ├── main.tsx │ │ └── vite-env.d.ts │ ├── tsconfig.json │ ├── tsconfig.node.json │ └── vite.config.ts └── embla-carousel-playground-vanilla │ ├── .gitignore │ ├── declarations.d.ts │ ├── index.html │ ├── package.json │ ├── src │ ├── Carousel │ │ ├── setupButtons.ts │ │ ├── setupDots.ts │ │ └── setupSlides.ts │ ├── main.css │ ├── main.ts │ └── vite-env.d.ts │ ├── tsconfig.json │ └── vite.config.ts ├── rollup.config.js ├── scripts ├── create-readmes │ ├── create-contributors.ts │ ├── create-readme.ts │ ├── index.ts │ └── readme-template.md ├── create-sandboxes │ ├── index.ts │ ├── preserve-empty-lines.ts │ └── ts-compile.ts ├── tsconfig.node.json └── utils │ ├── consoleFontColors.ts │ ├── escapeRegExp.ts │ ├── forEachWorkspace.ts │ ├── kebabCaseToPascalCase.ts │ ├── parseNodeParameters.ts │ └── readFiles.ts └── yarn.lock /.github/DISCUSSION_TEMPLATE/show-and-tell.yml: -------------------------------------------------------------------------------- 1 | title: '[Show]: ' 2 | labels: ['show and tell'] 3 | body: 4 | - type: textarea 5 | attributes: 6 | label: Description 7 | description: What have you built with Embla Carousel? 8 | placeholder: | 9 | 1. Go to '...' 10 | 2. Scroll to '....' 11 | 3. See my awesome project 12 | validations: 13 | required: true 14 | 15 | - type: input 16 | attributes: 17 | label: Project link 18 | description: A link to what you've built with Embla Carousel. 19 | validations: 20 | required: false 21 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | github: davidjerleke 2 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | contact_links: 3 | - name: 🚀 Feature request 4 | url: https://github.com/davidjerleke/embla-carousel/discussions/new?category=ideas 5 | about: Feature requests should be opened as discussions 6 | - name: ❓ Ask for help 7 | url: https://github.com/davidjerleke/embla-carousel/discussions/new?category=help 8 | about: Ask questions about how to achieve something 9 | - name: ✨ Show something 10 | url: https://github.com/davidjerleke/embla-carousel/discussions/new?category=show-and-tell 11 | about: Share something you've built with Embla Carousel 12 | - name: 💬 Discuss 13 | url: https://github.com/davidjerleke/embla-carousel/discussions/new?category=general 14 | about: Start conversation or discussion about something 15 | -------------------------------------------------------------------------------- /.github/workflows/cd.yml: -------------------------------------------------------------------------------- 1 | name: Continuous Deployment 2 | 3 | on: 4 | release: 5 | types: [created] 6 | 7 | jobs: 8 | publish: 9 | runs-on: ubuntu-latest 10 | 11 | steps: 12 | - name: Checkout 🛎️ 13 | uses: actions/checkout@v3 14 | 15 | - name: Setup node for npmjs.org as registry 16 | uses: actions/setup-node@v3 17 | with: 18 | node-version: '20.x' 19 | registry-url: 'https://registry.npmjs.org' 20 | 21 | - name: Install 🔧 22 | run: yarn install 23 | 24 | - name: Build 🏗️ 25 | run: yarn build 26 | 27 | - name: NPM PKG Publish 🎉 28 | run: yarn workspaces foreach -t --exclude '{embla-carousel-monorepo,embla-carousel-docs,embla-carousel-playground-vanilla,embla-carousel-playground-react,embla-carousel-playground-solid}' npm publish 29 | env: 30 | NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} 31 | -------------------------------------------------------------------------------- /.github/workflows/ci.yml: -------------------------------------------------------------------------------- 1 | name: Continuous Integration 2 | 3 | on: [push] 4 | 5 | jobs: 6 | build: 7 | runs-on: ubuntu-latest 8 | 9 | strategy: 10 | matrix: 11 | node-version: [20.x] 12 | 13 | steps: 14 | - name: Checkout 🛎️ 15 | uses: actions/checkout@v3 16 | - name: Use Node.js ${{ matrix.node-version }} 17 | uses: actions/setup-node@v3 18 | with: 19 | node-version: ${{ matrix.node-version }} 20 | 21 | - name: Install 🔧 22 | run: yarn install 23 | 24 | - name: Build 🏗️ 25 | run: yarn build 26 | 27 | - name: Lint 🧐 28 | run: yarn lint 29 | 30 | - name: Test 🚨 31 | run: yarn test 32 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # production 2 | packages/embla-carousel*/index.d.ts 3 | packages/embla-carousel*/embla-carousel* 4 | packages/embla-carousel*/components 5 | packages/embla-carousel*/esm 6 | packages/embla-carousel*/cjs 7 | public 8 | 9 | 10 | # yarn 11 | .yarn/* 12 | !.yarn/releases 13 | !.yarn/plugins 14 | !.yarn/sdks 15 | !.yarn/versions 16 | 17 | # logs 18 | npm-debug.log* 19 | yarn-debug.log* 20 | yarn-error.log* 21 | 22 | # dependencies 23 | node_modules 24 | .pnp 25 | .pnp.js 26 | 27 | # testing 28 | coverage 29 | 30 | # misc 31 | .cache 32 | .DS_Store 33 | 34 | # dotenv 35 | .env* 36 | -------------------------------------------------------------------------------- /.nvmrc: -------------------------------------------------------------------------------- 1 | v20.17.0 -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | # production 2 | packages/embla-carousel*/index.d.ts 3 | packages/embla-carousel*/embla-carousel* 4 | packages/embla-carousel*/components 5 | 6 | packages/embla-carousel*/cjs/index.d.ts 7 | packages/embla-carousel*/cjs/embla-carousel* 8 | packages/embla-carousel*/cjs/components 9 | 10 | packages/embla-carousel*/esm/index.d.ts 11 | packages/embla-carousel*/esm/embla-carousel* 12 | packages/embla-carousel*/esm/components 13 | 14 | public 15 | static 16 | docs 17 | 18 | # yarn 19 | .yarn/* 20 | !.yarn/cache 21 | !.yarn/releases 22 | !.yarn/plugins 23 | !.yarn/sdks 24 | !.yarn/versions 25 | 26 | # logs 27 | npm-debug.log* 28 | yarn-debug.log* 29 | yarn-error.log* 30 | 31 | # dependencies 32 | node_modules 33 | .pnp 34 | .pnp.js 35 | 36 | # testing 37 | coverage 38 | 39 | # misc 40 | .cache 41 | .DS_Store 42 | package-lock.json 43 | yarn.lock -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | bracketSpacing: true, 3 | printWidth: 80, 4 | semi: false, 5 | singleQuote: true, 6 | trailingComma: 'none', 7 | tabWidth: 2, 8 | useTabs: false 9 | } 10 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "prettier.configPath": "" 3 | } 4 | -------------------------------------------------------------------------------- /.yarn/versions/0af2a0d3.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-react 10 | - embla-carousel-reactive-utils 11 | - embla-carousel-solid 12 | - embla-carousel-svelte 13 | - embla-carousel-vue 14 | - embla-carousel-playground-react 15 | - embla-carousel-playground-solid 16 | -------------------------------------------------------------------------------- /.yarn/versions/0bd7811c.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | -------------------------------------------------------------------------------- /.yarn/versions/1e5edae8.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/251cf541.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-react 10 | - embla-carousel-reactive-utils 11 | - embla-carousel-solid 12 | - embla-carousel-svelte 13 | - embla-carousel-vue 14 | - embla-carousel-playground-react 15 | - embla-carousel-playground-solid 16 | -------------------------------------------------------------------------------- /.yarn/versions/2a635ccc.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/3952078d.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/45549661.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/51870e43.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/569a2f7a.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/586beeb0.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | -------------------------------------------------------------------------------- /.yarn/versions/58cf4572.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | -------------------------------------------------------------------------------- /.yarn/versions/59e44df5.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/5b191133.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | - embla-carousel-vue 11 | - embla-carousel-playground-react 12 | -------------------------------------------------------------------------------- /.yarn/versions/65857b3e.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-docs 5 | -------------------------------------------------------------------------------- /.yarn/versions/662cd85b.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | -------------------------------------------------------------------------------- /.yarn/versions/69e7ac83.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/75399163.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/7f979696.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/87c24026.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/88c6cbbd.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/89a2d984.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-autoplay 5 | - embla-carousel-class-names 6 | - embla-carousel-docs 7 | -------------------------------------------------------------------------------- /.yarn/versions/96c35dcb.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | - embla-carousel-vue 11 | - embla-carousel-playground-react 12 | -------------------------------------------------------------------------------- /.yarn/versions/9bf93601.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-autoplay 5 | - embla-carousel-docs 6 | -------------------------------------------------------------------------------- /.yarn/versions/a2d18e41.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-autoplay 5 | - embla-carousel-docs 6 | -------------------------------------------------------------------------------- /.yarn/versions/a413bb3f.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/b3177c83.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/b65db364.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | -------------------------------------------------------------------------------- /.yarn/versions/c2f0cc57.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | - embla-carousel-vue 11 | - embla-carousel-playground-react 12 | -------------------------------------------------------------------------------- /.yarn/versions/c47aaa70.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/c6892878.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | -------------------------------------------------------------------------------- /.yarn/versions/ca671323.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-react 10 | - embla-carousel-reactive-utils 11 | - embla-carousel-solid 12 | - embla-carousel-svelte 13 | - embla-carousel-vue 14 | - embla-carousel-playground-react 15 | - embla-carousel-playground-solid 16 | -------------------------------------------------------------------------------- /.yarn/versions/d0db4302.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/d6484322.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | -------------------------------------------------------------------------------- /.yarn/versions/d7a96381.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | - embla-carousel-vue 11 | - embla-carousel-playground-react 12 | -------------------------------------------------------------------------------- /.yarn/versions/d8b7a6fc.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-react 10 | - embla-carousel-reactive-utils 11 | - embla-carousel-solid 12 | - embla-carousel-svelte 13 | - embla-carousel-vue 14 | - embla-carousel-playground-react 15 | - embla-carousel-playground-solid 16 | -------------------------------------------------------------------------------- /.yarn/versions/de5a97e2.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarn/versions/e62f0d6e.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-autoplay 6 | - embla-carousel-class-names 7 | - embla-carousel-docs 8 | - embla-carousel-react 9 | - embla-carousel-svelte 10 | - embla-carousel-vue 11 | - embla-carousel-playground-react 12 | -------------------------------------------------------------------------------- /.yarn/versions/f3c19904.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-docs 5 | -------------------------------------------------------------------------------- /.yarn/versions/f69ca1f8.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-docs 5 | -------------------------------------------------------------------------------- /.yarn/versions/f6bfd11e.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-autoplay 5 | - embla-carousel-class-names 6 | - embla-carousel-docs 7 | -------------------------------------------------------------------------------- /.yarn/versions/fbe4f9a6.yml: -------------------------------------------------------------------------------- 1 | undecided: 2 | - embla-carousel-monorepo 3 | - embla-carousel 4 | - embla-carousel-auto-height 5 | - embla-carousel-auto-scroll 6 | - embla-carousel-autoplay 7 | - embla-carousel-class-names 8 | - embla-carousel-docs 9 | - embla-carousel-fade 10 | - embla-carousel-react 11 | - embla-carousel-reactive-utils 12 | - embla-carousel-solid 13 | - embla-carousel-svelte 14 | - embla-carousel-vue 15 | - embla-carousel-playground-react 16 | - embla-carousel-playground-solid 17 | -------------------------------------------------------------------------------- /.yarnrc.yml: -------------------------------------------------------------------------------- 1 | nodeLinker: node-modules 2 | 3 | npmAuthToken: "${NODE_AUTH_TOKEN:-fallback}" 4 | 5 | plugins: 6 | - path: .yarn/plugins/@yarnpkg/plugin-version.cjs 7 | spec: "@yarnpkg/plugin-version" 8 | - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs 9 | spec: "@yarnpkg/plugin-workspace-tools" 10 | 11 | yarnPath: .yarn/releases/yarn-3.3.1.cjs 12 | -------------------------------------------------------------------------------- /docs/.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidjerleke/embla-carousel/08818826cb413d988e53bd64d7c71d7c10c5f93e/docs/.nojekyll -------------------------------------------------------------------------------- /docs/1852-6a279bcd8c09ec3fcbad.js: -------------------------------------------------------------------------------- 1 | "use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[1852],{1852:function(e,o,n){n.r(o),o.default='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'}}]); 2 | //# sourceMappingURL=1852-6a279bcd8c09ec3fcbad.js.map -------------------------------------------------------------------------------- /docs/1852-6a279bcd8c09ec3fcbad.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"1852-6a279bcd8c09ec3fcbad.js","mappings":"uIAAA,+oB","sources":["webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesDist/IosPicker/EmblaCarousel.tsx"],"sourcesContent":["export default \"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\";"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/2443-974886221dafde665acd.js: -------------------------------------------------------------------------------- 1 | "use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[2443],{4824:function(e,s,o){o.r(s),s.default="import { setupIosPicker } from './EmblaCarouselIosPicker'\nimport '../css/base.css'\nimport '../css/sandbox.css'\nimport '../css/embla.css'\n\nconst LOOP = false\n\nconst wheelNodes = document.querySelectorAll('.embla__ios-picker__viewport')\nconst iosPickerNodes = Array.from(wheelNodes)\n\n// @ts-ignore\nconst iosPickers = iosPickerNodes.map((iosPickerNode) =>\n setupIosPicker(iosPickerNode, {\n dragFree: true,\n containScroll: false,\n loop: LOOP,\n axis: 'y',\n watchSlides: false\n })\n)\n"}}]); 2 | //# sourceMappingURL=2443-974886221dafde665acd.js.map -------------------------------------------------------------------------------- /docs/2443-974886221dafde665acd.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"2443-974886221dafde665acd.js","mappings":"uIAAA,6hB","sources":["webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/SandboxFilesDist/IosPicker/EmblaCarousel.ts"],"sourcesContent":["export default \"import { setupIosPicker } from './EmblaCarouselIosPicker'\\nimport '../css/base.css'\\nimport '../css/sandbox.css'\\nimport '../css/embla.css'\\n\\nconst LOOP = false\\n\\nconst wheelNodes = document.querySelectorAll('.embla__ios-picker__viewport')\\nconst iosPickerNodes = Array.from(wheelNodes)\\n\\n// @ts-ignore\\nconst iosPickers = iosPickerNodes.map((iosPickerNode) =>\\n setupIosPicker(iosPickerNode, {\\n dragFree: true,\\n containScroll: false,\\n loop: LOOP,\\n axis: 'y',\\n watchSlides: false\\n })\\n)\\n\";"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/2548-963b04a5afab0798c8a0.js: -------------------------------------------------------------------------------- 1 | "use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[2548],{2548:function(e,s,_){_.r(s),s.default='
\n
__replace_sandbox_slide_nr__
\n
\n'}}]); 2 | //# sourceMappingURL=2548-963b04a5afab0798c8a0.js.map -------------------------------------------------------------------------------- /docs/2548-963b04a5afab0798c8a0.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"2548-963b04a5afab0798c8a0.js","mappings":"uIAAA,wH","sources":["webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/SandboxFilesDist/CarouselGenerator/slide.html"],"sourcesContent":["export default \"
\\n
__replace_sandbox_slide_nr__
\\n
\\n\";"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/2875-434bf5ebd6a0970cc4d5.js: -------------------------------------------------------------------------------- 1 | "use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[2875],{2875:function(e,n,s){s.r(n),n.default="import React from 'react';\n\nexport const Thumb = (props) => {\n const { selected, index, onClick } = props;\n \n return (
\n \n
);\n};\n"}}]); 2 | //# sourceMappingURL=2875-434bf5ebd6a0970cc4d5.js.map -------------------------------------------------------------------------------- /docs/2875-434bf5ebd6a0970cc4d5.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"2875-434bf5ebd6a0970cc4d5.js","mappings":"uIAAA,sY","sources":["webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesDist/Thumbs/EmblaCarouselThumbsButton.jsx"],"sourcesContent":["export default \"import React from 'react';\\n\\nexport const Thumb = (props) => {\\n const { selected, index, onClick } = props;\\n \\n return (
\\n \\n
);\\n};\\n\";"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/334-69b96c55a009185d999b.js: -------------------------------------------------------------------------------- 1 | "use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[334],{334:function(e,r,s){s.r(r),r.default="import { EmblaCarouselType } from 'embla-carousel'\n\nexport const setupProgressBar = (\n emblaApi: EmblaCarouselType,\n progressNode: HTMLElement\n): {\n applyProgress: () => void\n removeProgress: () => void\n} => {\n const applyProgress = (): void => {\n const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()))\n progressNode.style.transform = `translate3d(${progress * 100}%,0px,0px)`\n }\n\n const removeProgress = (): void => {\n progressNode.removeAttribute('style')\n }\n\n return {\n applyProgress,\n removeProgress\n }\n}\n"}}]); 2 | //# sourceMappingURL=334-69b96c55a009185d999b.js.map -------------------------------------------------------------------------------- /docs/334-69b96c55a009185d999b.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"334-69b96c55a009185d999b.js","mappings":"qIAAA,ukB","sources":["webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/SandboxFilesDist/Progress/EmblaCarouselProgressBar.ts"],"sourcesContent":["export default \"import { EmblaCarouselType } from 'embla-carousel'\\n\\nexport const setupProgressBar = (\\n emblaApi: EmblaCarouselType,\\n progressNode: HTMLElement\\n): {\\n applyProgress: () => void\\n removeProgress: () => void\\n} => {\\n const applyProgress = (): void => {\\n const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()))\\n progressNode.style.transform = `translate3d(${progress * 100}%,0px,0px)`\\n }\\n\\n const removeProgress = (): void => {\\n progressNode.removeAttribute('style')\\n }\\n\\n return {\\n applyProgress,\\n removeProgress\\n }\\n}\\n\";"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/3400-b471c85145e3bc0797ce.js: -------------------------------------------------------------------------------- 1 | "use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[3400],{3400:function(e,a,n){n.r(a),a.default="import React from 'react'\n\nconst Header: React.FC = () => (\n
\n

__replace_sandbox_title__

\n
\n)\n\nexport default Header\n"}}]); 2 | //# sourceMappingURL=3400-b471c85145e3bc0797ce.js.map -------------------------------------------------------------------------------- /docs/3400-b471c85145e3bc0797ce.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"3400-b471c85145e3bc0797ce.js","mappings":"uIAAA,6L","sources":["webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesDist/Header.tsx"],"sourcesContent":["export default \"import React from 'react'\\n\\nconst Header: React.FC = () => (\\n
\\n

__replace_sandbox_title__

\\n
\\n)\\n\\nexport default Header\\n\";"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/4032-e6e42b71e4402ae0d527.js: -------------------------------------------------------------------------------- 1 | "use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[4032],{4032:function(s,e,r){r.r(e),e.default="\nexport const setupProgressBar = (emblaApi, progressNode) => {\n const applyProgress = () => {\n const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n progressNode.style.transform = `translate3d(${progress * 100}%,0px,0px)`;\n };\n \n const removeProgress = () => {\n progressNode.removeAttribute('style');\n };\n \n return {\n applyProgress,\n removeProgress\n };\n};\n"}}]); 2 | //# sourceMappingURL=4032-e6e42b71e4402ae0d527.js.map -------------------------------------------------------------------------------- /docs/4032-e6e42b71e4402ae0d527.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"4032-e6e42b71e4402ae0d527.js","mappings":"uIAAA,4c","sources":["webpack://embla-carousel-docs/./src/components/Sandbox/Vanilla/SandboxFilesDist/Progress/EmblaCarouselProgressBar.js"],"sourcesContent":["export default \"\\nexport const setupProgressBar = (emblaApi, progressNode) => {\\n const applyProgress = () => {\\n const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\\n progressNode.style.transform = `translate3d(${progress * 100}%,0px,0px)`;\\n };\\n \\n const removeProgress = () => {\\n progressNode.removeAttribute('style');\\n };\\n \\n return {\\n applyProgress,\\n removeProgress\\n };\\n};\\n\";"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/460-a8726037bdab74556b50.js: -------------------------------------------------------------------------------- 1 | "use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[460],{460:function(e,o,n){n.r(o),o.default="import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport EmblaCarousel from './Autoplay/EmblaCarousel'\nimport { EmblaOptionsType } from 'embla-carousel'\nimport Header from './Header'\nimport Footer from './Footer'\nimport '../css/base.css'\nimport '../css/sandbox.css'\nimport '../css/embla.css'\n\nconst OPTIONS: EmblaOptionsType = {}\nconst SLIDE_COUNT = 5\nconst SLIDES = Array.from(Array(SLIDE_COUNT).keys())\n\nconst App: React.FC = () => (\n <>\n
\n \n