[{"data":1,"prerenderedAt":1015},["ShallowReactive",2],{"navigation_docs":3,"-docs-framework-guides-core":215,"-docs-framework-guides-core-surround":1010},[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":46,"body":217,"description":1001,"extension":1002,"links":1003,"meta":1004,"navigation":1005,"path":47,"seo":1006,"stem":48,"__hash__":1009},"docs\u002Fdocs\u002F2.framework-guides\u002F5.core.md",{"type":218,"value":219,"toc":993},"minimark",[220,225,297,301,462,466,470,624,628,646,653,657,667,700,782,786,789,990],[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\u002Fcore\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\u002Fcore\n",[229,255,258],{"className":231,"code":256,"filename":257,"language":234,"meta":235,"style":235},"bun add @blossom-carousel\u002Fcore\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\u002Fcore\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\u002Fcore\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},"basic-setup","Basic 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 } from \"@blossom-carousel\u002Fcore\";\nimport \"@blossom-carousel\u002Fcore\u002Fstyle.css\";\n\nconst element = document.querySelector(\"#my-carousel-element\");\n\nif (element) {\n  const blossom = Blossom(element);\n  blossom.init();\n}\n","js",[237,307,308,340,354,361,399,404,416,440,456],{"__ignoreMap":235},[240,309,310,314,318,322,325,328,331,334,337],{"class":242,"line":243},[240,311,313],{"class":312},"s7zQu","import",[240,315,317],{"class":316},"sMK4o"," {",[240,319,321],{"class":320},"sTEyZ"," Blossom",[240,323,324],{"class":316}," }",[240,326,327],{"class":312}," from",[240,329,330],{"class":316}," \"",[240,332,333],{"class":249},"@blossom-carousel\u002Fcore",[240,335,336],{"class":316},"\"",[240,338,339],{"class":316},";\n",[240,341,343,345,347,350,352],{"class":242,"line":342},2,[240,344,313],{"class":312},[240,346,330],{"class":316},[240,348,349],{"class":249},"@blossom-carousel\u002Fcore\u002Fstyle.css",[240,351,336],{"class":316},[240,353,339],{"class":316},[240,355,357],{"class":242,"line":356},3,[240,358,360],{"emptyLinePlaceholder":359},true,"\n",[240,362,364,368,371,374,377,380,384,387,389,392,394,397],{"class":242,"line":363},4,[240,365,367],{"class":366},"spNyl","const",[240,369,370],{"class":320}," element ",[240,372,373],{"class":316},"=",[240,375,376],{"class":320}," document",[240,378,379],{"class":316},".",[240,381,383],{"class":382},"s2Zo4","querySelector",[240,385,386],{"class":320},"(",[240,388,336],{"class":316},[240,390,391],{"class":249},"#my-carousel-element",[240,393,336],{"class":316},[240,395,396],{"class":320},")",[240,398,339],{"class":316},[240,400,402],{"class":242,"line":401},5,[240,403,360],{"emptyLinePlaceholder":359},[240,405,407,410,413],{"class":242,"line":406},6,[240,408,409],{"class":312},"if",[240,411,412],{"class":320}," (element) ",[240,414,415],{"class":316},"{\n",[240,417,419,422,425,428,430,433,436,438],{"class":242,"line":418},7,[240,420,421],{"class":366},"  const",[240,423,424],{"class":320}," blossom",[240,426,427],{"class":316}," =",[240,429,321],{"class":382},[240,431,386],{"class":432},"swJcz",[240,434,435],{"class":320},"element",[240,437,396],{"class":432},[240,439,339],{"class":316},[240,441,443,446,448,451,454],{"class":242,"line":442},8,[240,444,445],{"class":320},"  blossom",[240,447,379],{"class":316},[240,449,450],{"class":382},"init",[240,452,453],{"class":432},"()",[240,455,339],{"class":316},[240,457,459],{"class":242,"line":458},9,[240,460,461],{"class":316},"}\n",[221,463,465],{"id":464},"lazy-loading","Lazy loading",[467,468,469],"p",{},"Lazy load Blossom Carousel only on non-touch devices.",[229,471,473],{"className":303,"code":472,"language":305,"meta":235,"style":235},"const hasMouse = window.matchMedia(\n  \"(hover: hover) and (pointer: fine)\",\n).matches;\n\nif (hasMouse) {\n  const { Blossom } = await import(\"@blossom-carousel\u002Fcore\");\n  const element = document.querySelector(\"#my-carousel-element\");\n  const blossom = Blossom(element);\n  blossom.init();\n}\n",[237,474,475,495,508,519,523,532,562,589,607,619],{"__ignoreMap":235},[240,476,477,479,482,484,487,489,492],{"class":242,"line":243},[240,478,367],{"class":366},[240,480,481],{"class":320}," hasMouse ",[240,483,373],{"class":316},[240,485,486],{"class":320}," window",[240,488,379],{"class":316},[240,490,491],{"class":382},"matchMedia",[240,493,494],{"class":320},"(\n",[240,496,497,500,503,505],{"class":242,"line":342},[240,498,499],{"class":316},"  \"",[240,501,502],{"class":249},"(hover: hover) and (pointer: fine)",[240,504,336],{"class":316},[240,506,507],{"class":316},",\n",[240,509,510,512,514,517],{"class":242,"line":356},[240,511,396],{"class":320},[240,513,379],{"class":316},[240,515,516],{"class":320},"matches",[240,518,339],{"class":316},[240,520,521],{"class":242,"line":363},[240,522,360],{"emptyLinePlaceholder":359},[240,524,525,527,530],{"class":242,"line":401},[240,526,409],{"class":312},[240,528,529],{"class":320}," (hasMouse) ",[240,531,415],{"class":316},[240,533,534,536,538,540,542,544,547,550,552,554,556,558,560],{"class":242,"line":406},[240,535,421],{"class":366},[240,537,317],{"class":316},[240,539,321],{"class":320},[240,541,324],{"class":316},[240,543,427],{"class":316},[240,545,546],{"class":312}," await",[240,548,549],{"class":316}," import",[240,551,386],{"class":432},[240,553,336],{"class":316},[240,555,333],{"class":249},[240,557,336],{"class":316},[240,559,396],{"class":432},[240,561,339],{"class":316},[240,563,564,566,569,571,573,575,577,579,581,583,585,587],{"class":242,"line":418},[240,565,421],{"class":366},[240,567,568],{"class":320}," element",[240,570,427],{"class":316},[240,572,376],{"class":320},[240,574,379],{"class":316},[240,576,383],{"class":382},[240,578,386],{"class":432},[240,580,336],{"class":316},[240,582,391],{"class":249},[240,584,336],{"class":316},[240,586,396],{"class":432},[240,588,339],{"class":316},[240,590,591,593,595,597,599,601,603,605],{"class":242,"line":442},[240,592,421],{"class":366},[240,594,424],{"class":320},[240,596,427],{"class":316},[240,598,321],{"class":382},[240,600,386],{"class":432},[240,602,435],{"class":320},[240,604,396],{"class":432},[240,606,339],{"class":316},[240,608,609,611,613,615,617],{"class":242,"line":458},[240,610,445],{"class":320},[240,612,379],{"class":316},[240,614,450],{"class":382},[240,616,453],{"class":432},[240,618,339],{"class":316},[240,620,622],{"class":242,"line":621},10,[240,623,461],{"class":316},[221,625,627],{"id":626},"destroy","Destroy",[229,629,631],{"className":303,"code":630,"language":305,"meta":235,"style":235},"blossom.destroy();\n",[237,632,633],{"__ignoreMap":235},[240,634,635,638,640,642,644],{"class":242,"line":243},[240,636,637],{"class":320},"blossom",[240,639,379],{"class":316},[240,641,626],{"class":382},[240,643,453],{"class":320},[240,645,339],{"class":316},[467,647,648,649,652],{},"Call ",[237,650,651],{},"destroy()"," during route changes, component unmounting, or whenever the carousel root will be removed from the DOM.",[221,654,656],{"id":655},"button-controls","Button controls",[467,658,659,660,663,664,379],{},"Navigate the carousel programmatically with ",[237,661,662],{},"prev()"," and ",[237,665,666],{},"next()",[229,668,670],{"className":303,"code":669,"language":305,"meta":235,"style":235},"const blossomCarousel = document.querySelector(\"#blossom-carousel\");\n",[237,671,672],{"__ignoreMap":235},[240,673,674,676,679,681,683,685,687,689,691,694,696,698],{"class":242,"line":243},[240,675,367],{"class":366},[240,677,678],{"class":320}," blossomCarousel ",[240,680,373],{"class":316},[240,682,376],{"class":320},[240,684,379],{"class":316},[240,686,383],{"class":382},[240,688,386],{"class":320},[240,690,336],{"class":316},[240,692,693],{"class":249},"#blossom-carousel",[240,695,336],{"class":316},[240,697,396],{"class":320},[240,699,339],{"class":316},[229,701,705],{"className":702,"code":703,"language":704,"meta":235,"style":235},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cbutton onclick=\"blossomCarousel.prev()\">Previous\u003C\u002Fbutton>\n\u003Cbutton onclick=\"blossomCarousel.next()\">Next\u003C\u002Fbutton>\n","html",[237,706,707,748],{"__ignoreMap":235},[240,708,709,712,715,718,720,722,725,727,730,732,734,737,740,743,745],{"class":242,"line":243},[240,710,711],{"class":316},"\u003C",[240,713,714],{"class":432},"button",[240,716,717],{"class":366}," onclick",[240,719,373],{"class":316},[240,721,336],{"class":316},[240,723,724],{"class":320},"blossomCarousel",[240,726,379],{"class":316},[240,728,729],{"class":382},"prev",[240,731,453],{"class":249},[240,733,336],{"class":316},[240,735,736],{"class":316},">",[240,738,739],{"class":320},"Previous",[240,741,742],{"class":316},"\u003C\u002F",[240,744,714],{"class":432},[240,746,747],{"class":316},">\n",[240,749,750,752,754,756,758,760,762,764,767,769,771,773,776,778,780],{"class":242,"line":342},[240,751,711],{"class":316},[240,753,714],{"class":432},[240,755,717],{"class":366},[240,757,373],{"class":316},[240,759,336],{"class":316},[240,761,724],{"class":320},[240,763,379],{"class":316},[240,765,766],{"class":382},"next",[240,768,453],{"class":249},[240,770,336],{"class":316},[240,772,736],{"class":316},[240,774,775],{"class":320},"Next",[240,777,742],{"class":316},[240,779,714],{"class":432},[240,781,747],{"class":316},[221,783,785],{"id":784},"overscroll-api","Overscroll API",[467,787,788],{},"Tap into Blossom's drag engine's overscroll behavior to create your own style.",[229,790,792],{"className":303,"code":791,"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,793,794,830,836,850,854,878,882,921,973,982],{"__ignoreMap":235},[240,795,796,798,800,803,805,807,810,812,815,818,822,824,827],{"class":242,"line":243},[240,797,724],{"class":320},[240,799,379],{"class":316},[240,801,802],{"class":382},"addEventListener",[240,804,386],{"class":320},[240,806,336],{"class":316},[240,808,809],{"class":249},"overscroll",[240,811,336],{"class":316},[240,813,814],{"class":316},",",[240,816,817],{"class":316}," (",[240,819,821],{"class":820},"sHdIc","event",[240,823,396],{"class":316},[240,825,826],{"class":366}," =>",[240,828,829],{"class":316}," {\n",[240,831,832],{"class":242,"line":342},[240,833,835],{"class":834},"sHwdD","  \u002F\u002F prevent Blossom's default rubberbanding effect\n",[240,837,838,841,843,846,848],{"class":242,"line":356},[240,839,840],{"class":320},"  event",[240,842,379],{"class":316},[240,844,845],{"class":382},"preventDefault",[240,847,453],{"class":432},[240,849,339],{"class":316},[240,851,852],{"class":242,"line":363},[240,853,360],{"emptyLinePlaceholder":359},[240,855,856,858,861,863,866,868,871,873,876],{"class":242,"line":401},[240,857,421],{"class":366},[240,859,860],{"class":320}," overScroll",[240,862,427],{"class":316},[240,864,865],{"class":320}," event",[240,867,379],{"class":316},[240,869,870],{"class":320},"detail",[240,872,379],{"class":316},[240,874,875],{"class":320},"left",[240,877,339],{"class":316},[240,879,880],{"class":242,"line":406},[240,881,360],{"emptyLinePlaceholder":359},[240,883,884,887,889,892,894,896,898,901,903,905,908,910,912,915,917,919],{"class":242,"line":418},[240,885,886],{"class":320},"  Array",[240,888,379],{"class":316},[240,890,891],{"class":382},"from",[240,893,386],{"class":432},[240,895,724],{"class":320},[240,897,379],{"class":316},[240,899,900],{"class":320},"children",[240,902,396],{"class":432},[240,904,379],{"class":316},[240,906,907],{"class":382},"forEach",[240,909,386],{"class":432},[240,911,386],{"class":316},[240,913,914],{"class":820},"slide",[240,916,396],{"class":316},[240,918,826],{"class":366},[240,920,829],{"class":316},[240,922,923,926,928,931,933,936,938,941,944,947,951,954,957,960,963,966,968,971],{"class":242,"line":442},[240,924,925],{"class":320},"    slide",[240,927,379],{"class":316},[240,929,930],{"class":320},"style",[240,932,379],{"class":316},[240,934,935],{"class":320},"transform",[240,937,427],{"class":316},[240,939,940],{"class":316}," `",[240,942,943],{"class":249},"scale(",[240,945,946],{"class":316},"${",[240,948,950],{"class":949},"sbssI","1",[240,952,953],{"class":316}," -",[240,955,956],{"class":320}," overScroll ",[240,958,959],{"class":316},"*",[240,961,962],{"class":949}," 0.1",[240,964,965],{"class":316},"}",[240,967,396],{"class":249},[240,969,970],{"class":316},"`",[240,972,339],{"class":316},[240,974,975,978,980],{"class":242,"line":458},[240,976,977],{"class":316},"  }",[240,979,396],{"class":432},[240,981,339],{"class":316},[240,983,984,986,988],{"class":242,"line":621},[240,985,965],{"class":316},[240,987,396],{"class":320},[240,989,339],{"class":316},[930,991,992],{},"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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":342,"depth":342,"links":994},[995,996,997,998,999,1000],{"id":223,"depth":342,"text":224},{"id":299,"depth":342,"text":300},{"id":464,"depth":342,"text":465},{"id":626,"depth":342,"text":627},{"id":655,"depth":342,"text":656},{"id":784,"depth":342,"text":785},"Use Blossom Carousel Core directly with DOM elements, lazy loading, and lifecycle cleanup.","md",null,{},{"icon":49},{"title":1007,"description":1008},"Blossom Carousel Core API for JavaScript carousels","Initialize Blossom Carousel Core directly from a DOM element, lazy load the engine, and clean up with destroy.","DgaE5gpvNR-LIC-6VTv3fgR7h5W9Uw0AZ7xqFrWwWEQ",[1011,1013],{"title":41,"path":42,"stem":43,"description":1012,"icon":44,"children":-1},"Use Blossom Carousel as a framework-free custom element with package imports or a CDN build.",{"title":61,"path":62,"stem":63,"description":1014,"icon":64,"children":-1},"Make a scrollable and draggable carousel with Blossom Carousel.",1780251481875]