[{"data":1,"prerenderedAt":433},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-carousel":12,"i-ph:code":431},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":424,"extension":425,"meta":426,"navigation":118,"path":427,"seo":428,"stem":429,"__hash__":430},"docs\u002Fdocs\u002Fcomponents\u002Fcarousel.md","Carousel",{"type":16,"value":17,"toc":420},"minimark",[18,22,31,41,258,263,382,386,416],[19,20,14],"h1",{"id":21},"carousel",[23,24,25,26,30],"p",{},"A horizontally scrollable container for displaying a row of items. It supports drag-to-scroll, mouse wheel scrolling, and scroll shadow indicators. Items placed within the carousel should have a ",[27,28,29],"code",{},"min-width"," set to prevent flex from fitting everything without overflowing.",[32,33,34],"blockquote",{},[23,35,36,37,40],{},"When using the Carousel, you should set ",[27,38,39],{},":draggable=\"false\""," on child elements to avoid conflicts with the native drag behavior during drag-to-scroll.",[42,43,45],"carousel-example",{"source-path":44},"Carousel\u002FCarousel.vue",[46,47,52],"pre",{"className":48,"code":49,"language":50,"meta":51,"style":51},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Carousel } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CCarousel hide-scrollbar>\n    \u003Cdiv\n      v-for=\"item in items\"\n      :key=\"item.id\"\n      :draggable=\"false\"\n      style=\"min-width: 120px; height: 80px;\"\n    >\n      {{ item.label }}\n    \u003C\u002Fdiv>\n  \u003C\u002FCarousel>\n\u003C\u002Ftemplate>\n","vue","",[27,53,54,74,103,113,120,130,143,152,170,185,200,215,221,228,239,249],{"__ignoreMap":51},[55,56,59,63,67,71],"span",{"class":57,"line":58},"line",1,[55,60,62],{"class":61},"sP76a","\u003C",[55,64,66],{"class":65},"sKpE2","script",[55,68,70],{"class":69},"sflEz"," setup",[55,72,73],{"class":61},">\n",[55,75,77,80,83,86,89,92,96,100],{"class":57,"line":76},2,[55,78,79],{"class":65},"import",[55,81,82],{"class":61}," {",[55,84,85],{"class":69}," Carousel",[55,87,88],{"class":61}," }",[55,90,91],{"class":65}," from",[55,93,95],{"class":94},"sBR95"," '",[55,97,99],{"class":98},"sfmH-","@dolanske\u002Fvui",[55,101,102],{"class":94},"'\n",[55,104,106,109,111],{"class":57,"line":105},3,[55,107,108],{"class":61},"\u003C\u002F",[55,110,66],{"class":65},[55,112,73],{"class":61},[55,114,116],{"class":57,"line":115},4,[55,117,119],{"emptyLinePlaceholder":118},true,"\n",[55,121,123,125,128],{"class":57,"line":122},5,[55,124,62],{"class":61},[55,126,127],{"class":65},"template",[55,129,73],{"class":61},[55,131,133,136,138,141],{"class":57,"line":132},6,[55,134,135],{"class":61},"  \u003C",[55,137,14],{"class":65},[55,139,140],{"class":69}," hide-scrollbar",[55,142,73],{"class":61},[55,144,146,149],{"class":57,"line":145},7,[55,147,148],{"class":61},"    \u003C",[55,150,151],{"class":65},"div\n",[55,153,155,158,161,164,167],{"class":57,"line":154},8,[55,156,157],{"class":69},"      v-for",[55,159,160],{"class":61},"=",[55,162,163],{"class":94},"\"",[55,165,166],{"class":98},"item in items",[55,168,169],{"class":94},"\"\n",[55,171,173,176,178,180,183],{"class":57,"line":172},9,[55,174,175],{"class":69},"      :key",[55,177,160],{"class":61},[55,179,163],{"class":94},[55,181,182],{"class":98},"item.id",[55,184,169],{"class":94},[55,186,188,191,193,195,198],{"class":57,"line":187},10,[55,189,190],{"class":69},"      :draggable",[55,192,160],{"class":61},[55,194,163],{"class":94},[55,196,197],{"class":98},"false",[55,199,169],{"class":94},[55,201,203,206,208,210,213],{"class":57,"line":202},11,[55,204,205],{"class":69},"      style",[55,207,160],{"class":61},[55,209,163],{"class":94},[55,211,212],{"class":98},"min-width: 120px; height: 80px;",[55,214,169],{"class":94},[55,216,218],{"class":57,"line":217},12,[55,219,220],{"class":61},"    >\n",[55,222,224],{"class":57,"line":223},13,[55,225,227],{"class":226},"sX1ls","      {{ item.label }}\n",[55,229,231,234,237],{"class":57,"line":230},14,[55,232,233],{"class":61},"    \u003C\u002F",[55,235,236],{"class":65},"div",[55,238,73],{"class":61},[55,240,242,245,247],{"class":57,"line":241},15,[55,243,244],{"class":61},"  \u003C\u002F",[55,246,14],{"class":65},[55,248,73],{"class":61},[55,250,252,254,256],{"class":57,"line":251},16,[55,253,108],{"class":61},[55,255,127],{"class":65},[55,257,73],{"class":61},[259,260,262],"h3",{"id":261},"props","Props",[264,265,266,282],"table",{},[267,268,269],"thead",{},[270,271,272,276,279],"tr",{},[273,274,275],"th",{},"Name",[273,277,278],{},"Default",[273,280,281],{},"Type",[283,284,285,332,350,366],"tbody",{},[270,286,287,293,298],{},[288,289,290],"td",{},[27,291,292],{},"gap",[288,294,295],{},[27,296,297],{},"'s'",[288,299,300,303,304,303,307,303,310,303,313,303,316,303,319,303,322,303,325,303,328,331],{},[27,301,302],{},"xxs"," ",[27,305,306],{},"xs",[27,308,309],{},"s",[27,311,312],{},"m",[27,314,315],{},"l",[27,317,318],{},"xl",[27,320,321],{},"xxl",[27,323,324],{},"xxxl",[27,326,327],{},"number",[329,330],"br",{}," Controls the spacing between carousel items. Uses Flex gap under the hood",[270,333,334,339,342],{},[288,335,336],{},[27,337,338],{},"hideScrollbar",[288,340,341],{},"—",[288,343,344,303,347,349],{},[27,345,346],{},"boolean",[329,348],{}," Hides the horizontal scrollbar and removes scrollbar gutter padding",[270,351,352,357,359],{},[288,353,354],{},[27,355,356],{},"hideShadows",[288,358,341],{},[288,360,361,303,363,365],{},[27,362,346],{},[329,364],{}," Hides the left & right scroll shadow indicators",[270,367,368,373,375],{},[288,369,370],{},[27,371,372],{},"snap",[288,374,341],{},[288,376,377,303,379,381],{},[27,378,346],{},[329,380],{}," Enables scroll-snap so items snap into place when scrolling stops",[259,383,385],{"id":384},"slots","Slots",[264,387,388,399],{},[267,389,390],{},[270,391,392,394,396],{},[273,393,275],{},[273,395,262],{},[273,397,398],{},"Description",[283,400,401],{},[270,402,403,408,410],{},[288,404,405],{},[27,406,407],{},"default",[288,409,341],{},[288,411,412,413,415],{},"The carousel items. Each child should have a ",[27,414,29],{}," set",[417,418,419],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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 .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);}",{"title":51,"searchDepth":76,"depth":76,"links":421},[422,423],{"id":261,"depth":105,"text":262},{"id":384,"depth":105,"text":385},"A horizontally scrollable container for displaying a row of items. It supports drag-to-scroll, mouse wheel scrolling, and scroll shadow indicators. Items placed within the carousel should have a min-width set to prevent flex from fitting everything without overflowing.","md",{},"\u002Fdocs\u002Fcomponents\u002Fcarousel",{"title":14,"description":424},"docs\u002Fcomponents\u002Fcarousel","ni7KvZrpzpXZQwl_YFfkA9Y3afXad3waPrWHmBZKW2c",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":432},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200882488]