[{"data":1,"prerenderedAt":2683},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fswiper":406,"\u002Fcomponents\u002Fswiper-surround":2678},[4,34,51,301,327,332,337],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"id":407,"title":267,"body":408,"description":2667,"extension":2577,"links":2668,"meta":2674,"navigation":2675,"package":63,"path":268,"seo":2676,"stem":269,"__hash__":2677},"docs\u002F3.components\u002Fswiper.md",{"type":409,"value":410,"toc":2648},"minimark",[411,416,435,440,448,452,463,969,980,985,1004,1380,1386,1390,1403,1676,1682,1686,1693,1788,1792,1802,1974,1978,2027,2031,2034,2133,2146,2154,2158,2385,2389,2419,2430,2434,2485,2489,2498,2563,2578,2581,2589,2592,2596,2619,2623,2644],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,426,427,430,431,434],"p",{},[420,421,422],"code",{},"VySwiper"," is the styled carousel wrapper around the ",[420,425,41],{}," ",[420,428,429],{},"SwiperRoot"," and ",[420,432,433],{},"SwiperItem"," primitives. It supports controlled index state, data-driven or manual slides, measured full-width pages, seamless looping, autoplay, horizontal gesture locking, and optional indicators.",[436,437],"component-code",{"height":438,"name":439},"280px","swiper-example",[441,442,445],"callout",{"color":443,"icon":444},"warning","i-lucide-pointer",[417,446,447],{},"Swipe gestures aren't wired up in the web preview yet, so the slides won't drag here — view this on a device or in Lynx Explorer for the real interaction. The code below runs as-is on iOS and Android.",[412,449,451],{"id":450},"usage","Usage",[417,453,454,455,458,459,462],{},"Pass an ",[420,456,457],{},"items"," array and render each slide through the ",[420,460,461],{},"item"," slot.",[464,465,470],"pre",{"className":466,"code":467,"language":468,"meta":469,"style":469},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySwiper } from '@vyui\u002Fkit'\n\nconst current = ref(0)\nconst slides = [\n  { title: 'Explore', description: 'Find something new.' },\n  { title: 'Save', description: 'Keep favorites close.' },\n  { title: 'Share', description: 'Send them to friends.' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySwiper\n    v-model=\"current\"\n    :items=\"slides\"\n    show-indicators\n  >\n    \u003Ctemplate #item=\"{ item, index }\">\n      \u003Cview class=\"h-48 p-6 bg-neutral-100\">\n        \u003Ctext class=\"text-xl font-semibold\">{{ item.title }}\u003C\u002Ftext>\n        \u003Ctext class=\"mt-2 text-neutral-600\">{{ item.description }}\u003C\u002Ftext>\n        \u003Ctext class=\"mt-4 text-sm text-neutral-500\">Slide {{ index + 1 }}\u003C\u002Ftext>\n      \u003C\u002Fview>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVySwiper>\n\u003C\u002Ftemplate>\n","vue","",[420,471,472,507,535,555,562,586,599,637,668,699,705,715,720,730,739,755,770,776,782,817,840,872,901,930,940,950,960],{"__ignoreMap":469},[473,474,477,481,485,489,492,495,498,502,504],"span",{"class":475,"line":476},"line",1,[473,478,480],{"class":479},"sMK4o","\u003C",[473,482,484],{"class":483},"swJcz","script",[473,486,488],{"class":487},"spNyl"," setup",[473,490,491],{"class":487}," lang",[473,493,494],{"class":479},"=",[473,496,497],{"class":479},"\"",[473,499,501],{"class":500},"sfazB","ts",[473,503,497],{"class":479},[473,505,506],{"class":479},">\n",[473,508,510,514,517,521,524,527,530,532],{"class":475,"line":509},2,[473,511,513],{"class":512},"s7zQu","import",[473,515,516],{"class":479}," {",[473,518,520],{"class":519},"sTEyZ"," ref",[473,522,523],{"class":479}," }",[473,525,526],{"class":512}," from",[473,528,529],{"class":479}," '",[473,531,468],{"class":500},[473,533,534],{"class":479},"'\n",[473,536,538,540,542,545,547,549,551,553],{"class":475,"line":537},3,[473,539,513],{"class":512},[473,541,516],{"class":479},[473,543,544],{"class":519}," VySwiper",[473,546,523],{"class":479},[473,548,526],{"class":512},[473,550,529],{"class":479},[473,552,46],{"class":500},[473,554,534],{"class":479},[473,556,558],{"class":475,"line":557},4,[473,559,561],{"emptyLinePlaceholder":560},true,"\n",[473,563,565,568,571,573,576,579,583],{"class":475,"line":564},5,[473,566,567],{"class":487},"const",[473,569,570],{"class":519}," current ",[473,572,494],{"class":479},[473,574,520],{"class":575},"s2Zo4",[473,577,578],{"class":519},"(",[473,580,582],{"class":581},"sbssI","0",[473,584,585],{"class":519},")\n",[473,587,589,591,594,596],{"class":475,"line":588},6,[473,590,567],{"class":487},[473,592,593],{"class":519}," slides ",[473,595,494],{"class":479},[473,597,598],{"class":519}," [\n",[473,600,602,605,608,611,613,616,619,622,625,627,629,632,634],{"class":475,"line":601},7,[473,603,604],{"class":479},"  {",[473,606,607],{"class":483}," title",[473,609,610],{"class":479},":",[473,612,529],{"class":479},[473,614,615],{"class":500},"Explore",[473,617,618],{"class":479},"'",[473,620,621],{"class":479},",",[473,623,624],{"class":483}," description",[473,626,610],{"class":479},[473,628,529],{"class":479},[473,630,631],{"class":500},"Find something new.",[473,633,618],{"class":479},[473,635,636],{"class":479}," },\n",[473,638,640,642,644,646,648,651,653,655,657,659,661,664,666],{"class":475,"line":639},8,[473,641,604],{"class":479},[473,643,607],{"class":483},[473,645,610],{"class":479},[473,647,529],{"class":479},[473,649,650],{"class":500},"Save",[473,652,618],{"class":479},[473,654,621],{"class":479},[473,656,624],{"class":483},[473,658,610],{"class":479},[473,660,529],{"class":479},[473,662,663],{"class":500},"Keep favorites close.",[473,665,618],{"class":479},[473,667,636],{"class":479},[473,669,671,673,675,677,679,682,684,686,688,690,692,695,697],{"class":475,"line":670},9,[473,672,604],{"class":479},[473,674,607],{"class":483},[473,676,610],{"class":479},[473,678,529],{"class":479},[473,680,681],{"class":500},"Share",[473,683,618],{"class":479},[473,685,621],{"class":479},[473,687,624],{"class":483},[473,689,610],{"class":479},[473,691,529],{"class":479},[473,693,694],{"class":500},"Send them to friends.",[473,696,618],{"class":479},[473,698,636],{"class":479},[473,700,702],{"class":475,"line":701},10,[473,703,704],{"class":519},"]\n",[473,706,708,711,713],{"class":475,"line":707},11,[473,709,710],{"class":479},"\u003C\u002F",[473,712,484],{"class":483},[473,714,506],{"class":479},[473,716,718],{"class":475,"line":717},12,[473,719,561],{"emptyLinePlaceholder":560},[473,721,723,725,728],{"class":475,"line":722},13,[473,724,480],{"class":479},[473,726,727],{"class":483},"template",[473,729,506],{"class":479},[473,731,733,736],{"class":475,"line":732},14,[473,734,735],{"class":479},"  \u003C",[473,737,738],{"class":483},"VySwiper\n",[473,740,742,745,747,749,752],{"class":475,"line":741},15,[473,743,744],{"class":487},"    v-model",[473,746,494],{"class":479},[473,748,497],{"class":479},[473,750,751],{"class":500},"current",[473,753,754],{"class":479},"\"\n",[473,756,758,761,763,765,768],{"class":475,"line":757},16,[473,759,760],{"class":487},"    :items",[473,762,494],{"class":479},[473,764,497],{"class":479},[473,766,767],{"class":500},"slides",[473,769,754],{"class":479},[473,771,773],{"class":475,"line":772},17,[473,774,775],{"class":487},"    show-indicators\n",[473,777,779],{"class":475,"line":778},18,[473,780,781],{"class":479},"  >\n",[473,783,785,788,790,793,795,797,799,802,805,807,810,813,815],{"class":475,"line":784},19,[473,786,787],{"class":479},"    \u003C",[473,789,727],{"class":483},[473,791,792],{"class":479}," #",[473,794,461],{"class":487},[473,796,494],{"class":479},[473,798,497],{"class":479},[473,800,801],{"class":479},"{",[473,803,804],{"class":519}," item",[473,806,621],{"class":479},[473,808,809],{"class":519}," index ",[473,811,812],{"class":479},"}",[473,814,497],{"class":479},[473,816,506],{"class":479},[473,818,820,823,826,829,831,833,836,838],{"class":475,"line":819},20,[473,821,822],{"class":479},"      \u003C",[473,824,825],{"class":483},"view",[473,827,828],{"class":487}," class",[473,830,494],{"class":479},[473,832,497],{"class":479},[473,834,835],{"class":500},"h-48 p-6 bg-neutral-100",[473,837,497],{"class":479},[473,839,506],{"class":479},[473,841,843,846,849,851,853,855,858,860,863,866,868,870],{"class":475,"line":842},21,[473,844,845],{"class":479},"        \u003C",[473,847,848],{"class":483},"text",[473,850,828],{"class":487},[473,852,494],{"class":479},[473,854,497],{"class":479},[473,856,857],{"class":500},"text-xl font-semibold",[473,859,497],{"class":479},[473,861,862],{"class":479},">",[473,864,865],{"class":519},"{{ item.title }}",[473,867,710],{"class":479},[473,869,848],{"class":483},[473,871,506],{"class":479},[473,873,875,877,879,881,883,885,888,890,892,895,897,899],{"class":475,"line":874},22,[473,876,845],{"class":479},[473,878,848],{"class":483},[473,880,828],{"class":487},[473,882,494],{"class":479},[473,884,497],{"class":479},[473,886,887],{"class":500},"mt-2 text-neutral-600",[473,889,497],{"class":479},[473,891,862],{"class":479},[473,893,894],{"class":519},"{{ item.description }}",[473,896,710],{"class":479},[473,898,848],{"class":483},[473,900,506],{"class":479},[473,902,904,906,908,910,912,914,917,919,921,924,926,928],{"class":475,"line":903},23,[473,905,845],{"class":479},[473,907,848],{"class":483},[473,909,828],{"class":487},[473,911,494],{"class":479},[473,913,497],{"class":479},[473,915,916],{"class":500},"mt-4 text-sm text-neutral-500",[473,918,497],{"class":479},[473,920,862],{"class":479},[473,922,923],{"class":519},"Slide {{ index + 1 }}",[473,925,710],{"class":479},[473,927,848],{"class":483},[473,929,506],{"class":479},[473,931,933,936,938],{"class":475,"line":932},24,[473,934,935],{"class":479},"      \u003C\u002F",[473,937,825],{"class":483},[473,939,506],{"class":479},[473,941,943,946,948],{"class":475,"line":942},25,[473,944,945],{"class":479},"    \u003C\u002F",[473,947,727],{"class":483},[473,949,506],{"class":479},[473,951,953,956,958],{"class":475,"line":952},26,[473,954,955],{"class":479},"  \u003C\u002F",[473,957,422],{"class":483},[473,959,506],{"class":479},[473,961,963,965,967],{"class":475,"line":962},27,[473,964,710],{"class":479},[473,966,727],{"class":483},[473,968,506],{"class":479},[417,970,971,972,975,976,979],{},"When ",[420,973,974],{},"itemWidth"," is omitted, the wrapper measures its container and makes each slide fill the available width. It uses ",[420,977,978],{},"300px"," until a positive layout measurement is available.",[981,982,984],"h3",{"id":983},"loop-and-autoplay","Loop and autoplay",[417,986,987,988,991,992,995,996,999,1000,1003],{},"Set ",[420,989,990],{},"loop"," to navigate seamlessly across both ends. Set ",[420,993,994],{},"autoplay"," to ",[420,997,998],{},"true"," for the core ",[420,1001,1002],{},"3000ms"," interval, or pass an interval in milliseconds.",[464,1005,1007],{"className":466,"code":1006,"language":468,"meta":469,"style":469},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySwiper } from '@vyui\u002Fkit'\n\nconst current = ref(0)\nconst promotions = [\n  { label: 'Free delivery', color: 'bg-primary-100' },\n  { label: 'Member pricing', color: 'bg-success-100' },\n  { label: 'New arrivals', color: 'bg-warning-100' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySwiper\n    v-model=\"current\"\n    :items=\"promotions\"\n    :autoplay=\"5000\"\n    loop\n    axis-lock\n    show-indicators\n  >\n    \u003Ctemplate #item=\"{ item }\">\n      \u003Cview :class=\"['h-40 items-center justify-center', item.color]\">\n        \u003Ctext class=\"text-xl font-semibold\">{{ item.label }}\u003C\u002Ftext>\n      \u003C\u002Fview>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVySwiper>\n\u003C\u002Ftemplate>\n",[420,1008,1009,1029,1047,1065,1069,1085,1096,1128,1158,1188,1192,1200,1204,1212,1218,1230,1243,1257,1262,1267,1271,1275,1300,1320,1347,1355,1363,1371],{"__ignoreMap":469},[473,1010,1011,1013,1015,1017,1019,1021,1023,1025,1027],{"class":475,"line":476},[473,1012,480],{"class":479},[473,1014,484],{"class":483},[473,1016,488],{"class":487},[473,1018,491],{"class":487},[473,1020,494],{"class":479},[473,1022,497],{"class":479},[473,1024,501],{"class":500},[473,1026,497],{"class":479},[473,1028,506],{"class":479},[473,1030,1031,1033,1035,1037,1039,1041,1043,1045],{"class":475,"line":509},[473,1032,513],{"class":512},[473,1034,516],{"class":479},[473,1036,520],{"class":519},[473,1038,523],{"class":479},[473,1040,526],{"class":512},[473,1042,529],{"class":479},[473,1044,468],{"class":500},[473,1046,534],{"class":479},[473,1048,1049,1051,1053,1055,1057,1059,1061,1063],{"class":475,"line":537},[473,1050,513],{"class":512},[473,1052,516],{"class":479},[473,1054,544],{"class":519},[473,1056,523],{"class":479},[473,1058,526],{"class":512},[473,1060,529],{"class":479},[473,1062,46],{"class":500},[473,1064,534],{"class":479},[473,1066,1067],{"class":475,"line":557},[473,1068,561],{"emptyLinePlaceholder":560},[473,1070,1071,1073,1075,1077,1079,1081,1083],{"class":475,"line":564},[473,1072,567],{"class":487},[473,1074,570],{"class":519},[473,1076,494],{"class":479},[473,1078,520],{"class":575},[473,1080,578],{"class":519},[473,1082,582],{"class":581},[473,1084,585],{"class":519},[473,1086,1087,1089,1092,1094],{"class":475,"line":588},[473,1088,567],{"class":487},[473,1090,1091],{"class":519}," promotions ",[473,1093,494],{"class":479},[473,1095,598],{"class":519},[473,1097,1098,1100,1103,1105,1107,1110,1112,1114,1117,1119,1121,1124,1126],{"class":475,"line":601},[473,1099,604],{"class":479},[473,1101,1102],{"class":483}," label",[473,1104,610],{"class":479},[473,1106,529],{"class":479},[473,1108,1109],{"class":500},"Free delivery",[473,1111,618],{"class":479},[473,1113,621],{"class":479},[473,1115,1116],{"class":483}," color",[473,1118,610],{"class":479},[473,1120,529],{"class":479},[473,1122,1123],{"class":500},"bg-primary-100",[473,1125,618],{"class":479},[473,1127,636],{"class":479},[473,1129,1130,1132,1134,1136,1138,1141,1143,1145,1147,1149,1151,1154,1156],{"class":475,"line":639},[473,1131,604],{"class":479},[473,1133,1102],{"class":483},[473,1135,610],{"class":479},[473,1137,529],{"class":479},[473,1139,1140],{"class":500},"Member pricing",[473,1142,618],{"class":479},[473,1144,621],{"class":479},[473,1146,1116],{"class":483},[473,1148,610],{"class":479},[473,1150,529],{"class":479},[473,1152,1153],{"class":500},"bg-success-100",[473,1155,618],{"class":479},[473,1157,636],{"class":479},[473,1159,1160,1162,1164,1166,1168,1171,1173,1175,1177,1179,1181,1184,1186],{"class":475,"line":670},[473,1161,604],{"class":479},[473,1163,1102],{"class":483},[473,1165,610],{"class":479},[473,1167,529],{"class":479},[473,1169,1170],{"class":500},"New arrivals",[473,1172,618],{"class":479},[473,1174,621],{"class":479},[473,1176,1116],{"class":483},[473,1178,610],{"class":479},[473,1180,529],{"class":479},[473,1182,1183],{"class":500},"bg-warning-100",[473,1185,618],{"class":479},[473,1187,636],{"class":479},[473,1189,1190],{"class":475,"line":701},[473,1191,704],{"class":519},[473,1193,1194,1196,1198],{"class":475,"line":707},[473,1195,710],{"class":479},[473,1197,484],{"class":483},[473,1199,506],{"class":479},[473,1201,1202],{"class":475,"line":717},[473,1203,561],{"emptyLinePlaceholder":560},[473,1205,1206,1208,1210],{"class":475,"line":722},[473,1207,480],{"class":479},[473,1209,727],{"class":483},[473,1211,506],{"class":479},[473,1213,1214,1216],{"class":475,"line":732},[473,1215,735],{"class":479},[473,1217,738],{"class":483},[473,1219,1220,1222,1224,1226,1228],{"class":475,"line":741},[473,1221,744],{"class":487},[473,1223,494],{"class":479},[473,1225,497],{"class":479},[473,1227,751],{"class":500},[473,1229,754],{"class":479},[473,1231,1232,1234,1236,1238,1241],{"class":475,"line":757},[473,1233,760],{"class":487},[473,1235,494],{"class":479},[473,1237,497],{"class":479},[473,1239,1240],{"class":500},"promotions",[473,1242,754],{"class":479},[473,1244,1245,1248,1250,1252,1255],{"class":475,"line":772},[473,1246,1247],{"class":487},"    :autoplay",[473,1249,494],{"class":479},[473,1251,497],{"class":479},[473,1253,1254],{"class":500},"5000",[473,1256,754],{"class":479},[473,1258,1259],{"class":475,"line":778},[473,1260,1261],{"class":487},"    loop\n",[473,1263,1264],{"class":475,"line":784},[473,1265,1266],{"class":487},"    axis-lock\n",[473,1268,1269],{"class":475,"line":819},[473,1270,775],{"class":487},[473,1272,1273],{"class":475,"line":842},[473,1274,781],{"class":479},[473,1276,1277,1279,1281,1283,1285,1287,1289,1291,1294,1296,1298],{"class":475,"line":874},[473,1278,787],{"class":479},[473,1280,727],{"class":483},[473,1282,792],{"class":479},[473,1284,461],{"class":487},[473,1286,494],{"class":479},[473,1288,497],{"class":479},[473,1290,801],{"class":479},[473,1292,1293],{"class":519}," item ",[473,1295,812],{"class":479},[473,1297,497],{"class":479},[473,1299,506],{"class":479},[473,1301,1302,1304,1306,1309,1311,1313,1316,1318],{"class":475,"line":903},[473,1303,822],{"class":479},[473,1305,825],{"class":483},[473,1307,1308],{"class":487}," :class",[473,1310,494],{"class":479},[473,1312,497],{"class":479},[473,1314,1315],{"class":500},"['h-40 items-center justify-center', item.color]",[473,1317,497],{"class":479},[473,1319,506],{"class":479},[473,1321,1322,1324,1326,1328,1330,1332,1334,1336,1338,1341,1343,1345],{"class":475,"line":932},[473,1323,845],{"class":479},[473,1325,848],{"class":483},[473,1327,828],{"class":487},[473,1329,494],{"class":479},[473,1331,497],{"class":479},[473,1333,857],{"class":500},[473,1335,497],{"class":479},[473,1337,862],{"class":479},[473,1339,1340],{"class":519},"{{ item.label }}",[473,1342,710],{"class":479},[473,1344,848],{"class":483},[473,1346,506],{"class":479},[473,1348,1349,1351,1353],{"class":475,"line":942},[473,1350,935],{"class":479},[473,1352,825],{"class":483},[473,1354,506],{"class":479},[473,1356,1357,1359,1361],{"class":475,"line":952},[473,1358,945],{"class":479},[473,1360,727],{"class":483},[473,1362,506],{"class":479},[473,1364,1365,1367,1369],{"class":475,"line":962},[473,1366,955],{"class":479},[473,1368,422],{"class":483},[473,1370,506],{"class":479},[473,1372,1374,1376,1378],{"class":475,"line":1373},28,[473,1375,710],{"class":479},[473,1377,727],{"class":483},[473,1379,506],{"class":479},[417,1381,1382,1383,1385],{},"Autoplay pauses during a drag. Without ",[420,1384,990],{},", it stops advancing at the final slide.",[981,1387,1389],{"id":1388},"manual-slides","Manual slides",[417,1391,1392,1393,1395,1396,1398,1399,1402],{},"Omit ",[420,1394,457],{}," and place core ",[420,1397,433],{}," children in the default slot. The wrapper derives ",[420,1400,1401],{},"itemCount"," from the number of rendered top-level slot nodes.",[464,1404,1406],{"className":466,"code":1405,"language":468,"meta":469,"style":469},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { SwiperItem } from '@vyui\u002Fcore'\nimport { VySwiper } from '@vyui\u002Fkit'\n\nconst current = ref(0)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySwiper v-model=\"current\" :item-width=\"320\">\n    \u003CSwiperItem>\n      \u003Cview class=\"h-40 p-5 bg-primary-100\">\u003Ctext>First slide\u003C\u002Ftext>\u003C\u002Fview>\n    \u003C\u002FSwiperItem>\n    \u003CSwiperItem>\n      \u003Cview class=\"h-40 p-5 bg-secondary-100\">\u003Ctext>Second slide\u003C\u002Ftext>\u003C\u002Fview>\n    \u003C\u002FSwiperItem>\n  \u003C\u002FVySwiper>\n\u003C\u002Ftemplate>\n",[420,1407,1408,1428,1446,1465,1483,1487,1503,1511,1515,1523,1554,1562,1600,1608,1616,1652,1660,1668],{"__ignoreMap":469},[473,1409,1410,1412,1414,1416,1418,1420,1422,1424,1426],{"class":475,"line":476},[473,1411,480],{"class":479},[473,1413,484],{"class":483},[473,1415,488],{"class":487},[473,1417,491],{"class":487},[473,1419,494],{"class":479},[473,1421,497],{"class":479},[473,1423,501],{"class":500},[473,1425,497],{"class":479},[473,1427,506],{"class":479},[473,1429,1430,1432,1434,1436,1438,1440,1442,1444],{"class":475,"line":509},[473,1431,513],{"class":512},[473,1433,516],{"class":479},[473,1435,520],{"class":519},[473,1437,523],{"class":479},[473,1439,526],{"class":512},[473,1441,529],{"class":479},[473,1443,468],{"class":500},[473,1445,534],{"class":479},[473,1447,1448,1450,1452,1455,1457,1459,1461,1463],{"class":475,"line":537},[473,1449,513],{"class":512},[473,1451,516],{"class":479},[473,1453,1454],{"class":519}," SwiperItem",[473,1456,523],{"class":479},[473,1458,526],{"class":512},[473,1460,529],{"class":479},[473,1462,41],{"class":500},[473,1464,534],{"class":479},[473,1466,1467,1469,1471,1473,1475,1477,1479,1481],{"class":475,"line":557},[473,1468,513],{"class":512},[473,1470,516],{"class":479},[473,1472,544],{"class":519},[473,1474,523],{"class":479},[473,1476,526],{"class":512},[473,1478,529],{"class":479},[473,1480,46],{"class":500},[473,1482,534],{"class":479},[473,1484,1485],{"class":475,"line":564},[473,1486,561],{"emptyLinePlaceholder":560},[473,1488,1489,1491,1493,1495,1497,1499,1501],{"class":475,"line":588},[473,1490,567],{"class":487},[473,1492,570],{"class":519},[473,1494,494],{"class":479},[473,1496,520],{"class":575},[473,1498,578],{"class":519},[473,1500,582],{"class":581},[473,1502,585],{"class":519},[473,1504,1505,1507,1509],{"class":475,"line":601},[473,1506,710],{"class":479},[473,1508,484],{"class":483},[473,1510,506],{"class":479},[473,1512,1513],{"class":475,"line":639},[473,1514,561],{"emptyLinePlaceholder":560},[473,1516,1517,1519,1521],{"class":475,"line":670},[473,1518,480],{"class":479},[473,1520,727],{"class":483},[473,1522,506],{"class":479},[473,1524,1525,1527,1529,1532,1534,1536,1538,1540,1543,1545,1547,1550,1552],{"class":475,"line":701},[473,1526,735],{"class":479},[473,1528,422],{"class":483},[473,1530,1531],{"class":487}," v-model",[473,1533,494],{"class":479},[473,1535,497],{"class":479},[473,1537,751],{"class":500},[473,1539,497],{"class":479},[473,1541,1542],{"class":487}," :item-width",[473,1544,494],{"class":479},[473,1546,497],{"class":479},[473,1548,1549],{"class":500},"320",[473,1551,497],{"class":479},[473,1553,506],{"class":479},[473,1555,1556,1558,1560],{"class":475,"line":707},[473,1557,787],{"class":479},[473,1559,433],{"class":483},[473,1561,506],{"class":479},[473,1563,1564,1566,1568,1570,1572,1574,1577,1579,1582,1584,1586,1589,1591,1593,1596,1598],{"class":475,"line":717},[473,1565,822],{"class":479},[473,1567,825],{"class":483},[473,1569,828],{"class":487},[473,1571,494],{"class":479},[473,1573,497],{"class":479},[473,1575,1576],{"class":500},"h-40 p-5 bg-primary-100",[473,1578,497],{"class":479},[473,1580,1581],{"class":479},">\u003C",[473,1583,848],{"class":483},[473,1585,862],{"class":479},[473,1587,1588],{"class":519},"First slide",[473,1590,710],{"class":479},[473,1592,848],{"class":483},[473,1594,1595],{"class":479},">\u003C\u002F",[473,1597,825],{"class":483},[473,1599,506],{"class":479},[473,1601,1602,1604,1606],{"class":475,"line":722},[473,1603,945],{"class":479},[473,1605,433],{"class":483},[473,1607,506],{"class":479},[473,1609,1610,1612,1614],{"class":475,"line":732},[473,1611,787],{"class":479},[473,1613,433],{"class":483},[473,1615,506],{"class":479},[473,1617,1618,1620,1622,1624,1626,1628,1631,1633,1635,1637,1639,1642,1644,1646,1648,1650],{"class":475,"line":741},[473,1619,822],{"class":479},[473,1621,825],{"class":483},[473,1623,828],{"class":487},[473,1625,494],{"class":479},[473,1627,497],{"class":479},[473,1629,1630],{"class":500},"h-40 p-5 bg-secondary-100",[473,1632,497],{"class":479},[473,1634,1581],{"class":479},[473,1636,848],{"class":483},[473,1638,862],{"class":479},[473,1640,1641],{"class":519},"Second slide",[473,1643,710],{"class":479},[473,1645,848],{"class":483},[473,1647,1595],{"class":479},[473,1649,825],{"class":483},[473,1651,506],{"class":479},[473,1653,1654,1656,1658],{"class":475,"line":757},[473,1655,945],{"class":479},[473,1657,433],{"class":483},[473,1659,506],{"class":479},[473,1661,1662,1664,1666],{"class":475,"line":772},[473,1663,955],{"class":479},[473,1665,422],{"class":483},[473,1667,506],{"class":479},[473,1669,1670,1672,1674],{"class":475,"line":778},[473,1671,710],{"class":479},[473,1673,727],{"class":483},[473,1675,506],{"class":479},[417,1677,1678,1679,1681],{},"Prefer direct top-level ",[420,1680,433],{}," children. Fragments or unrelated top-level nodes are also counted and can make the wrapper's derived item count inaccurate.",[981,1683,1685],{"id":1684},"indicator-size","Indicator size",[417,1687,1688,1689,1692],{},"Use ",[420,1690,1691],{},"size"," to change the indicator dots. Indicators are opt-in.",[464,1694,1696],{"className":466,"code":1695,"language":468,"meta":469,"style":469},"\u003CVySwiper\n  v-model=\"current\"\n  :items=\"slides\"\n  size=\"lg\"\n  show-indicators\n>\n  \u003Ctemplate #item=\"{ item }\">\n    \u003Cview class=\"h-48 p-6\">\n      \u003Ctext>{{ item.title }}\u003C\u002Ftext>\n    \u003C\u002Fview>\n  \u003C\u002Ftemplate>\n\u003C\u002FVySwiper>\n",[420,1697,1698,1704,1717,1732,1746,1751,1755,1760,1765,1770,1775,1780],{"__ignoreMap":469},[473,1699,1700,1702],{"class":475,"line":476},[473,1701,480],{"class":479},[473,1703,738],{"class":483},[473,1705,1706,1709,1711,1713,1715],{"class":475,"line":509},[473,1707,1708],{"class":487},"  v-model",[473,1710,494],{"class":479},[473,1712,497],{"class":479},[473,1714,751],{"class":519},[473,1716,754],{"class":479},[473,1718,1719,1722,1724,1726,1728,1730],{"class":475,"line":537},[473,1720,1721],{"class":479},"  :",[473,1723,457],{"class":487},[473,1725,494],{"class":479},[473,1727,497],{"class":479},[473,1729,767],{"class":519},[473,1731,754],{"class":479},[473,1733,1734,1737,1739,1741,1744],{"class":475,"line":557},[473,1735,1736],{"class":487},"  size",[473,1738,494],{"class":479},[473,1740,497],{"class":479},[473,1742,1743],{"class":500},"lg",[473,1745,754],{"class":479},[473,1747,1748],{"class":475,"line":564},[473,1749,1750],{"class":487},"  show-indicators\n",[473,1752,1753],{"class":475,"line":588},[473,1754,506],{"class":479},[473,1756,1757],{"class":475,"line":601},[473,1758,1759],{"class":519},"  \u003Ctemplate #item=\"{ item }\">\n",[473,1761,1762],{"class":475,"line":639},[473,1763,1764],{"class":519},"    \u003Cview class=\"h-48 p-6\">\n",[473,1766,1767],{"class":475,"line":670},[473,1768,1769],{"class":519},"      \u003Ctext>{{ item.title }}\u003C\u002Ftext>\n",[473,1771,1772],{"class":475,"line":701},[473,1773,1774],{"class":519},"    \u003C\u002Fview>\n",[473,1776,1777],{"class":475,"line":707},[473,1778,1779],{"class":519},"  \u003C\u002Ftemplate>\n",[473,1781,1782,1784,1786],{"class":475,"line":717},[473,1783,710],{"class":479},[473,1785,422],{"class":483},[473,1787,506],{"class":479},[981,1789,1791],{"id":1790},"custom-styles","Custom styles",[417,1793,1688,1794,1797,1798,1801],{},[420,1795,1796],{},"class"," for the root or ",[420,1799,1800],{},"ui"," for individual theme slots.",[464,1803,1805],{"className":466,"code":1804,"language":468,"meta":469,"style":469},"\u003CVySwiper\n  v-model=\"current\"\n  :items=\"slides\"\n  show-indicators\n  class=\"rounded-2xl\"\n  :ui=\"{\n    item: 'rounded-2xl',\n    indicators: 'bottom-4',\n    indicator: 'bg-neutral-400',\n    indicatorActive: 'bg-error-500',\n  }\"\n>\n  \u003Ctemplate #item=\"{ item }\">\n    \u003Cview class=\"h-48 p-6 bg-neutral-100\">\n      \u003Ctext>{{ item.title }}\u003C\u002Ftext>\n    \u003C\u002Fview>\n  \u003C\u002Ftemplate>\n\u003C\u002FVySwiper>\n",[420,1806,1807,1813,1825,1839,1843,1857,1870,1886,1902,1918,1934,1941,1945,1949,1954,1958,1962,1966],{"__ignoreMap":469},[473,1808,1809,1811],{"class":475,"line":476},[473,1810,480],{"class":479},[473,1812,738],{"class":483},[473,1814,1815,1817,1819,1821,1823],{"class":475,"line":509},[473,1816,1708],{"class":487},[473,1818,494],{"class":479},[473,1820,497],{"class":479},[473,1822,751],{"class":519},[473,1824,754],{"class":479},[473,1826,1827,1829,1831,1833,1835,1837],{"class":475,"line":537},[473,1828,1721],{"class":479},[473,1830,457],{"class":487},[473,1832,494],{"class":479},[473,1834,497],{"class":479},[473,1836,767],{"class":519},[473,1838,754],{"class":479},[473,1840,1841],{"class":475,"line":557},[473,1842,1750],{"class":487},[473,1844,1845,1848,1850,1852,1855],{"class":475,"line":564},[473,1846,1847],{"class":487},"  class",[473,1849,494],{"class":479},[473,1851,497],{"class":479},[473,1853,1854],{"class":500},"rounded-2xl",[473,1856,754],{"class":479},[473,1858,1859,1861,1863,1865,1867],{"class":475,"line":588},[473,1860,1721],{"class":479},[473,1862,1800],{"class":487},[473,1864,494],{"class":479},[473,1866,497],{"class":479},[473,1868,1869],{"class":479},"{\n",[473,1871,1872,1875,1877,1879,1881,1883],{"class":475,"line":601},[473,1873,1874],{"class":483},"    item",[473,1876,610],{"class":479},[473,1878,529],{"class":479},[473,1880,1854],{"class":500},[473,1882,618],{"class":479},[473,1884,1885],{"class":479},",\n",[473,1887,1888,1891,1893,1895,1898,1900],{"class":475,"line":639},[473,1889,1890],{"class":483},"    indicators",[473,1892,610],{"class":479},[473,1894,529],{"class":479},[473,1896,1897],{"class":500},"bottom-4",[473,1899,618],{"class":479},[473,1901,1885],{"class":479},[473,1903,1904,1907,1909,1911,1914,1916],{"class":475,"line":670},[473,1905,1906],{"class":483},"    indicator",[473,1908,610],{"class":479},[473,1910,529],{"class":479},[473,1912,1913],{"class":500},"bg-neutral-400",[473,1915,618],{"class":479},[473,1917,1885],{"class":479},[473,1919,1920,1923,1925,1927,1930,1932],{"class":475,"line":701},[473,1921,1922],{"class":483},"    indicatorActive",[473,1924,610],{"class":479},[473,1926,529],{"class":479},[473,1928,1929],{"class":500},"bg-error-500",[473,1931,618],{"class":479},[473,1933,1885],{"class":479},[473,1935,1936,1939],{"class":475,"line":707},[473,1937,1938],{"class":479},"  }",[473,1940,754],{"class":479},[473,1942,1943],{"class":475,"line":717},[473,1944,506],{"class":479},[473,1946,1947],{"class":475,"line":722},[473,1948,1759],{"class":519},[473,1950,1951],{"class":475,"line":732},[473,1952,1953],{"class":519},"    \u003Cview class=\"h-48 p-6 bg-neutral-100\">\n",[473,1955,1956],{"class":475,"line":741},[473,1957,1769],{"class":519},[473,1959,1960],{"class":475,"line":757},[473,1961,1774],{"class":519},[473,1963,1964],{"class":475,"line":772},[473,1965,1779],{"class":519},[473,1967,1968,1970,1972],{"class":475,"line":778},[473,1969,710],{"class":479},[473,1971,422],{"class":483},[473,1973,506],{"class":479},[412,1975,1977],{"id":1976},"features-and-behavior","Features and behavior",[1979,1980,1981,1988,2000,2003,2009,2014,2020],"ul",{},[1982,1983,1984,1987],"li",{},[420,1985,1986],{},"v-model"," controls the zero-based active index and receives updates after a completed swipe or autoplay step.",[1982,1989,1990,1991,1993,1994,1996,1997,1999],{},"With ",[420,1992,457],{},", one core ",[420,1995,433],{}," is created per entry. Without ",[420,1998,457],{},", the default slot must supply the slides.",[1982,2001,2002],{},"Non-looping swipers clamp at the first and last item. Looping swipers render leading and trailing clone sets for continuous seam-crossing motion.",[1982,2004,2005,2008],{},[420,2006,2007],{},"axisLock"," waits for a predominantly horizontal gesture and yields a vertical drag to the surrounding scroll surface.",[1982,2010,2011,2013],{},[420,2012,974],{}," sets the slide and snap width. When omitted, the measured wrapper width follows layout changes such as device rotation.",[1982,2015,2016,2019],{},[420,2017,2018],{},"showIndicators"," renders fixed overlay dots outside the moving track when there is more than one item.",[1982,2021,2022,2023,2026],{},"Keep ",[420,2024,2025],{},"modelValue"," bound when showing indicators. The active dot is derived from that prop.",[981,2028,2030],{"id":2029},"gesture-behavior","Gesture behavior",[417,2032,2033],{},"The kit wrapper uses the core defaults for gesture physics:",[2035,2036,2037,2053],"table",{},[2038,2039,2040],"thead",{},[2041,2042,2043,2047,2050],"tr",{},[2044,2045,2046],"th",{},"Behavior",[2044,2048,2049],{},"Core value",[2044,2051,2052],{},"Result",[2054,2055,2056,2071,2084,2097,2115],"tbody",{},[2041,2057,2058,2062,2068],{},[2059,2060,2061],"td",{},"Position threshold",[2059,2063,2064,2067],{},[420,2065,2066],{},"0.3"," of one snap unit",[2059,2069,2070],{},"A sufficiently long drag advances to the adjacent item.",[2041,2072,2073,2076,2081],{},[2059,2074,2075],{},"Velocity threshold",[2059,2077,2078],{},[420,2079,2080],{},"300px\u002Fs",[2059,2082,2083],{},"A quick flick advances even before the position threshold.",[2041,2085,2086,2089,2094],{},[2059,2087,2088],{},"Snap duration",[2059,2090,2091],{},[420,2092,2093],{},"300ms",[2059,2095,2096],{},"Release and programmatic index changes animate to rest.",[2041,2098,2099,2102,2109],{},[2059,2100,2101],{},"Axis cone",[2059,2103,2104,2105,2108],{},"Within ",[420,2106,2107],{},"45°"," of horizontal",[2059,2110,2111,2112,2114],{},"Used only when ",[420,2113,2007],{}," is enabled.",[2041,2116,2117,2120,2124],{},[2059,2118,2119],{},"Autoplay interval",[2059,2121,2122],{},[420,2123,1002],{},[2059,2125,2126,2127,2129,2130,2132],{},"Used when ",[420,2128,994],{}," is ",[420,2131,998],{},".",[417,2134,2135,2136,2138,2139,2141,2142,2145],{},"The snap unit is ",[420,2137,974],{}," in ",[420,2140,422],{},". The core primitive also supports spacing, alignment, offset limits, RTL, custom thresholds, and programmatic ",[420,2143,2144],{},"setIndex",", but the current kit wrapper does not expose those options.",[443,2147,2148],{},[417,2149,2150,2153],{},[420,2151,2152],{},"direction=\"vertical\""," only moves the indicator strip to a vertical layout. Slides, track movement, and gesture recognition remain horizontal.",[412,2155,2157],{"id":2156},"props","Props",[2035,2159,2160,2176],{},[2038,2161,2162],{},[2041,2163,2164,2167,2170,2173],{},[2044,2165,2166],{},"Prop",[2044,2168,2169],{},"Type",[2044,2171,2172],{},"Default",[2044,2174,2175],{},"Description",[2054,2177,2178,2199,2220,2239,2258,2276,2293,2313,2332,2349,2367],{},[2041,2179,2180,2184,2189,2194],{},[2059,2181,2182],{},[420,2183,2025],{},[2059,2185,2186],{},[420,2187,2188],{},"number",[2059,2190,2191,2193],{},[420,2192,582],{}," internally",[2059,2195,2196,2197,2132],{},"Controlled zero-based active index used by ",[420,2198,1986],{},[2041,2200,2201,2205,2210,2215],{},[2059,2202,2203],{},[420,2204,457],{},[2059,2206,2207],{},[420,2208,2209],{},"any[]",[2059,2211,2212],{},[420,2213,2214],{},"undefined",[2059,2216,2217,2218,462],{},"Data rendered as one slide per entry through the ",[420,2219,461],{},[2041,2221,2222,2226,2230,2236],{},[2059,2223,2224],{},[420,2225,974],{},[2059,2227,2228],{},[420,2229,2188],{},[2059,2231,2232,2233],{},"Measured width \u002F ",[420,2234,2235],{},"300",[2059,2237,2238],{},"Width of each slide and snap unit in pixels.",[2041,2240,2241,2245,2250,2255],{},[2059,2242,2243],{},[420,2244,990],{},[2059,2246,2247],{},[420,2248,2249],{},"boolean",[2059,2251,2252],{},[420,2253,2254],{},"false",[2059,2256,2257],{},"Enables circular navigation with seamless cloned edges.",[2041,2259,2260,2264,2269,2273],{},[2059,2261,2262],{},[420,2263,994],{},[2059,2265,2266],{},[420,2267,2268],{},"boolean | number",[2059,2270,2271],{},[420,2272,2254],{},[2059,2274,2275],{},"Enables autoplay; a number sets the interval in milliseconds.",[2041,2277,2278,2282,2286,2290],{},[2059,2279,2280],{},[420,2281,2007],{},[2059,2283,2284],{},[420,2285,2249],{},[2059,2287,2288],{},[420,2289,2254],{},[2059,2291,2292],{},"Consumes only predominantly horizontal gestures.",[2041,2294,2295,2300,2305,2310],{},[2059,2296,2297],{},[420,2298,2299],{},"direction",[2059,2301,2302],{},[420,2303,2304],{},"'horizontal' | 'vertical'",[2059,2306,2307],{},[420,2308,2309],{},"'horizontal'",[2059,2311,2312],{},"Indicator layout direction; it does not change the swipe axis.",[2041,2314,2315,2319,2324,2329],{},[2059,2316,2317],{},[420,2318,1691],{},[2059,2320,2321],{},[420,2322,2323],{},"'sm' | 'md' | 'lg'",[2059,2325,2326],{},[420,2327,2328],{},"'md'",[2059,2330,2331],{},"Indicator gap and dot size.",[2041,2333,2334,2338,2342,2346],{},[2059,2335,2336],{},[420,2337,2018],{},[2059,2339,2340],{},[420,2341,2249],{},[2059,2343,2344],{},[420,2345,2254],{},[2059,2347,2348],{},"Shows the fixed indicator overlay when more than one slide exists.",[2041,2350,2351,2355,2360,2364],{},[2059,2352,2353],{},[420,2354,1796],{},[2059,2356,2357],{},[420,2358,2359],{},"any",[2059,2361,2362],{},[420,2363,2214],{},[2059,2365,2366],{},"Classes merged onto the root slot.",[2041,2368,2369,2373,2378,2382],{},[2059,2370,2371],{},[420,2372,1800],{},[2059,2374,2375],{},[420,2376,2377],{},"Partial\u003CRecord\u003CSwiperSlot, any>>",[2059,2379,2380],{},[420,2381,2214],{},[2059,2383,2384],{},"Per-instance theme slot overrides.",[412,2386,2388],{"id":2387},"emits","Emits",[2035,2390,2391,2403],{},[2038,2392,2393],{},[2041,2394,2395,2398,2401],{},[2044,2396,2397],{},"Event",[2044,2399,2400],{},"Payload",[2044,2402,2175],{},[2054,2404,2405],{},[2041,2406,2407,2412,2416],{},[2059,2408,2409],{},[420,2410,2411],{},"update:modelValue",[2059,2413,2414],{},[420,2415,2188],{},[2059,2417,2418],{},"Active index changed after swipe, autoplay, or an underlying state update.",[417,2420,2421,2422,2425,2426,2429],{},"The kit wrapper does not forward the core ",[420,2423,2424],{},"swipeStart"," or ",[420,2427,2428],{},"swipeEnd"," events.",[412,2431,2433],{"id":2432},"slots","Slots",[2035,2435,2436,2447],{},[2038,2437,2438],{},[2041,2439,2440,2443,2445],{},[2044,2441,2442],{},"Slot",[2044,2444,2157],{},[2044,2446,2175],{},[2054,2448,2449,2466],{},[2041,2450,2451,2455,2460],{},[2059,2452,2453],{},[420,2454,461],{},[2059,2456,2457],{},[420,2458,2459],{},"{ item: any, index: number }",[2059,2461,2462,2463,2465],{},"Renders each entry when ",[420,2464,457],{}," is provided.",[2041,2467,2468,2473,2476],{},[2059,2469,2470],{},[420,2471,2472],{},"default",[2059,2474,2475],{},"—",[2059,2477,2478,2479,2481,2482,2484],{},"Manual slide content when ",[420,2480,457],{}," is omitted; normally direct ",[420,2483,433],{}," children.",[412,2486,2488],{"id":2487},"styling-and-theming","Styling and theming",[417,2490,2491,2492,2495,2496,2132],{},"Override globally through ",[420,2493,2494],{},"appConfig.ui.swiper"," or locally with ",[420,2497,1800],{},[2035,2499,2500,2510],{},[2038,2501,2502],{},[2041,2503,2504,2507],{},[2044,2505,2506],{},"UI slot",[2044,2508,2509],{},"Purpose",[2054,2511,2512,2522,2533,2543,2553],{},[2041,2513,2514,2519],{},[2059,2515,2516],{},[420,2517,2518],{},"root",[2059,2520,2521],{},"Relative, full-width clipping wrapper.",[2041,2523,2524,2528],{},[2059,2525,2526],{},[420,2527,461],{},[2059,2529,2530,2531,2132],{},"Classes applied to each generated ",[420,2532,433],{},[2041,2534,2535,2540],{},[2059,2536,2537],{},[420,2538,2539],{},"indicators",[2059,2541,2542],{},"Fixed indicator strip positioned over the viewport.",[2041,2544,2545,2550],{},[2059,2546,2547],{},[420,2548,2549],{},"indicator",[2059,2551,2552],{},"Inactive indicator dot.",[2041,2554,2555,2560],{},[2059,2556,2557],{},[420,2558,2559],{},"indicatorActive",[2059,2561,2562],{},"Additional class applied to the active dot.",[417,2564,2565,2566,2568,2569,2571,2572,430,2575,2132],{},"The ",[420,2567,2299],{}," variant positions the indicator strip horizontally at the bottom or vertically at the right. The ",[420,2570,1691],{}," variant controls dot diameter and spacing. Defaults are ",[420,2573,2574],{},"horizontal",[420,2576,2577],{},"md",[412,2579,328],{"id":2580},"accessibility",[417,2582,2583,2585,2586,2588],{},[420,2584,422],{}," does not currently add carousel, group, slide, or live-region semantics. The indicator dots are visual ",[420,2587,825],{}," elements, not controls, and the component has no keyboard navigation. Give each slide meaningful accessible content, avoid placing essential information only in an automatically changing slide, and provide separate native controls when users must be able to move directly between slides.",[417,2590,2591],{},"Loop mode renders two cloned copies of the slide slot around the real slides. Those clones are not hidden from the accessibility tree by the current primitive, so test looped carousels with VoiceOver and TalkBack before using them for complex interactive content.",[412,2593,2595],{"id":2594},"platform-notes","Platform notes",[1979,2597,2598,2601,2606,2613,2616],{},[1982,2599,2600],{},"Drag tracking, velocity, snapping, looping, and autoplay run through Lynx main-thread worklets for responsive native gestures.",[1982,2602,1688,2603,2605],{},[420,2604,2007],{}," when a swiper sits inside a vertical list so vertical intent can remain with the parent scroller.",[1982,2607,2608,2609,2612],{},"The wrapper listens for Lynx ",[420,2610,2611],{},"layoutchange"," to update full-width slides after its container changes size.",[1982,2614,2615],{},"The implementation is horizontal-only today. Web carousel expectations such as arrow-key navigation, hover pause, and ARIA carousel roles are not built in.",[1982,2617,2618],{},"Avoid rapidly changing slide identity or count during a gesture, especially in loop mode where the slot is cloned.",[412,2620,2622],{"id":2621},"related-components","Related components",[1979,2624,2625,2634,2639],{},[1982,2626,2627,2633],{},[2628,2629,2630],"a",{"href":263},[420,2631,2632],{},"SwipeAction"," for revealing row actions with a horizontal gesture.",[1982,2635,2636,2638],{},[420,2637,277],{}," for persistent, directly selectable peer views.",[1982,2640,2641,2643],{},[420,2642,257],{}," for an explicit multi-step flow.",[2645,2646,2647],"style",{},"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}",{"title":469,"searchDepth":476,"depth":509,"links":2649},[2650,2651,2657,2660,2661,2662,2663,2664,2665,2666],{"id":414,"depth":509,"text":415},{"id":450,"depth":509,"text":451,"children":2652},[2653,2654,2655,2656],{"id":983,"depth":537,"text":984},{"id":1388,"depth":537,"text":1389},{"id":1684,"depth":537,"text":1685},{"id":1790,"depth":537,"text":1791},{"id":1976,"depth":509,"text":1977,"children":2658},[2659],{"id":2029,"depth":537,"text":2030},{"id":2156,"depth":509,"text":2157},{"id":2387,"depth":509,"text":2388},{"id":2432,"depth":509,"text":2433},{"id":2487,"depth":509,"text":2488},{"id":2580,"depth":509,"text":328},{"id":2594,"depth":509,"text":2595},{"id":2621,"depth":509,"text":2622},"Present swipeable, snapping content as a paged carousel.",[2669],{"label":2670,"icon":2671,"to":2672,"target":2673},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FSwiper.vue","_blank",{},{"icon":270},{"title":267,"description":2667},"hqlJyx_MZNlny4h9D2ZWPUGGHYq6Iwj7I9yXTN1VePs",[2679,2681],{"title":262,"path":263,"stem":264,"description":2680,"icon":-1,"children":-1,"navigation":-1},"Reveal trailing row actions or commit an action with a full swipe.",{"title":272,"path":273,"stem":274,"description":2682,"icon":-1,"children":-1,"navigation":-1},"Toggle a persistent setting between on and off states.",1783534420902]