[{"data":1,"prerenderedAt":972},["ShallowReactive",2],{"navigation_docs":3,"-docs-examples-experimental-scroll-snap-changing":215,"-docs-examples-experimental-scroll-snap-changing-surround":942,"$fMO7p83XO4NQ1FOpzZpBhcntD8cml4H1Ki3URH6zKe-E":947},[4,20,50,165,175,185],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002F1.getting-started\u002F1.introduction","i-lucide-sprout",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"children":24,"page":6},"Framework Guides","\u002Fdocs\u002Fframework-guides","docs\u002F2.framework-guides",[25,30,35,40,45],{"title":26,"path":27,"stem":28,"icon":29},"Vue and Nuxt","\u002Fdocs\u002Fframework-guides\u002Fvue-nuxt","docs\u002F2.framework-guides\u002F1.vue-nuxt","i-simple-icons-vuedotjs",{"title":31,"path":32,"stem":33,"icon":34},"React and Next.js","\u002Fdocs\u002Fframework-guides\u002Freact-nextjs","docs\u002F2.framework-guides\u002F2.react-nextjs","i-simple-icons-react",{"title":36,"path":37,"stem":38,"icon":39},"Svelte and SvelteKit","\u002Fdocs\u002Fframework-guides\u002Fsvelte-sveltekit","docs\u002F2.framework-guides\u002F3.svelte-sveltekit","i-simple-icons-svelte",{"title":41,"path":42,"stem":43,"icon":44},"Web Components","\u002Fdocs\u002Fframework-guides\u002Fweb-components","docs\u002F2.framework-guides\u002F4.web-components","i-simple-icons-webcomponentsdotorg",{"title":46,"path":47,"stem":48,"icon":49},"Core","\u002Fdocs\u002Fframework-guides\u002Fcore","docs\u002F2.framework-guides\u002F5.core","i-lucide-braces",{"title":51,"path":52,"stem":53,"children":54,"page":6},"Examples","\u002Fdocs\u002Fexamples","docs\u002F3.examples",[55,100,135],{"title":56,"icon":6,"defaultOpen":6,"path":57,"stem":58,"children":59,"page":6},"Basic","\u002Fdocs\u002Fexamples\u002Fbasic","docs\u002F3.examples\u002F1.basic",[60,65,70,75,80,85,90,95],{"title":61,"path":62,"stem":63,"icon":64},"Simple","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsimple","docs\u002F3.examples\u002F1.basic\u002F1.simple","i-lucide-square",{"title":66,"path":67,"stem":68,"icon":69},"Snapping","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsnap","docs\u002F3.examples\u002F1.basic\u002F2.snap","i-lucide-magnet",{"title":71,"path":72,"stem":73,"icon":74},"Masonry","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fmasonry","docs\u002F3.examples\u002F1.basic\u002F3.masonry","i-lucide-grid-3x3",{"title":76,"path":77,"stem":78,"icon":79},"Right to Left","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fright-to-left","docs\u002F3.examples\u002F1.basic\u002F4.right-to-left","i-lucide-arrow-left-from-line",{"title":81,"path":82,"stem":83,"icon":84},"Sticky Slides","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsticky","docs\u002F3.examples\u002F1.basic\u002F5.sticky","i-lucide-pin",{"title":86,"path":87,"stem":88,"icon":89},"Buttons","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fbuttons","docs\u002F3.examples\u002F1.basic\u002F6.buttons","i-lucide-circle-arrow-right",{"title":91,"path":92,"stem":93,"icon":94},"Dots","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fdots","docs\u002F3.examples\u002F1.basic\u002F7.dots","i-lucide-rectangle-ellipsis",{"title":96,"path":97,"stem":98,"icon":99},"Thumbnails","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fthumbnails","docs\u002F3.examples\u002F1.basic\u002F8.thumbnails","i-lucide-layout-list",{"title":101,"icon":6,"defaultOpen":6,"path":102,"stem":103,"children":104,"page":6},"Advanced","\u002Fdocs\u002Fexamples\u002Fadvanced","docs\u002F3.examples\u002F2.advanced",[105,110,115,120,125,130],{"title":106,"path":107,"stem":108,"icon":109},"Cover Flow","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fcover-flow","docs\u002F3.examples\u002F2.advanced\u002F1.cover-flow","i-lucide-gallery-horizontal-end",{"title":111,"path":112,"stem":113,"icon":114},"Slideshow","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fslideshow","docs\u002F3.examples\u002F2.advanced\u002F2.slideshow","i-lucide-presentation",{"title":116,"path":117,"stem":118,"icon":119},"Stories","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fstories","docs\u002F3.examples\u002F2.advanced\u002F2.stories","i-lucide-circle-fading-plus",{"title":121,"path":122,"stem":123,"icon":124},"Smart Stack","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fsmart-stack","docs\u002F3.examples\u002F2.advanced\u002F3.smart-stack","i-lucide-layers",{"title":126,"path":127,"stem":128,"icon":129},"Cards","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fcards","docs\u002F3.examples\u002F2.advanced\u002F4.cards","i-lucide-images",{"title":131,"path":132,"stem":133,"icon":134},"Flipbook","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fflipbook","docs\u002F3.examples\u002F2.advanced\u002F5.flipbook","i-lucide-swatch-book",{"title":136,"icon":6,"defaultOpen":6,"path":137,"stem":138,"children":139,"page":6},"Experimental","\u002Fdocs\u002Fexamples\u002Fexperimental","docs\u002F3.examples\u002F3.experimental",[140,145,150,155,160],{"title":141,"path":142,"stem":143,"icon":144},"CSS Controls","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fcss-controls","docs\u002F3.examples\u002F3.experimental\u002F1.css-controls","i-lucide-eclipse",{"title":146,"path":147,"stem":148,"icon":149},"Scroll State Query","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-state-queries","docs\u002F3.examples\u002F3.experimental\u002F2.scroll-state-queries","i-lucide-anvil",{"title":151,"path":152,"stem":153,"icon":154},"Scroll Snap Events","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-snap-changing","docs\u002F3.examples\u002F3.experimental\u002F3.scroll-snap-changing","i-lucide-megaphone",{"title":156,"path":157,"stem":158,"icon":159},"Repeat","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Frepeat","docs\u002F3.examples\u002F3.experimental\u002F4.repeat","i-lucide-repeat",{"title":161,"path":162,"stem":163,"icon":164},"Scroll Trigger","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-trigger","docs\u002F3.examples\u002F3.experimental\u002F5.scroll-trigger","i-lucide-bow-arrow",{"title":166,"path":167,"stem":168,"children":169,"page":6},"A11y","\u002Fdocs\u002Fa11y","docs\u002F4.a11y",[170],{"title":171,"path":172,"stem":173,"icon":174},"Accessibility Guide","\u002Fdocs\u002Fa11y\u002Faccessibility-guide","docs\u002F4.a11y\u002Faccessibility-guide","i-lucide-person-standing",{"title":176,"path":177,"stem":178,"children":179,"page":6},"Ai","\u002Fdocs\u002Fai","docs\u002F5.AI",[180],{"title":181,"path":182,"stem":183,"icon":184},"Agent Skills","\u002Fdocs\u002Fai\u002Fagent-skills","docs\u002F5.AI\u002F1.agent-skills","i-lucide-sparkles",{"title":186,"icon":6,"path":187,"stem":188,"children":189,"page":6},"Migration Guides","\u002Fdocs\u002Fmigration-guides","docs\u002F6.migration-guides",[190,195,200,205,210],{"title":191,"path":192,"stem":193,"icon":194},"Embla","\u002Fdocs\u002Fmigration-guides\u002Fembla","docs\u002F6.migration-guides\u002F1.embla","i-lucide-atom",{"title":196,"path":197,"stem":198,"icon":199},"Swiper","\u002Fdocs\u002Fmigration-guides\u002Fswiper","docs\u002F6.migration-guides\u002F2.swiper","i-lucide-circle-slash",{"title":201,"path":202,"stem":203,"icon":204},"Splide","\u002Fdocs\u002Fmigration-guides\u002Fsplide","docs\u002F6.migration-guides\u002F3.splide","i-lucide-diamond",{"title":206,"path":207,"stem":208,"icon":209},"Slick","\u002Fdocs\u002Fmigration-guides\u002Fslick","docs\u002F6.migration-guides\u002F4.slick","i-lucide-ampersand",{"title":211,"path":212,"stem":213,"icon":214},"Flickity","\u002Fdocs\u002Fmigration-guides\u002Fflickity","docs\u002F6.migration-guides\u002F5.flickity","i-lucide-smartphone",{"id":216,"title":151,"body":217,"description":933,"extension":934,"links":935,"meta":936,"navigation":937,"path":152,"seo":938,"stem":153,"__hash__":941},"docs\u002Fdocs\u002F3.examples\u002F3.experimental\u002F3.scroll-snap-changing.md",{"type":218,"value":219,"toc":931},"minimark",[220,234,237,927],[221,222,223],"supports-scroll-snap-event-support",{},[224,225,226,227],"caution",{},"Scroll-snap events are not yet supported in this browser. Check browser compatibility at ",[228,229,233],"a",{"href":230,"rel":231},"https:\u002F\u002Fcaniuse.com\u002F?search=scroll-snap-change",[232],"nofollow","caniuse.com",[235,236],"example-scroll-snap-events",{},[238,239,240,499,671],"code-group",{},[241,242,248],"pre",{"className":243,"code":244,"filename":245,"language":246,"meta":247,"style":247},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const carousel = document.querySelector(\".carousel\") as HTMLElement;\nconst videos = carousel.querySelectorAll(\"video\");\n\ncarousel.addEventListener(\"scrollsnapchange\", (event) => {\n  (event.snapTargetInline as HTMLVideoElement)?.play();\n});\n\ncarousel.addEventListener(\"scrollsnapchanging\", () => {\n  videos.forEach((video) => video.pause());\n});\n",".ts","ts","",[249,250,251,304,336,343,381,414,424,429,456,490],"code",{"__ignoreMap":247},[252,253,256,260,264,268,271,274,278,281,284,288,290,293,297,301],"span",{"class":254,"line":255},"line",1,[252,257,259],{"class":258},"spNyl","const",[252,261,263],{"class":262},"sTEyZ"," carousel ",[252,265,267],{"class":266},"sMK4o","=",[252,269,270],{"class":262}," document",[252,272,273],{"class":266},".",[252,275,277],{"class":276},"s2Zo4","querySelector",[252,279,280],{"class":262},"(",[252,282,283],{"class":266},"\"",[252,285,287],{"class":286},"sfazB",".carousel",[252,289,283],{"class":266},[252,291,292],{"class":262},") ",[252,294,296],{"class":295},"s7zQu","as",[252,298,300],{"class":299},"sBMFI"," HTMLElement",[252,302,303],{"class":266},";\n",[252,305,307,309,312,314,317,319,322,324,326,329,331,334],{"class":254,"line":306},2,[252,308,259],{"class":258},[252,310,311],{"class":262}," videos ",[252,313,267],{"class":266},[252,315,316],{"class":262}," carousel",[252,318,273],{"class":266},[252,320,321],{"class":276},"querySelectorAll",[252,323,280],{"class":262},[252,325,283],{"class":266},[252,327,328],{"class":286},"video",[252,330,283],{"class":266},[252,332,333],{"class":262},")",[252,335,303],{"class":266},[252,337,339],{"class":254,"line":338},3,[252,340,342],{"emptyLinePlaceholder":341},true,"\n",[252,344,346,349,351,354,356,358,361,363,366,369,373,375,378],{"class":254,"line":345},4,[252,347,348],{"class":262},"carousel",[252,350,273],{"class":266},[252,352,353],{"class":276},"addEventListener",[252,355,280],{"class":262},[252,357,283],{"class":266},[252,359,360],{"class":286},"scrollsnapchange",[252,362,283],{"class":266},[252,364,365],{"class":266},",",[252,367,368],{"class":266}," (",[252,370,372],{"class":371},"sHdIc","event",[252,374,333],{"class":266},[252,376,377],{"class":258}," =>",[252,379,380],{"class":266}," {\n",[252,382,384,388,390,392,395,398,401,403,406,409,412],{"class":254,"line":383},5,[252,385,387],{"class":386},"swJcz","  (",[252,389,372],{"class":262},[252,391,273],{"class":266},[252,393,394],{"class":262},"snapTargetInline",[252,396,397],{"class":295}," as",[252,399,400],{"class":299}," HTMLVideoElement",[252,402,333],{"class":386},[252,404,405],{"class":266},"?.",[252,407,408],{"class":276},"play",[252,410,411],{"class":386},"()",[252,413,303],{"class":266},[252,415,417,420,422],{"class":254,"line":416},6,[252,418,419],{"class":266},"}",[252,421,333],{"class":262},[252,423,303],{"class":266},[252,425,427],{"class":254,"line":426},7,[252,428,342],{"emptyLinePlaceholder":341},[252,430,432,434,436,438,440,442,445,447,449,452,454],{"class":254,"line":431},8,[252,433,348],{"class":262},[252,435,273],{"class":266},[252,437,353],{"class":276},[252,439,280],{"class":262},[252,441,283],{"class":266},[252,443,444],{"class":286},"scrollsnapchanging",[252,446,283],{"class":266},[252,448,365],{"class":266},[252,450,451],{"class":266}," ()",[252,453,377],{"class":258},[252,455,380],{"class":266},[252,457,459,462,464,467,469,471,473,475,477,480,482,485,488],{"class":254,"line":458},9,[252,460,461],{"class":262},"  videos",[252,463,273],{"class":266},[252,465,466],{"class":276},"forEach",[252,468,280],{"class":386},[252,470,280],{"class":266},[252,472,328],{"class":371},[252,474,333],{"class":266},[252,476,377],{"class":258},[252,478,479],{"class":262}," video",[252,481,273],{"class":266},[252,483,484],{"class":276},"pause",[252,486,487],{"class":386},"())",[252,489,303],{"class":266},[252,491,493,495,497],{"class":254,"line":492},10,[252,494,419],{"class":266},[252,496,333],{"class":262},[252,498,303],{"class":266},[241,500,505],{"className":501,"code":502,"filename":503,"language":504,"meta":247,"style":247},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".carousel {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: 400px;\n  gap: 1rem;\n  scroll-snap-type: x mandatory;\n}\n\n.slide {\n  width: 100%;\n  aspect-ratio: 16 \u002F 9;\n  scroll-snap-align: center;\n  object-fit: cover;\n  border-radius: 0.5rem;\n}\n",".css","css",[249,506,507,515,529,541,554,566,578,583,587,596,608,627,640,653,666],{"__ignoreMap":247},[252,508,509,511,513],{"class":254,"line":255},[252,510,273],{"class":266},[252,512,348],{"class":299},[252,514,380],{"class":266},[252,516,517,521,524,527],{"class":254,"line":306},[252,518,520],{"class":519},"sqsOY","  display",[252,522,523],{"class":266},":",[252,525,526],{"class":262}," grid",[252,528,303],{"class":266},[252,530,531,534,536,539],{"class":254,"line":338},[252,532,533],{"class":519},"  grid-auto-flow",[252,535,523],{"class":266},[252,537,538],{"class":262}," column",[252,540,303],{"class":266},[252,542,543,546,548,552],{"class":254,"line":345},[252,544,545],{"class":519},"  grid-auto-columns",[252,547,523],{"class":266},[252,549,551],{"class":550},"sbssI"," 400px",[252,553,303],{"class":266},[252,555,556,559,561,564],{"class":254,"line":383},[252,557,558],{"class":519},"  gap",[252,560,523],{"class":266},[252,562,563],{"class":550}," 1rem",[252,565,303],{"class":266},[252,567,568,571,573,576],{"class":254,"line":416},[252,569,570],{"class":519},"  scroll-snap-type",[252,572,523],{"class":266},[252,574,575],{"class":262}," x mandatory",[252,577,303],{"class":266},[252,579,580],{"class":254,"line":426},[252,581,582],{"class":266},"}\n",[252,584,585],{"class":254,"line":431},[252,586,342],{"emptyLinePlaceholder":341},[252,588,589,591,594],{"class":254,"line":458},[252,590,273],{"class":266},[252,592,593],{"class":299},"slide",[252,595,380],{"class":266},[252,597,598,601,603,606],{"class":254,"line":492},[252,599,600],{"class":519},"  width",[252,602,523],{"class":266},[252,604,605],{"class":550}," 100%",[252,607,303],{"class":266},[252,609,611,614,616,619,622,625],{"class":254,"line":610},11,[252,612,613],{"class":519},"  aspect-ratio",[252,615,523],{"class":266},[252,617,618],{"class":550}," 16",[252,620,621],{"class":262}," \u002F ",[252,623,624],{"class":550},"9",[252,626,303],{"class":266},[252,628,630,633,635,638],{"class":254,"line":629},12,[252,631,632],{"class":519},"  scroll-snap-align",[252,634,523],{"class":266},[252,636,637],{"class":262}," center",[252,639,303],{"class":266},[252,641,643,646,648,651],{"class":254,"line":642},13,[252,644,645],{"class":519},"  object-fit",[252,647,523],{"class":266},[252,649,650],{"class":262}," cover",[252,652,303],{"class":266},[252,654,656,659,661,664],{"class":254,"line":655},14,[252,657,658],{"class":519},"  border-radius",[252,660,523],{"class":266},[252,662,663],{"class":550}," 0.5rem",[252,665,303],{"class":266},[252,667,669],{"class":254,"line":668},15,[252,670,582],{"class":266},[241,672,677],{"className":673,"code":674,"filename":675,"language":676,"meta":247,"style":247},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBlossomCarousel class=\"carousel\">\n  \u003Cvideo\n    class=\"slide\"\n    src=\"cat.mp4\"\n    playsinline\n    loop\n    muted\n    preload=\"metadata\"\n  >\u003C\u002Fvideo>\n  \u003Cvideo\n    class=\"slide\"\n    src=\"corgi.mp4\"\n    playsinline\n    loop\n    muted\n    preload=\"metadata\"\n  >\u003C\u002Fvideo>\n  \u003Cvideo\n    class=\"slide\"\n    src=\"bunny.mp4\"\n    playsinline\n    loop\n    muted\n    preload=\"metadata\"\n  >\u003C\u002Fvideo>\n  ...\n\u003C\u002FBlossomCarousel>\n",".html","html",[249,678,679,701,709,723,737,742,747,752,766,775,781,793,806,810,814,818,831,840,847,860,874,879,884,889,902,911,917],{"__ignoreMap":247},[252,680,681,684,687,690,692,694,696,698],{"class":254,"line":255},[252,682,683],{"class":266},"\u003C",[252,685,686],{"class":386},"BlossomCarousel",[252,688,689],{"class":258}," class",[252,691,267],{"class":266},[252,693,283],{"class":266},[252,695,348],{"class":286},[252,697,283],{"class":266},[252,699,700],{"class":266},">\n",[252,702,703,706],{"class":254,"line":306},[252,704,705],{"class":266},"  \u003C",[252,707,708],{"class":386},"video\n",[252,710,711,714,716,718,720],{"class":254,"line":338},[252,712,713],{"class":258},"    class",[252,715,267],{"class":266},[252,717,283],{"class":266},[252,719,593],{"class":286},[252,721,722],{"class":266},"\"\n",[252,724,725,728,730,732,735],{"class":254,"line":345},[252,726,727],{"class":258},"    src",[252,729,267],{"class":266},[252,731,283],{"class":266},[252,733,734],{"class":286},"cat.mp4",[252,736,722],{"class":266},[252,738,739],{"class":254,"line":383},[252,740,741],{"class":258},"    playsinline\n",[252,743,744],{"class":254,"line":416},[252,745,746],{"class":258},"    loop\n",[252,748,749],{"class":254,"line":426},[252,750,751],{"class":258},"    muted\n",[252,753,754,757,759,761,764],{"class":254,"line":431},[252,755,756],{"class":258},"    preload",[252,758,267],{"class":266},[252,760,283],{"class":266},[252,762,763],{"class":286},"metadata",[252,765,722],{"class":266},[252,767,768,771,773],{"class":254,"line":458},[252,769,770],{"class":266},"  >\u003C\u002F",[252,772,328],{"class":386},[252,774,700],{"class":266},[252,776,777,779],{"class":254,"line":492},[252,778,705],{"class":266},[252,780,708],{"class":386},[252,782,783,785,787,789,791],{"class":254,"line":610},[252,784,713],{"class":258},[252,786,267],{"class":266},[252,788,283],{"class":266},[252,790,593],{"class":286},[252,792,722],{"class":266},[252,794,795,797,799,801,804],{"class":254,"line":629},[252,796,727],{"class":258},[252,798,267],{"class":266},[252,800,283],{"class":266},[252,802,803],{"class":286},"corgi.mp4",[252,805,722],{"class":266},[252,807,808],{"class":254,"line":642},[252,809,741],{"class":258},[252,811,812],{"class":254,"line":655},[252,813,746],{"class":258},[252,815,816],{"class":254,"line":668},[252,817,751],{"class":258},[252,819,821,823,825,827,829],{"class":254,"line":820},16,[252,822,756],{"class":258},[252,824,267],{"class":266},[252,826,283],{"class":266},[252,828,763],{"class":286},[252,830,722],{"class":266},[252,832,834,836,838],{"class":254,"line":833},17,[252,835,770],{"class":266},[252,837,328],{"class":386},[252,839,700],{"class":266},[252,841,843,845],{"class":254,"line":842},18,[252,844,705],{"class":266},[252,846,708],{"class":386},[252,848,850,852,854,856,858],{"class":254,"line":849},19,[252,851,713],{"class":258},[252,853,267],{"class":266},[252,855,283],{"class":266},[252,857,593],{"class":286},[252,859,722],{"class":266},[252,861,863,865,867,869,872],{"class":254,"line":862},20,[252,864,727],{"class":258},[252,866,267],{"class":266},[252,868,283],{"class":266},[252,870,871],{"class":286},"bunny.mp4",[252,873,722],{"class":266},[252,875,877],{"class":254,"line":876},21,[252,878,741],{"class":258},[252,880,882],{"class":254,"line":881},22,[252,883,746],{"class":258},[252,885,887],{"class":254,"line":886},23,[252,888,751],{"class":258},[252,890,892,894,896,898,900],{"class":254,"line":891},24,[252,893,756],{"class":258},[252,895,267],{"class":266},[252,897,283],{"class":266},[252,899,763],{"class":286},[252,901,722],{"class":266},[252,903,905,907,909],{"class":254,"line":904},25,[252,906,770],{"class":266},[252,908,328],{"class":386},[252,910,700],{"class":266},[252,912,914],{"class":254,"line":913},26,[252,915,916],{"class":262},"  ...\n",[252,918,920,923,925],{"class":254,"line":919},27,[252,921,922],{"class":266},"\u003C\u002F",[252,924,686],{"class":386},[252,926,700],{"class":266},[928,929,930],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":247,"searchDepth":306,"depth":306,"links":932},[],"Trigger actions when a slide snaps using native scroll snap events.","md",null,{},{"icon":154},{"title":939,"description":940},"Scroll snap events carousel with Blossom Carousel","Trigger actions when a slide snaps into view using native scrollsnapchange events and Blossom Carousel.","Xy-InDiu2nMfCEUBxl2tJRqIi4G92eStqXlkZqSAyG8",[943,945],{"title":146,"path":147,"stem":148,"description":944,"icon":149,"children":-1},"Use CSS scroll-state container queries to style slides based on their snap state.",{"title":156,"path":157,"stem":158,"description":946,"icon":159,"children":-1},"Use repeat mode for cyclical Blossom Carousel behavior.",{"baselineBadge":948,"browserBadges":952,"sources":967,"updatedAt":971},{"label":949,"value":950,"title":951},"Baseline","Limited","scroll snap events is not Baseline yet in the WebDX web-features data.",[953,957,960,964],{"browser":954,"version":955,"title":956},"Chrome","129+","Chrome supports scroll snap events from version 129.",{"browser":958,"version":955,"title":959},"Edge","Edge supports scroll snap events from version 129.",{"browser":961,"version":962,"title":963},"Firefox","No","Firefox does not support scroll snap events.",{"browser":965,"version":962,"title":966},"Safari","Safari does not support scroll snap events.",{"bcd":968,"mdn":969,"webFeatures":970},"https:\u002F\u002Fgithub.com\u002Fmdn\u002Fbrowser-compat-data\u002Fblob\u002Fmain\u002Fapi\u002FSnapEvent.json","https:\u002F\u002Fdeveloper.mozilla.org\u002Fdocs\u002FWeb\u002FAPI\u002FSnapEvent","https:\u002F\u002Fgithub.com\u002Fweb-platform-dx\u002Fweb-features\u002Fblob\u002Fmain\u002Ffeatures\u002Fscroll-snap-events.yml","2026-05-31T14:53:11.885Z",1780251487942]