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