[{"data":1,"prerenderedAt":507},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-carousel":24},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":500,"extension":501,"meta":502,"navigation":129,"path":503,"seo":504,"stem":505,"__hash__":506},"docs/docs/components/carousel.md","Carousel",{"type":28,"value":29,"toc":495},"minimark",[30,34,43,53,322,327,430,434,464,468,491],[31,32,26],"h1",{"id":33},"carousel",[35,36,37,38,42],"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 ",[39,40,41],"code",{},"min-width"," set to prevent flex from fitting everything without overflowing.",[44,45,46],"blockquote",{},[35,47,48,49,52],{},"When using the Carousel, you should set ",[39,50,51],{},":draggable=\"false\""," on child elements to avoid conflicts with the native drag behavior during drag-to-scroll.",[54,55,56],"carousel-example",{},[57,58,63],"pre",{"className":59,"code":60,"language":61,"meta":62,"style":62},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Carousel } from '@dolanske/vui'\n\u003C/script>\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/div>\n  \u003C/Carousel>\n\u003C/template>\n","vue","",[39,64,65,85,114,124,131,141,154,163,188,212,229,269,275,292,303,313],{"__ignoreMap":62},[66,67,70,74,78,82],"span",{"class":68,"line":69},"line",1,[66,71,73],{"class":72},"sP76a","\u003C",[66,75,77],{"class":76},"sKpE2","script",[66,79,81],{"class":80},"sflEz"," setup",[66,83,84],{"class":72},">\n",[66,86,88,91,94,97,100,103,107,111],{"class":68,"line":87},2,[66,89,90],{"class":76},"import",[66,92,93],{"class":72}," {",[66,95,96],{"class":80}," Carousel",[66,98,99],{"class":72}," }",[66,101,102],{"class":76}," from",[66,104,106],{"class":105},"sBR95"," '",[66,108,110],{"class":109},"sfmH-","@dolanske/vui",[66,112,113],{"class":105},"'\n",[66,115,117,120,122],{"class":68,"line":116},3,[66,118,119],{"class":72},"\u003C/",[66,121,77],{"class":76},[66,123,84],{"class":72},[66,125,127],{"class":68,"line":126},4,[66,128,130],{"emptyLinePlaceholder":129},true,"\n",[66,132,134,136,139],{"class":68,"line":133},5,[66,135,73],{"class":72},[66,137,138],{"class":76},"template",[66,140,84],{"class":72},[66,142,144,147,149,152],{"class":68,"line":143},6,[66,145,146],{"class":72},"  \u003C",[66,148,26],{"class":76},[66,150,151],{"class":80}," hide-scrollbar",[66,153,84],{"class":72},[66,155,157,160],{"class":68,"line":156},7,[66,158,159],{"class":72},"    \u003C",[66,161,162],{"class":76},"div\n",[66,164,166,169,172,175,178,182,185],{"class":68,"line":165},8,[66,167,168],{"class":76},"      v-for",[66,170,171],{"class":72},"=",[66,173,174],{"class":72},"\"",[66,176,177],{"class":80},"item",[66,179,181],{"class":180},"sCMWV"," in",[66,183,184],{"class":80}," items",[66,186,187],{"class":72},"\"\n",[66,189,191,194,198,200,202,204,207,210],{"class":68,"line":190},9,[66,192,193],{"class":72},"      :",[66,195,197],{"class":196},"sRTv0","key",[66,199,171],{"class":72},[66,201,174],{"class":72},[66,203,177],{"class":80},[66,205,206],{"class":72},".",[66,208,209],{"class":80},"id",[66,211,187],{"class":72},[66,213,215,217,220,222,224,227],{"class":68,"line":214},10,[66,216,193],{"class":72},[66,218,219],{"class":196},"draggable",[66,221,171],{"class":72},[66,223,174],{"class":72},[66,225,226],{"class":76},"false",[66,228,187],{"class":72},[66,230,232,235,237,239,242,245,249,252,255,258,260,263,265,267],{"class":68,"line":231},11,[66,233,234],{"class":196},"      style",[66,236,171],{"class":72},[66,238,174],{"class":72},[66,240,41],{"class":241},"sDB6b",[66,243,244],{"class":72},":",[66,246,248],{"class":247},"socUO"," 120",[66,250,251],{"class":180},"px",[66,253,254],{"class":72},";",[66,256,257],{"class":241}," height",[66,259,244],{"class":72},[66,261,262],{"class":247}," 80",[66,264,251],{"class":180},[66,266,254],{"class":72},[66,268,187],{"class":72},[66,270,272],{"class":68,"line":271},12,[66,273,274],{"class":72},"    >\n",[66,276,278,281,284,286,289],{"class":68,"line":277},13,[66,279,280],{"class":72},"      {{",[66,282,283],{"class":80}," item",[66,285,206],{"class":72},[66,287,288],{"class":80},"label",[66,290,291],{"class":72}," }}\n",[66,293,295,298,301],{"class":68,"line":294},14,[66,296,297],{"class":72},"    \u003C/",[66,299,300],{"class":76},"div",[66,302,84],{"class":72},[66,304,306,309,311],{"class":68,"line":305},15,[66,307,308],{"class":72},"  \u003C/",[66,310,26],{"class":76},[66,312,84],{"class":72},[66,314,316,318,320],{"class":68,"line":315},16,[66,317,119],{"class":72},[66,319,138],{"class":76},[66,321,84],{"class":72},[323,324,326],"h3",{"id":325},"props","Props",[328,329,330,346],"table",{},[331,332,333],"thead",{},[334,335,336,340,343],"tr",{},[337,338,339],"th",{},"Name",[337,341,342],{},"Default",[337,344,345],{},"Type",[347,348,349,396,414],"tbody",{},[334,350,351,357,362],{},[352,353,354],"td",{},[39,355,356],{},"gap",[352,358,359],{},[39,360,361],{},"'s'",[352,363,364,367,368,367,371,367,374,367,377,367,380,367,383,367,386,367,389,367,392,395],{},[39,365,366],{},"xxs"," ",[39,369,370],{},"xs",[39,372,373],{},"s",[39,375,376],{},"m",[39,378,379],{},"l",[39,381,382],{},"xl",[39,384,385],{},"xxl",[39,387,388],{},"xxxl",[39,390,391],{},"number",[393,394],"br",{}," Controls the spacing between carousel items. Uses Flex gap under the hood",[334,397,398,403,406],{},[352,399,400],{},[39,401,402],{},"hideScrollbar",[352,404,405],{},"—",[352,407,408,367,411,413],{},[39,409,410],{},"boolean",[393,412],{}," Hides the horizontal scrollbar and removes scrollbar gutter padding",[334,415,416,421,423],{},[352,417,418],{},[39,419,420],{},"hideShadows",[352,422,405],{},[352,424,425,367,427,429],{},[39,426,410],{},[393,428],{}," Hides the left & right scroll shadow indicators",[323,431,433],{"id":432},"slots","Slots",[328,435,436,447],{},[331,437,438],{},[334,439,440,442,444],{},[337,441,339],{},[337,443,326],{},[337,445,446],{},"Description",[347,448,449],{},[334,450,451,456,458],{},[352,452,453],{},[39,454,455],{},"default",[352,457,405],{},[352,459,460,461,463],{},"The carousel items. Each child should have a ",[39,462,41],{}," set",[323,465,467],{"id":466},"features","Features",[469,470,471,479,485],"ul",{},[472,473,474,478],"li",{},[475,476,477],"strong",{},"Drag to scroll"," — Click and drag horizontally to scroll through items. A threshold prevents accidental drags from triggering on simple clicks.",[472,480,481,484],{},[475,482,483],{},"Wheel scrolling"," — Vertical mouse wheel input is converted to horizontal scrolling within the carousel.",[472,486,487,490],{},[475,488,489],{},"Scroll shadows"," — Gradient shadow indicators appear on the left and right edges when there is more content to scroll to in that direction.",[492,493,494],"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 .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}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":62,"searchDepth":87,"depth":87,"links":496},[497,498,499],{"id":325,"depth":116,"text":326},{"id":432,"depth":116,"text":433},{"id":466,"depth":116,"text":467},"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",{},"/docs/components/carousel",{"title":26,"description":500},"docs/components/carousel","i9lEIEVVdTXSRcMo1X-G-1BIoIMATtIycaHAjaxJcUc",1777992280759]