[{"data":1,"prerenderedAt":940},["ShallowReactive",2],{"navigation_docs":3,"-docs-framework-guides-web-components":215,"-docs-framework-guides-web-components-surround":935},[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":41,"body":217,"description":926,"extension":927,"links":928,"meta":929,"navigation":930,"path":42,"seo":931,"stem":43,"__hash__":934},"docs\u002Fdocs\u002F2.framework-guides\u002F4.web-components.md",{"type":218,"value":219,"toc":919},"minimark",[220,225,297,301,341,349,480,484,569,572,576,587,626,703,707,710,916],[221,222,224],"h2",{"id":223},"install","Install",[226,227,228,254,268,282],"code-group",{},[229,230,236],"pre",{"className":231,"code":232,"filename":233,"language":234,"meta":235,"style":235},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @blossom-carousel\u002Fweb\n","pnpm","bash","",[237,238,239],"code",{"__ignoreMap":235},[240,241,244,247,251],"span",{"class":242,"line":243},"line",1,[240,245,233],{"class":246},"sBMFI",[240,248,250],{"class":249},"sfazB"," add",[240,252,253],{"class":249}," @blossom-carousel\u002Fweb\n",[229,255,258],{"className":231,"code":256,"filename":257,"language":234,"meta":235,"style":235},"bun add @blossom-carousel\u002Fweb\n","bun",[237,259,260],{"__ignoreMap":235},[240,261,262,264,266],{"class":242,"line":243},[240,263,257],{"class":246},[240,265,250],{"class":249},[240,267,253],{"class":249},[229,269,272],{"className":231,"code":270,"filename":271,"language":234,"meta":235,"style":235},"yarn add @blossom-carousel\u002Fweb\n","yarn",[237,273,274],{"__ignoreMap":235},[240,275,276,278,280],{"class":242,"line":243},[240,277,271],{"class":246},[240,279,250],{"class":249},[240,281,253],{"class":249},[229,283,286],{"className":231,"code":284,"filename":285,"language":234,"meta":235,"style":235},"npm install @blossom-carousel\u002Fweb\n","npm",[237,287,288],{"__ignoreMap":235},[240,289,290,292,295],{"class":242,"line":243},[240,291,285],{"class":246},[240,293,294],{"class":249}," install",[240,296,253],{"class":249},[221,298,300],{"id":299},"module-setup","Module setup",[229,302,306],{"className":303,"code":304,"language":305,"meta":235,"style":235},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import \"@blossom-carousel\u002Fweb\";\nimport \"@blossom-carousel\u002Fcore\u002Fstyle.css\";\n","js",[237,307,308,327],{"__ignoreMap":235},[240,309,310,314,318,321,324],{"class":242,"line":243},[240,311,313],{"class":312},"s7zQu","import",[240,315,317],{"class":316},"sMK4o"," \"",[240,319,320],{"class":249},"@blossom-carousel\u002Fweb",[240,322,323],{"class":316},"\"",[240,325,326],{"class":316},";\n",[240,328,330,332,334,337,339],{"class":242,"line":329},2,[240,331,313],{"class":312},[240,333,317],{"class":316},[240,335,336],{"class":249},"@blossom-carousel\u002Fcore\u002Fstyle.css",[240,338,323],{"class":316},[240,340,326],{"class":316},[342,343,344,345,348],"p",{},"After the module is imported, the ",[237,346,347],{},"\u003Cblossom-carousel>"," element is registered.",[229,350,354],{"className":351,"code":352,"language":353,"meta":235,"style":235},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cblossom-carousel class=\"carousel\">\n  \u003Cdiv class=\"slide\">Slide 1\u003C\u002Fdiv>\n  \u003Cdiv class=\"slide\">Slide 2\u003C\u002Fdiv>\n  \u003Cdiv class=\"slide\">Slide 3\u003C\u002Fdiv>\n\u003C\u002Fblossom-carousel>\n","html",[237,355,356,382,415,443,471],{"__ignoreMap":235},[240,357,358,361,365,369,372,374,377,379],{"class":242,"line":243},[240,359,360],{"class":316},"\u003C",[240,362,364],{"class":363},"swJcz","blossom-carousel",[240,366,368],{"class":367},"spNyl"," class",[240,370,371],{"class":316},"=",[240,373,323],{"class":316},[240,375,376],{"class":249},"carousel",[240,378,323],{"class":316},[240,380,381],{"class":316},">\n",[240,383,384,387,390,392,394,396,399,401,404,408,411,413],{"class":242,"line":329},[240,385,386],{"class":316},"  \u003C",[240,388,389],{"class":363},"div",[240,391,368],{"class":367},[240,393,371],{"class":316},[240,395,323],{"class":316},[240,397,398],{"class":249},"slide",[240,400,323],{"class":316},[240,402,403],{"class":316},">",[240,405,407],{"class":406},"sTEyZ","Slide 1",[240,409,410],{"class":316},"\u003C\u002F",[240,412,389],{"class":363},[240,414,381],{"class":316},[240,416,418,420,422,424,426,428,430,432,434,437,439,441],{"class":242,"line":417},3,[240,419,386],{"class":316},[240,421,389],{"class":363},[240,423,368],{"class":367},[240,425,371],{"class":316},[240,427,323],{"class":316},[240,429,398],{"class":249},[240,431,323],{"class":316},[240,433,403],{"class":316},[240,435,436],{"class":406},"Slide 2",[240,438,410],{"class":316},[240,440,389],{"class":363},[240,442,381],{"class":316},[240,444,446,448,450,452,454,456,458,460,462,465,467,469],{"class":242,"line":445},4,[240,447,386],{"class":316},[240,449,389],{"class":363},[240,451,368],{"class":367},[240,453,371],{"class":316},[240,455,323],{"class":316},[240,457,398],{"class":249},[240,459,323],{"class":316},[240,461,403],{"class":316},[240,463,464],{"class":406},"Slide 3",[240,466,410],{"class":316},[240,468,389],{"class":363},[240,470,381],{"class":316},[240,472,474,476,478],{"class":242,"line":473},5,[240,475,410],{"class":316},[240,477,364],{"class":363},[240,479,381],{"class":316},[221,481,483],{"id":482},"cdn-setup","CDN setup",[229,485,487],{"className":351,"code":486,"language":353,"meta":235,"style":235},"\u003Cscript\n  defer\n  src=\"https:\u002F\u002Funpkg.com\u002F@blossom-carousel\u002Fweb\u002Fdist\u002Fblossom-carousel-web.umd.js\"\n>\u003C\u002Fscript>\n\u003Clink\n  rel=\"stylesheet\"\n  href=\"https:\u002F\u002Funpkg.com\u002F@blossom-carousel\u002Fcore\u002Fdist\u002Fblossom-carousel-core.css\"\n\u002F>\n",[237,488,489,496,501,516,526,533,548,563],{"__ignoreMap":235},[240,490,491,493],{"class":242,"line":243},[240,492,360],{"class":316},[240,494,495],{"class":363},"script\n",[240,497,498],{"class":242,"line":329},[240,499,500],{"class":367},"  defer\n",[240,502,503,506,508,510,513],{"class":242,"line":417},[240,504,505],{"class":367},"  src",[240,507,371],{"class":316},[240,509,323],{"class":316},[240,511,512],{"class":249},"https:\u002F\u002Funpkg.com\u002F@blossom-carousel\u002Fweb\u002Fdist\u002Fblossom-carousel-web.umd.js",[240,514,515],{"class":316},"\"\n",[240,517,518,521,524],{"class":242,"line":445},[240,519,520],{"class":316},">\u003C\u002F",[240,522,523],{"class":363},"script",[240,525,381],{"class":316},[240,527,528,530],{"class":242,"line":473},[240,529,360],{"class":316},[240,531,532],{"class":363},"link\n",[240,534,536,539,541,543,546],{"class":242,"line":535},6,[240,537,538],{"class":367},"  rel",[240,540,371],{"class":316},[240,542,323],{"class":316},[240,544,545],{"class":249},"stylesheet",[240,547,515],{"class":316},[240,549,551,554,556,558,561],{"class":242,"line":550},7,[240,552,553],{"class":367},"  href",[240,555,371],{"class":316},[240,557,323],{"class":316},[240,559,560],{"class":249},"https:\u002F\u002Funpkg.com\u002F@blossom-carousel\u002Fcore\u002Fdist\u002Fblossom-carousel-core.css",[240,562,515],{"class":316},[240,564,566],{"class":242,"line":565},8,[240,567,568],{"class":316},"\u002F>\n",[342,570,571],{},"Use the CDN build for static pages without a build step.",[221,573,575],{"id":574},"button-controls","Button controls",[342,577,578,579,582,583,586],{},"Navigate the carousel programmatically with ",[237,580,581],{},"prev()"," and ",[237,584,585],{},"next()",".",[229,588,590],{"className":303,"code":589,"language":305,"meta":235,"style":235},"const blossomCarousel = document.querySelector(\"#blossom-carousel\");\n",[237,591,592],{"__ignoreMap":235},[240,593,594,597,600,602,605,607,611,614,616,619,621,624],{"class":242,"line":243},[240,595,596],{"class":367},"const",[240,598,599],{"class":406}," blossomCarousel ",[240,601,371],{"class":316},[240,603,604],{"class":406}," document",[240,606,586],{"class":316},[240,608,610],{"class":609},"s2Zo4","querySelector",[240,612,613],{"class":406},"(",[240,615,323],{"class":316},[240,617,618],{"class":249},"#blossom-carousel",[240,620,323],{"class":316},[240,622,623],{"class":406},")",[240,625,326],{"class":316},[229,627,629],{"className":351,"code":628,"language":353,"meta":235,"style":235},"\u003Cbutton onclick=\"blossomCarousel.prev()\">Previous\u003C\u002Fbutton>\n\u003Cbutton onclick=\"blossomCarousel.next()\">Next\u003C\u002Fbutton>\n",[237,630,631,669],{"__ignoreMap":235},[240,632,633,635,638,641,643,645,648,650,653,656,658,660,663,665,667],{"class":242,"line":243},[240,634,360],{"class":316},[240,636,637],{"class":363},"button",[240,639,640],{"class":367}," onclick",[240,642,371],{"class":316},[240,644,323],{"class":316},[240,646,647],{"class":406},"blossomCarousel",[240,649,586],{"class":316},[240,651,652],{"class":609},"prev",[240,654,655],{"class":249},"()",[240,657,323],{"class":316},[240,659,403],{"class":316},[240,661,662],{"class":406},"Previous",[240,664,410],{"class":316},[240,666,637],{"class":363},[240,668,381],{"class":316},[240,670,671,673,675,677,679,681,683,685,688,690,692,694,697,699,701],{"class":242,"line":329},[240,672,360],{"class":316},[240,674,637],{"class":363},[240,676,640],{"class":367},[240,678,371],{"class":316},[240,680,323],{"class":316},[240,682,647],{"class":406},[240,684,586],{"class":316},[240,686,687],{"class":609},"next",[240,689,655],{"class":249},[240,691,323],{"class":316},[240,693,403],{"class":316},[240,695,696],{"class":406},"Next",[240,698,410],{"class":316},[240,700,637],{"class":363},[240,702,381],{"class":316},[221,704,706],{"id":705},"overscroll-api","Overscroll API",[342,708,709],{},"Tap into Blossom's drag engine's overscroll behavior to create your own style.",[229,711,713],{"className":303,"code":712,"language":305,"meta":235,"style":235},"blossomCarousel.addEventListener(\"overscroll\", (event) => {\n  \u002F\u002F prevent Blossom's default rubberbanding effect\n  event.preventDefault();\n\n  const overScroll = event.detail.left;\n\n  Array.from(blossomCarousel.children).forEach((slide) => {\n    slide.style.transform = `scale(${1 - overScroll * 0.1})`;\n  });\n});\n",[237,714,715,751,757,771,777,803,807,845,897,907],{"__ignoreMap":235},[240,716,717,719,721,724,726,728,731,733,736,739,743,745,748],{"class":242,"line":243},[240,718,647],{"class":406},[240,720,586],{"class":316},[240,722,723],{"class":609},"addEventListener",[240,725,613],{"class":406},[240,727,323],{"class":316},[240,729,730],{"class":249},"overscroll",[240,732,323],{"class":316},[240,734,735],{"class":316},",",[240,737,738],{"class":316}," (",[240,740,742],{"class":741},"sHdIc","event",[240,744,623],{"class":316},[240,746,747],{"class":367}," =>",[240,749,750],{"class":316}," {\n",[240,752,753],{"class":242,"line":329},[240,754,756],{"class":755},"sHwdD","  \u002F\u002F prevent Blossom's default rubberbanding effect\n",[240,758,759,762,764,767,769],{"class":242,"line":417},[240,760,761],{"class":406},"  event",[240,763,586],{"class":316},[240,765,766],{"class":609},"preventDefault",[240,768,655],{"class":363},[240,770,326],{"class":316},[240,772,773],{"class":242,"line":445},[240,774,776],{"emptyLinePlaceholder":775},true,"\n",[240,778,779,782,785,788,791,793,796,798,801],{"class":242,"line":473},[240,780,781],{"class":367},"  const",[240,783,784],{"class":406}," overScroll",[240,786,787],{"class":316}," =",[240,789,790],{"class":406}," event",[240,792,586],{"class":316},[240,794,795],{"class":406},"detail",[240,797,586],{"class":316},[240,799,800],{"class":406},"left",[240,802,326],{"class":316},[240,804,805],{"class":242,"line":535},[240,806,776],{"emptyLinePlaceholder":775},[240,808,809,812,814,817,819,821,823,826,828,830,833,835,837,839,841,843],{"class":242,"line":550},[240,810,811],{"class":406},"  Array",[240,813,586],{"class":316},[240,815,816],{"class":609},"from",[240,818,613],{"class":363},[240,820,647],{"class":406},[240,822,586],{"class":316},[240,824,825],{"class":406},"children",[240,827,623],{"class":363},[240,829,586],{"class":316},[240,831,832],{"class":609},"forEach",[240,834,613],{"class":363},[240,836,613],{"class":316},[240,838,398],{"class":741},[240,840,623],{"class":316},[240,842,747],{"class":367},[240,844,750],{"class":316},[240,846,847,850,852,855,857,860,862,865,868,871,875,878,881,884,887,890,892,895],{"class":242,"line":565},[240,848,849],{"class":406},"    slide",[240,851,586],{"class":316},[240,853,854],{"class":406},"style",[240,856,586],{"class":316},[240,858,859],{"class":406},"transform",[240,861,787],{"class":316},[240,863,864],{"class":316}," `",[240,866,867],{"class":249},"scale(",[240,869,870],{"class":316},"${",[240,872,874],{"class":873},"sbssI","1",[240,876,877],{"class":316}," -",[240,879,880],{"class":406}," overScroll ",[240,882,883],{"class":316},"*",[240,885,886],{"class":873}," 0.1",[240,888,889],{"class":316},"}",[240,891,623],{"class":249},[240,893,894],{"class":316},"`",[240,896,326],{"class":316},[240,898,900,903,905],{"class":242,"line":899},9,[240,901,902],{"class":316},"  }",[240,904,623],{"class":363},[240,906,326],{"class":316},[240,908,910,912,914],{"class":242,"line":909},10,[240,911,889],{"class":316},[240,913,623],{"class":406},[240,915,326],{"class":316},[854,917,918],{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":235,"searchDepth":329,"depth":329,"links":920},[921,922,923,924,925],{"id":223,"depth":329,"text":224},{"id":299,"depth":329,"text":300},{"id":482,"depth":329,"text":483},{"id":574,"depth":329,"text":575},{"id":705,"depth":329,"text":706},"Use Blossom Carousel as a framework-free custom element with package imports or a CDN build.","md",null,{},{"icon":44},{"title":932,"description":933},"Web Component carousel with Blossom Carousel","Use the Blossom Carousel Web Component in framework-free HTML, bundled apps, or CDN-based static pages.","BPdGnDEEXettlu_dVMVB9wFC2f_JuQ3jSpzQZyp0CGA",[936,938],{"title":36,"path":37,"stem":38,"description":937,"icon":39,"children":-1},"Use Blossom Carousel in Svelte and SvelteKit with keyed each blocks and global stylesheet imports.",{"title":46,"path":47,"stem":48,"description":939,"icon":49,"children":-1},"Use Blossom Carousel Core directly with DOM elements, lazy loading, and lifecycle cleanup.",1780251481875]