[{"data":1,"prerenderedAt":1206},["ShallowReactive",2],{"navigation_docs":3,"-docs-framework-guides-vue-nuxt":215,"-docs-framework-guides-vue-nuxt-surround":1201},[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":26,"body":217,"description":1192,"extension":1193,"links":1194,"meta":1195,"navigation":1196,"path":27,"seo":1197,"stem":28,"__hash__":1200},"docs\u002Fdocs\u002F2.framework-guides\u002F1.vue-nuxt.md",{"type":218,"value":219,"toc":1184},"minimark",[220,225,297,301,474,478,482,598,602,609,695,699,709,901,905,908,1181],[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\u002Fvue\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\u002Fvue\n",[229,255,258],{"className":231,"code":256,"filename":257,"language":234,"meta":235,"style":235},"bun add @blossom-carousel\u002Fvue\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\u002Fvue\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\u002Fvue\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},"local-component-usage","Local component usage",[229,302,306],{"className":303,"code":304,"language":305,"meta":235,"style":235},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { BlossomCarousel } from \"@blossom-carousel\u002Fvue\";\nimport \"@blossom-carousel\u002Fcore\u002Fstyle.css\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CBlossomCarousel>\n    \u003Cdiv v-for=\"i in 12\" :key=\"i\">Slide {{ i }}\u003C\u002Fdiv>\n  \u003C\u002FBlossomCarousel>\n\u003C\u002Ftemplate>\n","vue",[237,307,308,325,357,371,381,388,398,409,455,465],{"__ignoreMap":235},[240,309,310,314,318,322],{"class":242,"line":243},[240,311,313],{"class":312},"sMK4o","\u003C",[240,315,317],{"class":316},"swJcz","script",[240,319,321],{"class":320},"spNyl"," setup",[240,323,324],{"class":312},">\n",[240,326,328,332,335,339,342,345,348,351,354],{"class":242,"line":327},2,[240,329,331],{"class":330},"s7zQu","import",[240,333,334],{"class":312}," {",[240,336,338],{"class":337},"sTEyZ"," BlossomCarousel",[240,340,341],{"class":312}," }",[240,343,344],{"class":330}," from",[240,346,347],{"class":312}," \"",[240,349,350],{"class":249},"@blossom-carousel\u002Fvue",[240,352,353],{"class":312},"\"",[240,355,356],{"class":312},";\n",[240,358,360,362,364,367,369],{"class":242,"line":359},3,[240,361,331],{"class":330},[240,363,347],{"class":312},[240,365,366],{"class":249},"@blossom-carousel\u002Fcore\u002Fstyle.css",[240,368,353],{"class":312},[240,370,356],{"class":312},[240,372,374,377,379],{"class":242,"line":373},4,[240,375,376],{"class":312},"\u003C\u002F",[240,378,317],{"class":316},[240,380,324],{"class":312},[240,382,384],{"class":242,"line":383},5,[240,385,387],{"emptyLinePlaceholder":386},true,"\n",[240,389,391,393,396],{"class":242,"line":390},6,[240,392,313],{"class":312},[240,394,395],{"class":316},"template",[240,397,324],{"class":312},[240,399,401,404,407],{"class":242,"line":400},7,[240,402,403],{"class":312},"  \u003C",[240,405,406],{"class":316},"BlossomCarousel",[240,408,324],{"class":312},[240,410,412,415,418,421,424,426,429,431,434,436,438,441,443,446,449,451,453],{"class":242,"line":411},8,[240,413,414],{"class":312},"    \u003C",[240,416,417],{"class":316},"div",[240,419,420],{"class":320}," v-for",[240,422,423],{"class":312},"=",[240,425,353],{"class":312},[240,427,428],{"class":249},"i in 12",[240,430,353],{"class":312},[240,432,433],{"class":320}," :key",[240,435,423],{"class":312},[240,437,353],{"class":312},[240,439,440],{"class":249},"i",[240,442,353],{"class":312},[240,444,445],{"class":312},">",[240,447,448],{"class":337},"Slide {{ i }}",[240,450,376],{"class":312},[240,452,417],{"class":316},[240,454,324],{"class":312},[240,456,458,461,463],{"class":242,"line":457},9,[240,459,460],{"class":312},"  \u003C\u002F",[240,462,406],{"class":316},[240,464,324],{"class":312},[240,466,468,470,472],{"class":242,"line":467},10,[240,469,376],{"class":312},[240,471,395],{"class":316},[240,473,324],{"class":312},[221,475,477],{"id":476},"nuxt-plugin","Nuxt plugin",[479,480,481],"p",{},"Register the component globally to use it across the app.",[229,483,488],{"className":484,"code":485,"filename":486,"language":487,"meta":235,"style":235},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { BlossomCarousel } from \"@blossom-carousel\u002Fvue\";\nimport \"@blossom-carousel\u002Fcore\u002Fstyle.css\";\n\nexport default defineNuxtPlugin((nuxtApp) => {\n  nuxtApp.vueApp.component(\"BlossomCarousel\", BlossomCarousel);\n});\n","plugins\u002Fblossom-carousel.ts","ts",[237,489,490,510,522,526,556,589],{"__ignoreMap":235},[240,491,492,494,496,498,500,502,504,506,508],{"class":242,"line":243},[240,493,331],{"class":330},[240,495,334],{"class":312},[240,497,338],{"class":337},[240,499,341],{"class":312},[240,501,344],{"class":330},[240,503,347],{"class":312},[240,505,350],{"class":249},[240,507,353],{"class":312},[240,509,356],{"class":312},[240,511,512,514,516,518,520],{"class":242,"line":327},[240,513,331],{"class":330},[240,515,347],{"class":312},[240,517,366],{"class":249},[240,519,353],{"class":312},[240,521,356],{"class":312},[240,523,524],{"class":242,"line":359},[240,525,387],{"emptyLinePlaceholder":386},[240,527,528,531,534,538,541,543,547,550,553],{"class":242,"line":373},[240,529,530],{"class":330},"export",[240,532,533],{"class":330}," default",[240,535,537],{"class":536},"s2Zo4"," defineNuxtPlugin",[240,539,540],{"class":337},"(",[240,542,540],{"class":312},[240,544,546],{"class":545},"sHdIc","nuxtApp",[240,548,549],{"class":312},")",[240,551,552],{"class":320}," =>",[240,554,555],{"class":312}," {\n",[240,557,558,561,564,567,569,572,574,576,578,580,583,585,587],{"class":242,"line":383},[240,559,560],{"class":337},"  nuxtApp",[240,562,563],{"class":312},".",[240,565,566],{"class":337},"vueApp",[240,568,563],{"class":312},[240,570,571],{"class":536},"component",[240,573,540],{"class":316},[240,575,353],{"class":312},[240,577,406],{"class":249},[240,579,353],{"class":312},[240,581,582],{"class":312},",",[240,584,338],{"class":337},[240,586,549],{"class":316},[240,588,356],{"class":312},[240,590,591,594,596],{"class":242,"line":390},[240,592,593],{"class":312},"}",[240,595,549],{"class":337},[240,597,356],{"class":312},[221,599,601],{"id":600},"semantic-root-element","Semantic root element",[479,603,604,605,608],{},"Use ",[237,606,607],{},"as=\"ul\""," for list-like carousels.",[229,610,612],{"className":303,"code":611,"language":305,"meta":235,"style":235},"\u003Ctemplate>\n  \u003CBlossomCarousel as=\"ul\">\n    \u003Cli v-for=\"i in 12\" :key=\"i\">Slide {{ i }}\u003C\u002Fli>\n  \u003C\u002FBlossomCarousel>\n\u003C\u002Ftemplate>\n",[237,613,614,622,642,679,687],{"__ignoreMap":235},[240,615,616,618,620],{"class":242,"line":243},[240,617,313],{"class":312},[240,619,395],{"class":316},[240,621,324],{"class":312},[240,623,624,626,628,631,633,635,638,640],{"class":242,"line":327},[240,625,403],{"class":312},[240,627,406],{"class":316},[240,629,630],{"class":320}," as",[240,632,423],{"class":312},[240,634,353],{"class":312},[240,636,637],{"class":249},"ul",[240,639,353],{"class":312},[240,641,324],{"class":312},[240,643,644,646,649,651,653,655,657,659,661,663,665,667,669,671,673,675,677],{"class":242,"line":359},[240,645,414],{"class":312},[240,647,648],{"class":316},"li",[240,650,420],{"class":320},[240,652,423],{"class":312},[240,654,353],{"class":312},[240,656,428],{"class":249},[240,658,353],{"class":312},[240,660,433],{"class":320},[240,662,423],{"class":312},[240,664,353],{"class":312},[240,666,440],{"class":249},[240,668,353],{"class":312},[240,670,445],{"class":312},[240,672,448],{"class":337},[240,674,376],{"class":312},[240,676,648],{"class":316},[240,678,324],{"class":312},[240,680,681,683,685],{"class":242,"line":373},[240,682,460],{"class":312},[240,684,406],{"class":316},[240,686,324],{"class":312},[240,688,689,691,693],{"class":242,"line":383},[240,690,376],{"class":312},[240,692,395],{"class":316},[240,694,324],{"class":312},[221,696,698],{"id":697},"button-controls","Button controls",[479,700,701,702,705,706,563],{},"Navigate the carousel programmatically with ",[237,703,704],{},"prev()"," and ",[237,707,708],{},"next()",[229,710,712],{"className":303,"code":711,"language":305,"meta":235,"style":235},"\u003Ctemplate>\n  \u003CBlossomCarousel ref=\"blossomCarousel\">\n    \u003Cdiv v-for=\"i in 12\" :key=\"i\">Slide {{ i }}\u003C\u002Fdiv>\n  \u003C\u002FBlossomCarousel>\n\n  \u003Cbutton @click=\"blossomCarousel.prev()\">Previous\u003C\u002Fbutton>\n  \u003Cbutton @click=\"blossomCarousel.next()\">Next\u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nconst blossomCarousel = ref(null);\n\u003C\u002Fscript>\n",[237,713,714,722,742,778,786,790,820,848,856,860,870,892],{"__ignoreMap":235},[240,715,716,718,720],{"class":242,"line":243},[240,717,313],{"class":312},[240,719,395],{"class":316},[240,721,324],{"class":312},[240,723,724,726,728,731,733,735,738,740],{"class":242,"line":327},[240,725,403],{"class":312},[240,727,406],{"class":316},[240,729,730],{"class":320}," ref",[240,732,423],{"class":312},[240,734,353],{"class":312},[240,736,737],{"class":249},"blossomCarousel",[240,739,353],{"class":312},[240,741,324],{"class":312},[240,743,744,746,748,750,752,754,756,758,760,762,764,766,768,770,772,774,776],{"class":242,"line":359},[240,745,414],{"class":312},[240,747,417],{"class":316},[240,749,420],{"class":320},[240,751,423],{"class":312},[240,753,353],{"class":312},[240,755,428],{"class":249},[240,757,353],{"class":312},[240,759,433],{"class":320},[240,761,423],{"class":312},[240,763,353],{"class":312},[240,765,440],{"class":249},[240,767,353],{"class":312},[240,769,445],{"class":312},[240,771,448],{"class":337},[240,773,376],{"class":312},[240,775,417],{"class":316},[240,777,324],{"class":312},[240,779,780,782,784],{"class":242,"line":373},[240,781,460],{"class":312},[240,783,406],{"class":316},[240,785,324],{"class":312},[240,787,788],{"class":242,"line":383},[240,789,387],{"emptyLinePlaceholder":386},[240,791,792,794,797,800,802,804,807,809,811,814,816,818],{"class":242,"line":390},[240,793,403],{"class":312},[240,795,796],{"class":316},"button",[240,798,799],{"class":320}," @click",[240,801,423],{"class":312},[240,803,353],{"class":312},[240,805,806],{"class":249},"blossomCarousel.prev()",[240,808,353],{"class":312},[240,810,445],{"class":312},[240,812,813],{"class":337},"Previous",[240,815,376],{"class":312},[240,817,796],{"class":316},[240,819,324],{"class":312},[240,821,822,824,826,828,830,832,835,837,839,842,844,846],{"class":242,"line":400},[240,823,403],{"class":312},[240,825,796],{"class":316},[240,827,799],{"class":320},[240,829,423],{"class":312},[240,831,353],{"class":312},[240,833,834],{"class":249},"blossomCarousel.next()",[240,836,353],{"class":312},[240,838,445],{"class":312},[240,840,841],{"class":337},"Next",[240,843,376],{"class":312},[240,845,796],{"class":316},[240,847,324],{"class":312},[240,849,850,852,854],{"class":242,"line":411},[240,851,376],{"class":312},[240,853,395],{"class":316},[240,855,324],{"class":312},[240,857,858],{"class":242,"line":457},[240,859,387],{"emptyLinePlaceholder":386},[240,861,862,864,866,868],{"class":242,"line":467},[240,863,313],{"class":312},[240,865,317],{"class":316},[240,867,321],{"class":320},[240,869,324],{"class":312},[240,871,873,876,879,881,883,885,888,890],{"class":242,"line":872},11,[240,874,875],{"class":320},"const",[240,877,878],{"class":337}," blossomCarousel ",[240,880,423],{"class":312},[240,882,730],{"class":536},[240,884,540],{"class":337},[240,886,887],{"class":312},"null",[240,889,549],{"class":337},[240,891,356],{"class":312},[240,893,895,897,899],{"class":242,"line":894},12,[240,896,376],{"class":312},[240,898,317],{"class":316},[240,900,324],{"class":312},[221,902,904],{"id":903},"overscroll-api","Overscroll API",[479,906,907],{},"Tap into Blossom's drag engine's overscroll behavior to create your own style.",[229,909,911],{"className":303,"code":910,"language":305,"meta":235,"style":235},"\u003Ctemplate>\n  \u003C!-- prevent and overwrite Blossom's default rubberbanding effect -->\n  \u003CBlossomCarousel @overscroll.prevent=\"onOverscroll\">\n    \u003Cdiv v-for=\"i in 12\" :key=\"i\">Slide {{ i }}\u003C\u002Fdiv>\n  \u003C\u002FBlossomCarousel>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nfunction onOverscroll(event) {\n  const overScroll = event.detail.left;\n\n  Array.from(blossomCarousel.value.children).forEach((slide) => {\n    slide.style.transform = `scale(${1 - overScroll * 0.1})`;\n  });\n}\n\u003C\u002Fscript>\n",[237,912,913,921,927,947,983,991,999,1003,1013,1030,1056,1060,1104,1156,1166,1172],{"__ignoreMap":235},[240,914,915,917,919],{"class":242,"line":243},[240,916,313],{"class":312},[240,918,395],{"class":316},[240,920,324],{"class":312},[240,922,923],{"class":242,"line":327},[240,924,926],{"class":925},"sHwdD","  \u003C!-- prevent and overwrite Blossom's default rubberbanding effect -->\n",[240,928,929,931,933,936,938,940,943,945],{"class":242,"line":359},[240,930,403],{"class":312},[240,932,406],{"class":316},[240,934,935],{"class":320}," @overscroll.prevent",[240,937,423],{"class":312},[240,939,353],{"class":312},[240,941,942],{"class":249},"onOverscroll",[240,944,353],{"class":312},[240,946,324],{"class":312},[240,948,949,951,953,955,957,959,961,963,965,967,969,971,973,975,977,979,981],{"class":242,"line":373},[240,950,414],{"class":312},[240,952,417],{"class":316},[240,954,420],{"class":320},[240,956,423],{"class":312},[240,958,353],{"class":312},[240,960,428],{"class":249},[240,962,353],{"class":312},[240,964,433],{"class":320},[240,966,423],{"class":312},[240,968,353],{"class":312},[240,970,440],{"class":249},[240,972,353],{"class":312},[240,974,445],{"class":312},[240,976,448],{"class":337},[240,978,376],{"class":312},[240,980,417],{"class":316},[240,982,324],{"class":312},[240,984,985,987,989],{"class":242,"line":383},[240,986,460],{"class":312},[240,988,406],{"class":316},[240,990,324],{"class":312},[240,992,993,995,997],{"class":242,"line":390},[240,994,376],{"class":312},[240,996,395],{"class":316},[240,998,324],{"class":312},[240,1000,1001],{"class":242,"line":400},[240,1002,387],{"emptyLinePlaceholder":386},[240,1004,1005,1007,1009,1011],{"class":242,"line":411},[240,1006,313],{"class":312},[240,1008,317],{"class":316},[240,1010,321],{"class":320},[240,1012,324],{"class":312},[240,1014,1015,1018,1021,1023,1026,1028],{"class":242,"line":457},[240,1016,1017],{"class":320},"function",[240,1019,1020],{"class":536}," onOverscroll",[240,1022,540],{"class":312},[240,1024,1025],{"class":545},"event",[240,1027,549],{"class":312},[240,1029,555],{"class":312},[240,1031,1032,1035,1038,1041,1044,1046,1049,1051,1054],{"class":242,"line":467},[240,1033,1034],{"class":320},"  const",[240,1036,1037],{"class":337}," overScroll",[240,1039,1040],{"class":312}," =",[240,1042,1043],{"class":337}," event",[240,1045,563],{"class":312},[240,1047,1048],{"class":337},"detail",[240,1050,563],{"class":312},[240,1052,1053],{"class":337},"left",[240,1055,356],{"class":312},[240,1057,1058],{"class":242,"line":872},[240,1059,387],{"emptyLinePlaceholder":386},[240,1061,1062,1065,1067,1070,1072,1074,1076,1079,1081,1084,1086,1088,1091,1093,1095,1098,1100,1102],{"class":242,"line":894},[240,1063,1064],{"class":337},"  Array",[240,1066,563],{"class":312},[240,1068,1069],{"class":536},"from",[240,1071,540],{"class":316},[240,1073,737],{"class":337},[240,1075,563],{"class":312},[240,1077,1078],{"class":337},"value",[240,1080,563],{"class":312},[240,1082,1083],{"class":337},"children",[240,1085,549],{"class":316},[240,1087,563],{"class":312},[240,1089,1090],{"class":536},"forEach",[240,1092,540],{"class":316},[240,1094,540],{"class":312},[240,1096,1097],{"class":545},"slide",[240,1099,549],{"class":312},[240,1101,552],{"class":320},[240,1103,555],{"class":312},[240,1105,1107,1110,1112,1115,1117,1120,1122,1125,1128,1131,1135,1138,1141,1144,1147,1149,1151,1154],{"class":242,"line":1106},13,[240,1108,1109],{"class":337},"    slide",[240,1111,563],{"class":312},[240,1113,1114],{"class":337},"style",[240,1116,563],{"class":312},[240,1118,1119],{"class":337},"transform",[240,1121,1040],{"class":312},[240,1123,1124],{"class":312}," `",[240,1126,1127],{"class":249},"scale(",[240,1129,1130],{"class":312},"${",[240,1132,1134],{"class":1133},"sbssI","1",[240,1136,1137],{"class":312}," -",[240,1139,1140],{"class":337}," overScroll ",[240,1142,1143],{"class":312},"*",[240,1145,1146],{"class":1133}," 0.1",[240,1148,593],{"class":312},[240,1150,549],{"class":249},[240,1152,1153],{"class":312},"`",[240,1155,356],{"class":312},[240,1157,1159,1162,1164],{"class":242,"line":1158},14,[240,1160,1161],{"class":312},"  }",[240,1163,549],{"class":316},[240,1165,356],{"class":312},[240,1167,1169],{"class":242,"line":1168},15,[240,1170,1171],{"class":312},"}\n",[240,1173,1175,1177,1179],{"class":242,"line":1174},16,[240,1176,376],{"class":312},[240,1178,317],{"class":316},[240,1180,324],{"class":312},[1114,1182,1183],{},"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 .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 .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 .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":327,"depth":327,"links":1185},[1186,1187,1188,1189,1190,1191],{"id":223,"depth":327,"text":224},{"id":299,"depth":327,"text":300},{"id":476,"depth":327,"text":477},{"id":600,"depth":327,"text":601},{"id":697,"depth":327,"text":698},{"id":903,"depth":327,"text":904},"Use Blossom Carousel in Vue and Nuxt apps with local imports or global plugin registration.","md",null,{},{"icon":29},{"title":1198,"description":1199},"Vue carousel component for Blossom Carousel and Nuxt","Install and use the Blossom Carousel Vue component in Vue and Nuxt apps with the core stylesheet and semantic carousel markup.","Bw77Zu9ESND6L4kvN9hBzkTwvTuB5fqPPvUHys4gd2g",[1202,1204],{"title":16,"path":17,"stem":18,"description":1203,"icon":19,"children":-1},"Install Blossom Carousel for Vue, React, Svelte, Web Components, or direct Core usage.",{"title":31,"path":32,"stem":33,"description":1205,"icon":34,"children":-1},"Use Blossom Carousel in React and Next.js apps with tsx, global styles, and semantic root elements.",1780243958845]