[{"data":1,"prerenderedAt":1468},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fslider":313,"\u002Fcomponents\u002Fslider-surround":1463},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"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","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":239,"body":315,"description":1451,"extension":1452,"links":1453,"meta":1459,"navigation":1460,"package":60,"path":240,"seo":1461,"stem":241,"__hash__":1462},"docs\u002F3.components\u002Fslider.md",{"type":316,"value":317,"toc":1436},"minimark",[318,323,334,339,342,346,550,553,558,561,782,796,800,807,879,883,936,940,1230,1258,1262,1292,1296,1305,1309,1318,1371,1380,1383,1386,1392,1396,1410,1414,1432],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330,331,333],"p",{},[327,328,329],"code",{},"VySlider"," is a themed wrapper around the ",[327,332,31],{}," 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.",[335,336],"component-code",{"height":337,"name":338},"120px","slider-example",[335,340],{"height":337,"name":341},"slider-range",[319,343,345],{"id":344},"usage","Usage",[347,348,353],"pre",{"className":349,"code":350,"language":351,"meta":352,"style":352},"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","",[327,354,355,390,418,438,445,469,479,484,494,541],{"__ignoreMap":352},[356,357,360,364,368,372,375,378,381,385,387],"span",{"class":358,"line":359},"line",1,[356,361,363],{"class":362},"sMK4o","\u003C",[356,365,367],{"class":366},"swJcz","script",[356,369,371],{"class":370},"spNyl"," setup",[356,373,374],{"class":370}," lang",[356,376,377],{"class":362},"=",[356,379,380],{"class":362},"\"",[356,382,384],{"class":383},"sfazB","ts",[356,386,380],{"class":362},[356,388,389],{"class":362},">\n",[356,391,393,397,400,404,407,410,413,415],{"class":358,"line":392},2,[356,394,396],{"class":395},"s7zQu","import",[356,398,399],{"class":362}," {",[356,401,403],{"class":402},"sTEyZ"," ref",[356,405,406],{"class":362}," }",[356,408,409],{"class":395}," from",[356,411,412],{"class":362}," '",[356,414,351],{"class":383},[356,416,417],{"class":362},"'\n",[356,419,421,423,425,428,430,432,434,436],{"class":358,"line":420},3,[356,422,396],{"class":395},[356,424,399],{"class":362},[356,426,427],{"class":402}," VySlider",[356,429,406],{"class":362},[356,431,409],{"class":395},[356,433,412],{"class":362},[356,435,36],{"class":383},[356,437,417],{"class":362},[356,439,441],{"class":358,"line":440},4,[356,442,444],{"emptyLinePlaceholder":443},true,"\n",[356,446,448,451,454,456,459,462,466],{"class":358,"line":447},5,[356,449,450],{"class":370},"const",[356,452,453],{"class":402}," volume ",[356,455,377],{"class":362},[356,457,403],{"class":458},"s2Zo4",[356,460,461],{"class":402},"(",[356,463,465],{"class":464},"sbssI","40",[356,467,468],{"class":402},")\n",[356,470,472,475,477],{"class":358,"line":471},6,[356,473,474],{"class":362},"\u003C\u002F",[356,476,367],{"class":366},[356,478,389],{"class":362},[356,480,482],{"class":358,"line":481},7,[356,483,444],{"emptyLinePlaceholder":443},[356,485,487,489,492],{"class":358,"line":486},8,[356,488,363],{"class":362},[356,490,491],{"class":366},"template",[356,493,389],{"class":362},[356,495,497,500,502,505,507,509,512,514,517,519,521,524,526,529,531,533,536,538],{"class":358,"line":496},9,[356,498,499],{"class":362},"  \u003C",[356,501,329],{"class":366},[356,503,504],{"class":370}," v-model",[356,506,377],{"class":362},[356,508,380],{"class":362},[356,510,511],{"class":383},"volume",[356,513,380],{"class":362},[356,515,516],{"class":370}," :min",[356,518,377],{"class":362},[356,520,380],{"class":362},[356,522,523],{"class":383},"0",[356,525,380],{"class":362},[356,527,528],{"class":370}," :max",[356,530,377],{"class":362},[356,532,380],{"class":362},[356,534,535],{"class":383},"100",[356,537,380],{"class":362},[356,539,540],{"class":362}," \u002F>\n",[356,542,544,546,548],{"class":358,"line":543},10,[356,545,474],{"class":362},[356,547,491],{"class":366},[356,549,389],{"class":362},[324,551,552],{},"The shape of the bound value is preserved: a number emits a number, while an array emits an array.",[554,555,557],"h3",{"id":556},"range","Range",[324,559,560],{},"Use an array to render one thumb per value.",[347,562,564],{"className":349,"code":563,"language":351,"meta":352,"style":352},"\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",[327,565,566,586,604,622,626,652,660,664,672,679,694,708,722,737,752,767,773],{"__ignoreMap":352},[356,567,568,570,572,574,576,578,580,582,584],{"class":358,"line":359},[356,569,363],{"class":362},[356,571,367],{"class":366},[356,573,371],{"class":370},[356,575,374],{"class":370},[356,577,377],{"class":362},[356,579,380],{"class":362},[356,581,384],{"class":383},[356,583,380],{"class":362},[356,585,389],{"class":362},[356,587,588,590,592,594,596,598,600,602],{"class":358,"line":392},[356,589,396],{"class":395},[356,591,399],{"class":362},[356,593,403],{"class":402},[356,595,406],{"class":362},[356,597,409],{"class":395},[356,599,412],{"class":362},[356,601,351],{"class":383},[356,603,417],{"class":362},[356,605,606,608,610,612,614,616,618,620],{"class":358,"line":420},[356,607,396],{"class":395},[356,609,399],{"class":362},[356,611,427],{"class":402},[356,613,406],{"class":362},[356,615,409],{"class":395},[356,617,412],{"class":362},[356,619,36],{"class":383},[356,621,417],{"class":362},[356,623,624],{"class":358,"line":440},[356,625,444],{"emptyLinePlaceholder":443},[356,627,628,630,633,635,637,640,643,646,649],{"class":358,"line":447},[356,629,450],{"class":370},[356,631,632],{"class":402}," price ",[356,634,377],{"class":362},[356,636,403],{"class":458},[356,638,639],{"class":402},"([",[356,641,642],{"class":464},"20",[356,644,645],{"class":362},",",[356,647,648],{"class":464}," 80",[356,650,651],{"class":402},"])\n",[356,653,654,656,658],{"class":358,"line":471},[356,655,474],{"class":362},[356,657,367],{"class":366},[356,659,389],{"class":362},[356,661,662],{"class":358,"line":481},[356,663,444],{"emptyLinePlaceholder":443},[356,665,666,668,670],{"class":358,"line":486},[356,667,363],{"class":362},[356,669,491],{"class":366},[356,671,389],{"class":362},[356,673,674,676],{"class":358,"line":496},[356,675,499],{"class":362},[356,677,678],{"class":366},"VySlider\n",[356,680,681,684,686,688,691],{"class":358,"line":543},[356,682,683],{"class":370},"    v-model",[356,685,377],{"class":362},[356,687,380],{"class":362},[356,689,690],{"class":383},"price",[356,692,693],{"class":362},"\"\n",[356,695,697,700,702,704,706],{"class":358,"line":696},11,[356,698,699],{"class":370},"    :min",[356,701,377],{"class":362},[356,703,380],{"class":362},[356,705,523],{"class":383},[356,707,693],{"class":362},[356,709,711,714,716,718,720],{"class":358,"line":710},12,[356,712,713],{"class":370},"    :max",[356,715,377],{"class":362},[356,717,380],{"class":362},[356,719,535],{"class":383},[356,721,693],{"class":362},[356,723,725,728,730,732,735],{"class":358,"line":724},13,[356,726,727],{"class":370},"    :step",[356,729,377],{"class":362},[356,731,380],{"class":362},[356,733,734],{"class":383},"5",[356,736,693],{"class":362},[356,738,740,743,745,747,750],{"class":358,"line":739},14,[356,741,742],{"class":370},"    :min-steps-between-thumbs",[356,744,377],{"class":362},[356,746,380],{"class":362},[356,748,749],{"class":383},"2",[356,751,693],{"class":362},[356,753,755,758,760,762,765],{"class":358,"line":754},15,[356,756,757],{"class":370},"    color",[356,759,377],{"class":362},[356,761,380],{"class":362},[356,763,764],{"class":383},"success",[356,766,693],{"class":362},[356,768,770],{"class":358,"line":769},16,[356,771,772],{"class":362},"  \u002F>\n",[356,774,776,778,780],{"class":358,"line":775},17,[356,777,474],{"class":362},[356,779,491],{"class":366},[356,781,389],{"class":362},[324,783,784,787,788,791,792,795],{},[327,785,786],{},"minStepsBetweenThumbs"," is measured in steps. With ",[327,789,790],{},"step=\"5\""," and ",[327,793,794],{},"minStepsBetweenThumbs=\"2\"",", adjacent thumbs remain at least 10 units apart.",[554,797,799],{"id":798},"vertical","Vertical",[324,801,802,803,806],{},"A vertical slider needs an explicit height from its parent or ",[327,804,805],{},"class",".",[347,808,810],{"className":349,"code":809,"language":351,"meta":352,"style":352},"\u003Ctemplate>\n  \u003CVySlider\n    :default-value=\"60\"\n    orientation=\"vertical\"\n    class=\"h-48\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[327,811,812,820,826,840,853,867,871],{"__ignoreMap":352},[356,813,814,816,818],{"class":358,"line":359},[356,815,363],{"class":362},[356,817,491],{"class":366},[356,819,389],{"class":362},[356,821,822,824],{"class":358,"line":392},[356,823,499],{"class":362},[356,825,678],{"class":366},[356,827,828,831,833,835,838],{"class":358,"line":420},[356,829,830],{"class":370},"    :default-value",[356,832,377],{"class":362},[356,834,380],{"class":362},[356,836,837],{"class":383},"60",[356,839,693],{"class":362},[356,841,842,845,847,849,851],{"class":358,"line":440},[356,843,844],{"class":370},"    orientation",[356,846,377],{"class":362},[356,848,380],{"class":362},[356,850,798],{"class":383},[356,852,693],{"class":362},[356,854,855,858,860,862,865],{"class":358,"line":447},[356,856,857],{"class":370},"    class",[356,859,377],{"class":362},[356,861,380],{"class":362},[356,863,864],{"class":383},"h-48",[356,866,693],{"class":362},[356,868,869],{"class":358,"line":471},[356,870,772],{"class":362},[356,872,873,875,877],{"class":358,"line":481},[356,874,474],{"class":362},[356,876,491],{"class":366},[356,878,389],{"class":362},[319,880,882],{"id":881},"features-and-behavior","Features and behavior",[884,885,886,897,900,914,920,923,929],"ul",{},[887,888,889,892,893,896],"li",{},[327,890,891],{},"modelValue"," controls the slider; ",[327,894,895],{},"defaultValue"," initializes uncontrolled state.",[887,898,899],{},"A number creates one thumb. An array creates one thumb for every entry.",[887,901,902,903,791,906,909,910,913],{},"Values are clamped to ",[327,904,905],{},"min",[327,907,908],{},"max",", snapped to ",[327,911,912],{},"step",", and kept in ascending order.",[887,915,916,919],{},[327,917,918],{},"inverted"," reverses the visual value direction. A normal vertical slider runs from minimum at the bottom to maximum at the top.",[887,921,922],{},"Tapping or dragging the track moves the closest thumb.",[887,924,925,928],{},[327,926,927],{},"disabled"," prevents interaction and dims the root.",[887,930,931,932,935],{},"The kit wrapper does not expose the core slider's ",[327,933,934],{},"valueCommit"," event.",[319,937,939],{"id":938},"props","Props",[941,942,943,962],"table",{},[944,945,946],"thead",{},[947,948,949,953,956,959],"tr",{},[950,951,952],"th",{},"Prop",[950,954,955],{},"Type",[950,957,958],{},"Default",[950,960,961],{},"Description",[963,964,965,989,1008,1026,1043,1061,1080,1100,1117,1134,1154,1174,1193,1211],"tbody",{},[947,966,967,972,977,982],{},[968,969,970],"td",{},[327,971,891],{},[968,973,974],{},[327,975,976],{},"number | number[]",[968,978,979],{},[327,980,981],{},"undefined",[968,983,984,985,988],{},"Controlled value used by ",[327,986,987],{},"v-model","; its number or array shape is preserved.",[947,990,991,995,999,1005],{},[968,992,993],{},[327,994,895],{},[968,996,997],{},[327,998,976],{},[968,1000,1001,1002],{},"Core default ",[327,1003,1004],{},"[0]",[968,1006,1007],{},"Initial value when uncontrolled.",[947,1009,1010,1014,1019,1023],{},[968,1011,1012],{},[327,1013,905],{},[968,1015,1016],{},[327,1017,1018],{},"number",[968,1020,1021],{},[327,1022,523],{},[968,1024,1025],{},"Minimum permitted value.",[947,1027,1028,1032,1036,1040],{},[968,1029,1030],{},[327,1031,908],{},[968,1033,1034],{},[327,1035,1018],{},[968,1037,1038],{},[327,1039,535],{},[968,1041,1042],{},"Maximum permitted value.",[947,1044,1045,1049,1053,1058],{},[968,1046,1047],{},[327,1048,912],{},[968,1050,1051],{},[327,1052,1018],{},[968,1054,1055],{},[327,1056,1057],{},"1",[968,1059,1060],{},"Increment used when snapping values.",[947,1062,1063,1067,1072,1077],{},[968,1064,1065],{},[327,1066,927],{},[968,1068,1069],{},[327,1070,1071],{},"boolean",[968,1073,1074],{},[327,1075,1076],{},"false",[968,1078,1079],{},"Prevents user interaction.",[947,1081,1082,1087,1092,1097],{},[968,1083,1084],{},[327,1085,1086],{},"orientation",[968,1088,1089],{},[327,1090,1091],{},"'horizontal' | 'vertical'",[968,1093,1094],{},[327,1095,1096],{},"'horizontal'",[968,1098,1099],{},"Track and drag direction.",[947,1101,1102,1106,1110,1114],{},[968,1103,1104],{},[327,1105,918],{},[968,1107,1108],{},[327,1109,1071],{},[968,1111,1112],{},[327,1113,1076],{},[968,1115,1116],{},"Reverses the visual value direction.",[947,1118,1119,1123,1127,1131],{},[968,1120,1121],{},[327,1122,786],{},[968,1124,1125],{},[327,1126,1018],{},[968,1128,1129],{},[327,1130,523],{},[968,1132,1133],{},"Minimum step count allowed between adjacent thumbs.",[947,1135,1136,1141,1146,1151],{},[968,1137,1138],{},[327,1139,1140],{},"color",[968,1142,1143],{},[327,1144,1145],{},"Color",[968,1147,1148],{},[327,1149,1150],{},"'primary'",[968,1152,1153],{},"Semantic range and thumb-border color.",[947,1155,1156,1161,1166,1171],{},[968,1157,1158],{},[327,1159,1160],{},"size",[968,1162,1163],{},[327,1164,1165],{},"'sm' | 'md' | 'lg' | 'xl'",[968,1167,1168],{},[327,1169,1170],{},"'md'",[968,1172,1173],{},"Thumb size and track thickness.",[947,1175,1176,1181,1186,1190],{},[968,1177,1178],{},[327,1179,1180],{},"name",[968,1182,1183],{},[327,1184,1185],{},"string",[968,1187,1188],{},[327,1189,981],{},[968,1191,1192],{},"Name forwarded to the core form control.",[947,1194,1195,1199,1204,1208],{},[968,1196,1197],{},[327,1198,805],{},[968,1200,1201],{},[327,1202,1203],{},"any",[968,1205,1206],{},[327,1207,981],{},[968,1209,1210],{},"Classes merged onto the slider root.",[947,1212,1213,1218,1223,1227],{},[968,1214,1215],{},[327,1216,1217],{},"ui",[968,1219,1220],{},[327,1221,1222],{},"Partial\u003CRecord\u003CSliderSlot, any>>",[968,1224,1225],{},[327,1226,981],{},[968,1228,1229],{},"Per-instance theme slot overrides.",[324,1231,1232,1234,1235,1238,1239,1238,1242,1238,1244,1238,1247,1238,1250,1253,1254,1257],{},[327,1233,1145],{}," defaults to ",[327,1236,1237],{},"primary",", ",[327,1240,1241],{},"secondary",[327,1243,764],{},[327,1245,1246],{},"info",[327,1248,1249],{},"warning",[327,1251,1252],{},"error",", or ",[327,1255,1256],{},"neutral",", and supports registry extensions.",[319,1259,1261],{"id":1260},"emits","Emits",[941,1263,1264,1276],{},[944,1265,1266],{},[947,1267,1268,1271,1274],{},[950,1269,1270],{},"Event",[950,1272,1273],{},"Payload",[950,1275,961],{},[963,1277,1278],{},[947,1279,1280,1285,1289],{},[968,1281,1282],{},[327,1283,1284],{},"update:modelValue",[968,1286,1287],{},[327,1288,976],{},[968,1290,1291],{},"Emitted when the value changes, preserving the input shape.",[319,1293,1295],{"id":1294},"slots","Slots",[324,1297,1298,1299,1301,1302,1304],{},"This kit component does not expose slots. Use the ",[327,1300,1217],{}," prop to customize its rendered parts, or compose the headless slider primitives from ",[327,1303,31],{}," when custom markup is required.",[319,1306,1308],{"id":1307},"styling-and-theming","Styling and theming",[324,1310,1311,1312,1315,1316,806],{},"Override globally through ",[327,1313,1314],{},"appConfig.ui.slider"," or locally with ",[327,1317,1217],{},[941,1319,1320,1330],{},[944,1321,1322],{},[947,1323,1324,1327],{},[950,1325,1326],{},"UI slot",[950,1328,1329],{},"Purpose",[963,1331,1332,1342,1352,1361],{},[947,1333,1334,1339],{},[968,1335,1336],{},[327,1337,1338],{},"root",[968,1340,1341],{},"Orientation, dimensions, disabled opacity, and outer layout.",[947,1343,1344,1349],{},[968,1345,1346],{},[327,1347,1348],{},"track",[968,1350,1351],{},"Unfilled rounded track.",[947,1353,1354,1358],{},[968,1355,1356],{},[327,1357,556],{},[968,1359,1360],{},"Filled section between the start and active thumb values.",[947,1362,1363,1368],{},[968,1364,1365],{},[327,1366,1367],{},"thumb",[968,1369,1370],{},"Draggable circular handle.",[324,1372,1373,1374,1376,1377,1379],{},"The ",[327,1375,1140],{}," variant colors the range and thumb border. The ",[327,1378,1160],{}," variant changes the thumb from 16px to 24px and adjusts track thickness. Orientation switches the root and range axes.",[319,1381,299],{"id":1382},"accessibility",[324,1384,1385],{},"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.",[324,1387,1388,1389,1391],{},"The kit wrapper does not currently expose per-thumb slots or a direct per-thumb accessibility-label API. Use the ",[327,1390,31],{}," primitives when each thumb requires a custom accessible name.",[319,1393,1395],{"id":1394},"platform-notes","Platform notes",[884,1397,1398,1401,1404,1407],{},[887,1399,1400],{},"Dragging uses Lynx touch events rather than DOM pointer events.",[887,1402,1403],{},"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.",[887,1405,1406],{},"Thumb positions use concrete inline transforms because Lynx native does not resolve inline CSS custom properties reliably.",[887,1408,1409],{},"Vertical sliders require a constrained height; horizontal sliders fill the available width by default.",[319,1411,1413],{"id":1412},"related-components","Related components",[884,1415,1416,1421,1427],{},[887,1417,1418,1420],{},[327,1419,201],{}," for displaying a non-interactive value.",[887,1422,1423,1426],{},[327,1424,1425],{},"NumberField"," for precise typed increments.",[887,1428,1373,1429,1431],{},[327,1430,31],{}," slider primitives for custom tracks, ranges, and thumbs.",[1433,1434,1435],"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":352,"searchDepth":359,"depth":392,"links":1437},[1438,1439,1443,1444,1445,1446,1447,1448,1449,1450],{"id":321,"depth":392,"text":322},{"id":344,"depth":392,"text":345,"children":1440},[1441,1442],{"id":556,"depth":420,"text":557},{"id":798,"depth":420,"text":799},{"id":881,"depth":392,"text":882},{"id":938,"depth":392,"text":939},{"id":1260,"depth":392,"text":1261},{"id":1294,"depth":392,"text":1295},{"id":1307,"depth":392,"text":1308},{"id":1382,"depth":392,"text":299},{"id":1394,"depth":392,"text":1395},{"id":1412,"depth":392,"text":1413},"Select one value or a range by dragging along a track.","md",[1454],{"label":1455,"icon":1456,"to":1457,"target":1458},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FSlider.vue","_blank",{},{"icon":242},{"title":239,"description":1451},"Zi68rdf3a9BMRnNujxAJYk5fYypnZRv9QBAQT8VpuZQ",[1464,1466],{"title":235,"path":236,"stem":237,"description":1465,"icon":-1,"children":-1,"navigation":-1},"Display a pulsing placeholder while content is loading.",{"title":244,"path":245,"stem":246,"description":1467,"icon":-1,"children":-1,"navigation":-1},"Reorder a vertical list with a native long-press drag gesture.",1783464069649]