[{"data":1,"prerenderedAt":1616},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fslider":460,"\u002Fcomponents\u002Fslider-surround":1611},[4,34,51,301,327,332,337,406],{"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",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":247,"body":462,"description":1599,"extension":1600,"links":1601,"meta":1607,"navigation":1608,"package":63,"path":248,"seo":1609,"stem":249,"__hash__":1610},"docs\u002F3.components\u002Fslider.md",{"type":463,"value":464,"toc":1584},"minimark",[465,470,481,486,489,493,698,701,706,709,930,944,948,955,1027,1031,1084,1088,1378,1406,1410,1440,1444,1453,1457,1466,1519,1528,1531,1534,1540,1544,1558,1562,1580],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477,478,480],"p",{},[474,475,476],"code",{},"VySlider"," is a themed wrapper around the ",[474,479,41],{}," slider primitives. It supports a single numeric value or multiple thumbs, horizontal and vertical tracks, step snapping, minimum thumb spacing, inversion, semantic colors, and controlled or uncontrolled state.",[482,483],"component-code",{"height":484,"name":485},"120px","slider-example",[482,487],{"height":484,"name":488},"slider-range",[466,490,492],{"id":491},"usage","Usage",[494,495,500],"pre",{"className":496,"code":497,"language":498,"meta":499,"style":499},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySlider } from '@vyui\u002Fkit\u002Fslider'\n\nconst volume = ref(40)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySlider v-model=\"volume\" :min=\"0\" :max=\"100\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[474,501,502,537,565,586,593,617,627,632,642,689],{"__ignoreMap":499},[503,504,507,511,515,519,522,525,528,532,534],"span",{"class":505,"line":506},"line",1,[503,508,510],{"class":509},"sMK4o","\u003C",[503,512,514],{"class":513},"swJcz","script",[503,516,518],{"class":517},"spNyl"," setup",[503,520,521],{"class":517}," lang",[503,523,524],{"class":509},"=",[503,526,527],{"class":509},"\"",[503,529,531],{"class":530},"sfazB","ts",[503,533,527],{"class":509},[503,535,536],{"class":509},">\n",[503,538,540,544,547,551,554,557,560,562],{"class":505,"line":539},2,[503,541,543],{"class":542},"s7zQu","import",[503,545,546],{"class":509}," {",[503,548,550],{"class":549},"sTEyZ"," ref",[503,552,553],{"class":509}," }",[503,555,556],{"class":542}," from",[503,558,559],{"class":509}," '",[503,561,498],{"class":530},[503,563,564],{"class":509},"'\n",[503,566,568,570,572,575,577,579,581,584],{"class":505,"line":567},3,[503,569,543],{"class":542},[503,571,546],{"class":509},[503,573,574],{"class":549}," VySlider",[503,576,553],{"class":509},[503,578,556],{"class":542},[503,580,559],{"class":509},[503,582,583],{"class":530},"@vyui\u002Fkit\u002Fslider",[503,585,564],{"class":509},[503,587,589],{"class":505,"line":588},4,[503,590,592],{"emptyLinePlaceholder":591},true,"\n",[503,594,596,599,602,604,607,610,614],{"class":505,"line":595},5,[503,597,598],{"class":517},"const",[503,600,601],{"class":549}," volume ",[503,603,524],{"class":509},[503,605,550],{"class":606},"s2Zo4",[503,608,609],{"class":549},"(",[503,611,613],{"class":612},"sbssI","40",[503,615,616],{"class":549},")\n",[503,618,620,623,625],{"class":505,"line":619},6,[503,621,622],{"class":509},"\u003C\u002F",[503,624,514],{"class":513},[503,626,536],{"class":509},[503,628,630],{"class":505,"line":629},7,[503,631,592],{"emptyLinePlaceholder":591},[503,633,635,637,640],{"class":505,"line":634},8,[503,636,510],{"class":509},[503,638,639],{"class":513},"template",[503,641,536],{"class":509},[503,643,645,648,650,653,655,657,660,662,665,667,669,672,674,677,679,681,684,686],{"class":505,"line":644},9,[503,646,647],{"class":509},"  \u003C",[503,649,476],{"class":513},[503,651,652],{"class":517}," v-model",[503,654,524],{"class":509},[503,656,527],{"class":509},[503,658,659],{"class":530},"volume",[503,661,527],{"class":509},[503,663,664],{"class":517}," :min",[503,666,524],{"class":509},[503,668,527],{"class":509},[503,670,671],{"class":530},"0",[503,673,527],{"class":509},[503,675,676],{"class":517}," :max",[503,678,524],{"class":509},[503,680,527],{"class":509},[503,682,683],{"class":530},"100",[503,685,527],{"class":509},[503,687,688],{"class":509}," \u002F>\n",[503,690,692,694,696],{"class":505,"line":691},10,[503,693,622],{"class":509},[503,695,639],{"class":513},[503,697,536],{"class":509},[471,699,700],{},"The shape of the bound value is preserved: a number emits a number, while an array emits an array.",[702,703,705],"h3",{"id":704},"range","Range",[471,707,708],{},"Use an array to render one thumb per value.",[494,710,712],{"className":496,"code":711,"language":498,"meta":499,"style":499},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VySlider } from '@vyui\u002Fkit\u002Fslider'\n\nconst price = ref([20, 80])\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySlider\n    v-model=\"price\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"5\"\n    :min-steps-between-thumbs=\"2\"\n    color=\"success\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[474,713,714,734,752,770,774,800,808,812,820,827,842,856,870,885,900,915,921],{"__ignoreMap":499},[503,715,716,718,720,722,724,726,728,730,732],{"class":505,"line":506},[503,717,510],{"class":509},[503,719,514],{"class":513},[503,721,518],{"class":517},[503,723,521],{"class":517},[503,725,524],{"class":509},[503,727,527],{"class":509},[503,729,531],{"class":530},[503,731,527],{"class":509},[503,733,536],{"class":509},[503,735,736,738,740,742,744,746,748,750],{"class":505,"line":539},[503,737,543],{"class":542},[503,739,546],{"class":509},[503,741,550],{"class":549},[503,743,553],{"class":509},[503,745,556],{"class":542},[503,747,559],{"class":509},[503,749,498],{"class":530},[503,751,564],{"class":509},[503,753,754,756,758,760,762,764,766,768],{"class":505,"line":567},[503,755,543],{"class":542},[503,757,546],{"class":509},[503,759,574],{"class":549},[503,761,553],{"class":509},[503,763,556],{"class":542},[503,765,559],{"class":509},[503,767,583],{"class":530},[503,769,564],{"class":509},[503,771,772],{"class":505,"line":588},[503,773,592],{"emptyLinePlaceholder":591},[503,775,776,778,781,783,785,788,791,794,797],{"class":505,"line":595},[503,777,598],{"class":517},[503,779,780],{"class":549}," price ",[503,782,524],{"class":509},[503,784,550],{"class":606},[503,786,787],{"class":549},"([",[503,789,790],{"class":612},"20",[503,792,793],{"class":509},",",[503,795,796],{"class":612}," 80",[503,798,799],{"class":549},"])\n",[503,801,802,804,806],{"class":505,"line":619},[503,803,622],{"class":509},[503,805,514],{"class":513},[503,807,536],{"class":509},[503,809,810],{"class":505,"line":629},[503,811,592],{"emptyLinePlaceholder":591},[503,813,814,816,818],{"class":505,"line":634},[503,815,510],{"class":509},[503,817,639],{"class":513},[503,819,536],{"class":509},[503,821,822,824],{"class":505,"line":644},[503,823,647],{"class":509},[503,825,826],{"class":513},"VySlider\n",[503,828,829,832,834,836,839],{"class":505,"line":691},[503,830,831],{"class":517},"    v-model",[503,833,524],{"class":509},[503,835,527],{"class":509},[503,837,838],{"class":530},"price",[503,840,841],{"class":509},"\"\n",[503,843,845,848,850,852,854],{"class":505,"line":844},11,[503,846,847],{"class":517},"    :min",[503,849,524],{"class":509},[503,851,527],{"class":509},[503,853,671],{"class":530},[503,855,841],{"class":509},[503,857,859,862,864,866,868],{"class":505,"line":858},12,[503,860,861],{"class":517},"    :max",[503,863,524],{"class":509},[503,865,527],{"class":509},[503,867,683],{"class":530},[503,869,841],{"class":509},[503,871,873,876,878,880,883],{"class":505,"line":872},13,[503,874,875],{"class":517},"    :step",[503,877,524],{"class":509},[503,879,527],{"class":509},[503,881,882],{"class":530},"5",[503,884,841],{"class":509},[503,886,888,891,893,895,898],{"class":505,"line":887},14,[503,889,890],{"class":517},"    :min-steps-between-thumbs",[503,892,524],{"class":509},[503,894,527],{"class":509},[503,896,897],{"class":530},"2",[503,899,841],{"class":509},[503,901,903,906,908,910,913],{"class":505,"line":902},15,[503,904,905],{"class":517},"    color",[503,907,524],{"class":509},[503,909,527],{"class":509},[503,911,912],{"class":530},"success",[503,914,841],{"class":509},[503,916,918],{"class":505,"line":917},16,[503,919,920],{"class":509},"  \u002F>\n",[503,922,924,926,928],{"class":505,"line":923},17,[503,925,622],{"class":509},[503,927,639],{"class":513},[503,929,536],{"class":509},[471,931,932,935,936,939,940,943],{},[474,933,934],{},"minStepsBetweenThumbs"," is measured in steps. With ",[474,937,938],{},"step=\"5\""," and ",[474,941,942],{},"minStepsBetweenThumbs=\"2\"",", adjacent thumbs remain at least 10 units apart.",[702,945,947],{"id":946},"vertical","Vertical",[471,949,950,951,954],{},"A vertical slider needs an explicit height from its parent or ",[474,952,953],{},"class",".",[494,956,958],{"className":496,"code":957,"language":498,"meta":499,"style":499},"\u003Ctemplate>\n  \u003CVySlider\n    :default-value=\"60\"\n    orientation=\"vertical\"\n    class=\"h-48\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[474,959,960,968,974,988,1001,1015,1019],{"__ignoreMap":499},[503,961,962,964,966],{"class":505,"line":506},[503,963,510],{"class":509},[503,965,639],{"class":513},[503,967,536],{"class":509},[503,969,970,972],{"class":505,"line":539},[503,971,647],{"class":509},[503,973,826],{"class":513},[503,975,976,979,981,983,986],{"class":505,"line":567},[503,977,978],{"class":517},"    :default-value",[503,980,524],{"class":509},[503,982,527],{"class":509},[503,984,985],{"class":530},"60",[503,987,841],{"class":509},[503,989,990,993,995,997,999],{"class":505,"line":588},[503,991,992],{"class":517},"    orientation",[503,994,524],{"class":509},[503,996,527],{"class":509},[503,998,946],{"class":530},[503,1000,841],{"class":509},[503,1002,1003,1006,1008,1010,1013],{"class":505,"line":595},[503,1004,1005],{"class":517},"    class",[503,1007,524],{"class":509},[503,1009,527],{"class":509},[503,1011,1012],{"class":530},"h-48",[503,1014,841],{"class":509},[503,1016,1017],{"class":505,"line":619},[503,1018,920],{"class":509},[503,1020,1021,1023,1025],{"class":505,"line":629},[503,1022,622],{"class":509},[503,1024,639],{"class":513},[503,1026,536],{"class":509},[466,1028,1030],{"id":1029},"features-and-behavior","Features and behavior",[1032,1033,1034,1045,1048,1062,1068,1071,1077],"ul",{},[1035,1036,1037,1040,1041,1044],"li",{},[474,1038,1039],{},"modelValue"," controls the slider; ",[474,1042,1043],{},"defaultValue"," initializes uncontrolled state.",[1035,1046,1047],{},"A number creates one thumb. An array creates one thumb for every entry.",[1035,1049,1050,1051,939,1054,1057,1058,1061],{},"Values are clamped to ",[474,1052,1053],{},"min",[474,1055,1056],{},"max",", snapped to ",[474,1059,1060],{},"step",", and kept in ascending order.",[1035,1063,1064,1067],{},[474,1065,1066],{},"inverted"," reverses the visual value direction. A normal vertical slider runs from minimum at the bottom to maximum at the top.",[1035,1069,1070],{},"Tapping or dragging the track moves the closest thumb.",[1035,1072,1073,1076],{},[474,1074,1075],{},"disabled"," prevents interaction and dims the root.",[1035,1078,1079,1080,1083],{},"The kit wrapper does not expose the core slider's ",[474,1081,1082],{},"valueCommit"," event.",[466,1085,1087],{"id":1086},"props","Props",[1089,1090,1091,1110],"table",{},[1092,1093,1094],"thead",{},[1095,1096,1097,1101,1104,1107],"tr",{},[1098,1099,1100],"th",{},"Prop",[1098,1102,1103],{},"Type",[1098,1105,1106],{},"Default",[1098,1108,1109],{},"Description",[1111,1112,1113,1137,1156,1174,1191,1209,1228,1248,1265,1282,1302,1322,1341,1359],"tbody",{},[1095,1114,1115,1120,1125,1130],{},[1116,1117,1118],"td",{},[474,1119,1039],{},[1116,1121,1122],{},[474,1123,1124],{},"number | number[]",[1116,1126,1127],{},[474,1128,1129],{},"undefined",[1116,1131,1132,1133,1136],{},"Controlled value used by ",[474,1134,1135],{},"v-model","; its number or array shape is preserved.",[1095,1138,1139,1143,1147,1153],{},[1116,1140,1141],{},[474,1142,1043],{},[1116,1144,1145],{},[474,1146,1124],{},[1116,1148,1149,1150],{},"Core default ",[474,1151,1152],{},"[0]",[1116,1154,1155],{},"Initial value when uncontrolled.",[1095,1157,1158,1162,1167,1171],{},[1116,1159,1160],{},[474,1161,1053],{},[1116,1163,1164],{},[474,1165,1166],{},"number",[1116,1168,1169],{},[474,1170,671],{},[1116,1172,1173],{},"Minimum permitted value.",[1095,1175,1176,1180,1184,1188],{},[1116,1177,1178],{},[474,1179,1056],{},[1116,1181,1182],{},[474,1183,1166],{},[1116,1185,1186],{},[474,1187,683],{},[1116,1189,1190],{},"Maximum permitted value.",[1095,1192,1193,1197,1201,1206],{},[1116,1194,1195],{},[474,1196,1060],{},[1116,1198,1199],{},[474,1200,1166],{},[1116,1202,1203],{},[474,1204,1205],{},"1",[1116,1207,1208],{},"Increment used when snapping values.",[1095,1210,1211,1215,1220,1225],{},[1116,1212,1213],{},[474,1214,1075],{},[1116,1216,1217],{},[474,1218,1219],{},"boolean",[1116,1221,1222],{},[474,1223,1224],{},"false",[1116,1226,1227],{},"Prevents user interaction.",[1095,1229,1230,1235,1240,1245],{},[1116,1231,1232],{},[474,1233,1234],{},"orientation",[1116,1236,1237],{},[474,1238,1239],{},"'horizontal' | 'vertical'",[1116,1241,1242],{},[474,1243,1244],{},"'horizontal'",[1116,1246,1247],{},"Track and drag direction.",[1095,1249,1250,1254,1258,1262],{},[1116,1251,1252],{},[474,1253,1066],{},[1116,1255,1256],{},[474,1257,1219],{},[1116,1259,1260],{},[474,1261,1224],{},[1116,1263,1264],{},"Reverses the visual value direction.",[1095,1266,1267,1271,1275,1279],{},[1116,1268,1269],{},[474,1270,934],{},[1116,1272,1273],{},[474,1274,1166],{},[1116,1276,1277],{},[474,1278,671],{},[1116,1280,1281],{},"Minimum step count allowed between adjacent thumbs.",[1095,1283,1284,1289,1294,1299],{},[1116,1285,1286],{},[474,1287,1288],{},"color",[1116,1290,1291],{},[474,1292,1293],{},"Color",[1116,1295,1296],{},[474,1297,1298],{},"'primary'",[1116,1300,1301],{},"Semantic range and thumb-border color.",[1095,1303,1304,1309,1314,1319],{},[1116,1305,1306],{},[474,1307,1308],{},"size",[1116,1310,1311],{},[474,1312,1313],{},"'sm' | 'md' | 'lg' | 'xl'",[1116,1315,1316],{},[474,1317,1318],{},"'md'",[1116,1320,1321],{},"Thumb size and track thickness.",[1095,1323,1324,1329,1334,1338],{},[1116,1325,1326],{},[474,1327,1328],{},"name",[1116,1330,1331],{},[474,1332,1333],{},"string",[1116,1335,1336],{},[474,1337,1129],{},[1116,1339,1340],{},"Name forwarded to the core form control.",[1095,1342,1343,1347,1352,1356],{},[1116,1344,1345],{},[474,1346,953],{},[1116,1348,1349],{},[474,1350,1351],{},"any",[1116,1353,1354],{},[474,1355,1129],{},[1116,1357,1358],{},"Classes merged onto the slider root.",[1095,1360,1361,1366,1371,1375],{},[1116,1362,1363],{},[474,1364,1365],{},"ui",[1116,1367,1368],{},[474,1369,1370],{},"Partial\u003CRecord\u003CSliderSlot, any>>",[1116,1372,1373],{},[474,1374,1129],{},[1116,1376,1377],{},"Per-instance theme slot overrides.",[471,1379,1380,1382,1383,1386,1387,1386,1390,1386,1392,1386,1395,1386,1398,1401,1402,1405],{},[474,1381,1293],{}," defaults to ",[474,1384,1385],{},"primary",", ",[474,1388,1389],{},"secondary",[474,1391,912],{},[474,1393,1394],{},"info",[474,1396,1397],{},"warning",[474,1399,1400],{},"error",", or ",[474,1403,1404],{},"neutral",", and supports registry extensions.",[466,1407,1409],{"id":1408},"emits","Emits",[1089,1411,1412,1424],{},[1092,1413,1414],{},[1095,1415,1416,1419,1422],{},[1098,1417,1418],{},"Event",[1098,1420,1421],{},"Payload",[1098,1423,1109],{},[1111,1425,1426],{},[1095,1427,1428,1433,1437],{},[1116,1429,1430],{},[474,1431,1432],{},"update:modelValue",[1116,1434,1435],{},[474,1436,1124],{},[1116,1438,1439],{},"Emitted when the value changes, preserving the input shape.",[466,1441,1443],{"id":1442},"slots","Slots",[471,1445,1446,1447,1449,1450,1452],{},"This kit component does not expose slots. Use the ",[474,1448,1365],{}," prop to customize its rendered parts, or compose the headless slider primitives from ",[474,1451,41],{}," when custom markup is required.",[466,1454,1456],{"id":1455},"styling-and-theming","Styling and theming",[471,1458,1459,1460,1463,1464,954],{},"Override globally through ",[474,1461,1462],{},"appConfig.ui.slider"," or locally with ",[474,1465,1365],{},[1089,1467,1468,1478],{},[1092,1469,1470],{},[1095,1471,1472,1475],{},[1098,1473,1474],{},"UI slot",[1098,1476,1477],{},"Purpose",[1111,1479,1480,1490,1500,1509],{},[1095,1481,1482,1487],{},[1116,1483,1484],{},[474,1485,1486],{},"root",[1116,1488,1489],{},"Orientation, dimensions, disabled opacity, and outer layout.",[1095,1491,1492,1497],{},[1116,1493,1494],{},[474,1495,1496],{},"track",[1116,1498,1499],{},"Unfilled rounded track.",[1095,1501,1502,1506],{},[1116,1503,1504],{},[474,1505,704],{},[1116,1507,1508],{},"Filled section between the start and active thumb values.",[1095,1510,1511,1516],{},[1116,1512,1513],{},[474,1514,1515],{},"thumb",[1116,1517,1518],{},"Draggable circular handle.",[471,1520,1521,1522,1524,1525,1527],{},"The ",[474,1523,1288],{}," variant colors the range and thumb border. The ",[474,1526,1308],{}," variant changes the thumb from 16px to 24px and adjusts track thickness. Orientation switches the root and range axes.",[466,1529,328],{"id":1530},"accessibility",[471,1532,1533],{},"Each core thumb is an adjustable accessibility element and announces its current value as “value of maximum.” A two-thumb slider labels its thumbs “Minimum” and “Maximum”; larger ranges use numbered value labels. Pair the slider with nearby visible text that explains what the value controls, and show the current value separately when users need exact feedback.",[471,1535,1536,1537,1539],{},"The kit wrapper does not currently expose per-thumb slots or a direct per-thumb accessibility-label API. Use the ",[474,1538,41],{}," primitives when each thumb requires a custom accessible name.",[466,1541,1543],{"id":1542},"platform-notes","Platform notes",[1032,1545,1546,1549,1552,1555],{},[1035,1547,1548],{},"Dragging uses Lynx touch events rather than DOM pointer events.",[1035,1550,1551],{},"The core control uses a main-thread drag path by default for smooth native movement. The bound value is synchronized when the gesture commits rather than on every painted frame.",[1035,1553,1554],{},"Thumb positions use concrete inline transforms because Lynx native does not resolve inline CSS custom properties reliably.",[1035,1556,1557],{},"Vertical sliders require a constrained height; horizontal sliders fill the available width by default.",[466,1559,1561],{"id":1560},"related-components","Related components",[1032,1563,1564,1569,1575],{},[1035,1565,1566,1568],{},[474,1567,209],{}," for displaying a non-interactive value.",[1035,1570,1571,1574],{},[474,1572,1573],{},"NumberField"," for precise typed increments.",[1035,1576,1521,1577,1579],{},[474,1578,41],{}," slider primitives for custom tracks, ranges, and thumbs.",[1581,1582,1583],"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":499,"searchDepth":506,"depth":539,"links":1585},[1586,1587,1591,1592,1593,1594,1595,1596,1597,1598],{"id":468,"depth":539,"text":469},{"id":491,"depth":539,"text":492,"children":1588},[1589,1590],{"id":704,"depth":567,"text":705},{"id":946,"depth":567,"text":947},{"id":1029,"depth":539,"text":1030},{"id":1086,"depth":539,"text":1087},{"id":1408,"depth":539,"text":1409},{"id":1442,"depth":539,"text":1443},{"id":1455,"depth":539,"text":1456},{"id":1530,"depth":539,"text":328},{"id":1542,"depth":539,"text":1543},{"id":1560,"depth":539,"text":1561},"Select one value or a range by dragging along a track.","md",[1602],{"label":1603,"icon":1604,"to":1605,"target":1606},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FSlider.vue","_blank",{},{"icon":250},{"title":247,"description":1599},"XlZnMLs46Eu1YBw4MxI8Wtsv5S_dXSiEtn4NBfFPBGc",[1612,1614],{"title":243,"path":244,"stem":245,"description":1613,"icon":-1,"children":-1,"navigation":-1},"Display a pulsing placeholder while content is loading.",{"title":252,"path":253,"stem":254,"description":1615,"icon":-1,"children":-1,"navigation":-1},"Reorder a vertical list with a native long-press drag gesture.",1785060118129]