[{"data":1,"prerenderedAt":1870},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fslider":207,"\u002Fcomponents\u002Fslider-surround":1865},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,61,66,71,76,81,86,91,96,101,106,111,115,120,125,130,135,140,145,150,155,160,165,170,175,180,184,188,193,197,202],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":62,"path":63,"stem":64,"icon":65},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":67,"path":68,"stem":69,"icon":70},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":72,"path":73,"stem":74,"icon":75},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":77,"path":78,"stem":79,"icon":80},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":82,"path":83,"stem":84,"icon":85},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":87,"path":88,"stem":89,"icon":90},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":92,"path":93,"stem":94,"icon":95},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":97,"path":98,"stem":99,"icon":100},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":102,"path":103,"stem":104,"icon":105},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":107,"path":108,"stem":109,"icon":110},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":112,"path":113,"stem":114,"icon":95},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":116,"path":117,"stem":118,"icon":119},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":121,"path":122,"stem":123,"icon":124},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":126,"path":127,"stem":128,"icon":129},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":131,"path":132,"stem":133,"icon":134},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"title":136,"path":137,"stem":138,"icon":139},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":141,"path":142,"stem":143,"icon":144},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":146,"path":147,"stem":148,"icon":149},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":151,"path":152,"stem":153,"icon":154},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":156,"path":157,"stem":158,"icon":159},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":161,"path":162,"stem":163,"icon":164},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":166,"path":167,"stem":168,"icon":169},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":171,"path":172,"stem":173,"icon":174},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":176,"path":177,"stem":178,"icon":179},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":181,"path":182,"stem":183,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":185,"path":186,"stem":187,"icon":149},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":189,"path":190,"stem":191,"icon":192},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":194,"path":195,"stem":196,"icon":65},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":198,"path":199,"stem":200,"icon":201},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":203,"path":204,"stem":205,"icon":206},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"id":208,"title":171,"body":209,"description":1858,"extension":1859,"links":1860,"meta":1861,"navigation":1862,"path":172,"seo":1863,"stem":173,"__hash__":1864},"docs\u002F2.components\u002Fslider.md",{"type":210,"value":211,"toc":1839},"minimark",[212,223,230,235,259,274,277,283,485,489,494,505,719,723,729,792,796,803,887,891,897,951,955,960,1077,1081,1085,1437,1441,1490,1494,1553,1557,1620,1624,1733,1749,1758,1762,1835],[213,214,215,218,219,222],"p",{},[216,217,171],"code",{}," is an unstyled slider for one value or multiple thumbs. It renders a track, filled range, and ",[216,220,221],{},"role=\"slider\""," thumbs with pointer dragging, keyboard stepping, hidden form input support, and CSS variables for styling.",[213,224,225,226,229],{},"Use it when users can choose an approximate value by dragging. Use ",[227,228,136],"a",{"href":137}," when exact typed input matters.",[231,232,234],"h2",{"id":233},"anatomy","Anatomy",[236,237,238,248],"ul",{},[239,240,241,247],"li",{},[242,243,244],"strong",{},[216,245,246],{},"#range",": Custom content inside the filled range.",[239,249,250,255,256,258],{},[242,251,252],{},[216,253,254],{},"#thumb",": Custom content inside each focusable ",[216,257,221],{}," thumb.",[213,260,261,262,265,266,269,270,273],{},"The root, hidden inputs, track, range, and thumbs are generated by the component. The root sets ",[216,263,264],{},"--akaza-slider-percentage",", ",[216,267,268],{},"--akaza-slider-start-percentage",", and ",[216,271,272],{},"--akaza-slider-end-percentage"," for styling.",[231,275,23],{"id":276},"usage",[278,279,280],"component-preview",{},[281,282],"examples-slider-demo",{},[284,285,286],"component-code",{},[287,288,293],"pre",{"className":289,"code":290,"language":291,"meta":292,"style":292},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Slider } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst volume = ref(60);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSlider v-model=\"volume\" aria-label=\"Volume\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[216,294,295,330,361,383,390,416,426,431,441,476],{"__ignoreMap":292},[296,297,300,304,308,312,315,318,321,325,327],"span",{"class":298,"line":299},"line",1,[296,301,303],{"class":302},"sMK4o","\u003C",[296,305,307],{"class":306},"swJcz","script",[296,309,311],{"class":310},"spNyl"," setup",[296,313,314],{"class":310}," lang",[296,316,317],{"class":302},"=",[296,319,320],{"class":302},"\"",[296,322,324],{"class":323},"sfazB","ts",[296,326,320],{"class":302},[296,328,329],{"class":302},">\n",[296,331,333,337,340,344,347,350,353,356,358],{"class":298,"line":332},2,[296,334,336],{"class":335},"s7zQu","import",[296,338,339],{"class":302}," {",[296,341,343],{"class":342},"sTEyZ"," Slider",[296,345,346],{"class":302}," }",[296,348,349],{"class":335}," from",[296,351,352],{"class":302}," \"",[296,354,355],{"class":323},"akaza-ui",[296,357,320],{"class":302},[296,359,360],{"class":302},";\n",[296,362,364,366,368,371,373,375,377,379,381],{"class":298,"line":363},3,[296,365,336],{"class":335},[296,367,339],{"class":302},[296,369,370],{"class":342}," ref",[296,372,346],{"class":302},[296,374,349],{"class":335},[296,376,352],{"class":302},[296,378,291],{"class":323},[296,380,320],{"class":302},[296,382,360],{"class":302},[296,384,386],{"class":298,"line":385},4,[296,387,389],{"emptyLinePlaceholder":388},true,"\n",[296,391,393,396,399,401,404,407,411,414],{"class":298,"line":392},5,[296,394,395],{"class":310},"const",[296,397,398],{"class":342}," volume ",[296,400,317],{"class":302},[296,402,370],{"class":403},"s2Zo4",[296,405,406],{"class":342},"(",[296,408,410],{"class":409},"sbssI","60",[296,412,413],{"class":342},")",[296,415,360],{"class":302},[296,417,419,422,424],{"class":298,"line":418},6,[296,420,421],{"class":302},"\u003C\u002F",[296,423,307],{"class":306},[296,425,329],{"class":302},[296,427,429],{"class":298,"line":428},7,[296,430,389],{"emptyLinePlaceholder":388},[296,432,434,436,439],{"class":298,"line":433},8,[296,435,303],{"class":302},[296,437,438],{"class":306},"template",[296,440,329],{"class":302},[296,442,444,447,449,452,454,456,459,461,464,466,468,471,473],{"class":298,"line":443},9,[296,445,446],{"class":302},"  \u003C",[296,448,171],{"class":306},[296,450,451],{"class":310}," v-model",[296,453,317],{"class":302},[296,455,320],{"class":302},[296,457,458],{"class":323},"volume",[296,460,320],{"class":302},[296,462,463],{"class":310}," aria-label",[296,465,317],{"class":302},[296,467,320],{"class":302},[296,469,470],{"class":323},"Volume",[296,472,320],{"class":302},[296,474,475],{"class":302}," \u002F>\n",[296,477,479,481,483],{"class":298,"line":478},10,[296,480,421],{"class":302},[296,482,438],{"class":306},[296,484,329],{"class":302},[231,486,488],{"id":487},"examples","Examples",[490,491,493],"h3",{"id":492},"range-slider","Range slider",[213,495,496,497,500,501,504],{},"Bind ",[216,498,499],{},"v-model"," to a number array. Provide ",[216,502,503],{},"aria-labels"," so each thumb has a clear accessible name.",[287,506,508],{"className":289,"code":507,"language":291,"meta":292,"style":292},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { Slider } from \"akaza-ui\";\n\nconst price = ref([20, 80]);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSlider\n    v-model=\"price\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"5\"\n    :aria-labels=\"['Minimum price', 'Maximum price']\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,509,510,530,550,570,574,602,610,614,622,629,644,659,674,689,704,710],{"__ignoreMap":292},[296,511,512,514,516,518,520,522,524,526,528],{"class":298,"line":299},[296,513,303],{"class":302},[296,515,307],{"class":306},[296,517,311],{"class":310},[296,519,314],{"class":310},[296,521,317],{"class":302},[296,523,320],{"class":302},[296,525,324],{"class":323},[296,527,320],{"class":302},[296,529,329],{"class":302},[296,531,532,534,536,538,540,542,544,546,548],{"class":298,"line":332},[296,533,336],{"class":335},[296,535,339],{"class":302},[296,537,370],{"class":342},[296,539,346],{"class":302},[296,541,349],{"class":335},[296,543,352],{"class":302},[296,545,291],{"class":323},[296,547,320],{"class":302},[296,549,360],{"class":302},[296,551,552,554,556,558,560,562,564,566,568],{"class":298,"line":363},[296,553,336],{"class":335},[296,555,339],{"class":302},[296,557,343],{"class":342},[296,559,346],{"class":302},[296,561,349],{"class":335},[296,563,352],{"class":302},[296,565,355],{"class":323},[296,567,320],{"class":302},[296,569,360],{"class":302},[296,571,572],{"class":298,"line":385},[296,573,389],{"emptyLinePlaceholder":388},[296,575,576,578,581,583,585,588,591,594,597,600],{"class":298,"line":392},[296,577,395],{"class":310},[296,579,580],{"class":342}," price ",[296,582,317],{"class":302},[296,584,370],{"class":403},[296,586,587],{"class":342},"([",[296,589,590],{"class":409},"20",[296,592,593],{"class":302},",",[296,595,596],{"class":409}," 80",[296,598,599],{"class":342},"])",[296,601,360],{"class":302},[296,603,604,606,608],{"class":298,"line":418},[296,605,421],{"class":302},[296,607,307],{"class":306},[296,609,329],{"class":302},[296,611,612],{"class":298,"line":428},[296,613,389],{"emptyLinePlaceholder":388},[296,615,616,618,620],{"class":298,"line":433},[296,617,303],{"class":302},[296,619,438],{"class":306},[296,621,329],{"class":302},[296,623,624,626],{"class":298,"line":443},[296,625,446],{"class":302},[296,627,628],{"class":306},"Slider\n",[296,630,631,634,636,638,641],{"class":298,"line":478},[296,632,633],{"class":310},"    v-model",[296,635,317],{"class":302},[296,637,320],{"class":302},[296,639,640],{"class":323},"price",[296,642,643],{"class":302},"\"\n",[296,645,647,650,652,654,657],{"class":298,"line":646},11,[296,648,649],{"class":310},"    :min",[296,651,317],{"class":302},[296,653,320],{"class":302},[296,655,656],{"class":323},"0",[296,658,643],{"class":302},[296,660,662,665,667,669,672],{"class":298,"line":661},12,[296,663,664],{"class":310},"    :max",[296,666,317],{"class":302},[296,668,320],{"class":302},[296,670,671],{"class":323},"100",[296,673,643],{"class":302},[296,675,677,680,682,684,687],{"class":298,"line":676},13,[296,678,679],{"class":310},"    :step",[296,681,317],{"class":302},[296,683,320],{"class":302},[296,685,686],{"class":323},"5",[296,688,643],{"class":302},[296,690,692,695,697,699,702],{"class":298,"line":691},14,[296,693,694],{"class":310},"    :aria-labels",[296,696,317],{"class":302},[296,698,320],{"class":302},[296,700,701],{"class":323},"['Minimum price', 'Maximum price']",[296,703,643],{"class":302},[296,705,707],{"class":298,"line":706},15,[296,708,709],{"class":302},"  \u002F>\n",[296,711,713,715,717],{"class":298,"line":712},16,[296,714,421],{"class":302},[296,716,438],{"class":306},[296,718,329],{"class":302},[490,720,722],{"id":721},"minimum-distance-between-thumbs","Minimum distance between thumbs",[213,724,725,728],{},[216,726,727],{},"minStepsBetweenThumbs"," keeps adjacent thumbs apart by step units.",[287,730,732],{"className":289,"code":731,"language":291,"meta":292,"style":292},"\u003Ctemplate>\n  \u003CSlider v-model=\"range\" :step=\"5\" :min-steps-between-thumbs=\"2\" \u002F>\n\u003C\u002Ftemplate>\n",[216,733,734,742,784],{"__ignoreMap":292},[296,735,736,738,740],{"class":298,"line":299},[296,737,303],{"class":302},[296,739,438],{"class":306},[296,741,329],{"class":302},[296,743,744,746,748,750,752,754,757,759,762,764,766,768,770,773,775,777,780,782],{"class":298,"line":332},[296,745,446],{"class":302},[296,747,171],{"class":306},[296,749,451],{"class":310},[296,751,317],{"class":302},[296,753,320],{"class":302},[296,755,756],{"class":323},"range",[296,758,320],{"class":302},[296,760,761],{"class":310}," :step",[296,763,317],{"class":302},[296,765,320],{"class":302},[296,767,686],{"class":323},[296,769,320],{"class":302},[296,771,772],{"class":310}," :min-steps-between-thumbs",[296,774,317],{"class":302},[296,776,320],{"class":302},[296,778,779],{"class":323},"2",[296,781,320],{"class":302},[296,783,475],{"class":302},[296,785,786,788,790],{"class":298,"line":363},[296,787,421],{"class":302},[296,789,438],{"class":306},[296,791,329],{"class":302},[490,793,795],{"id":794},"vertical-slider","Vertical slider",[213,797,798,799,802],{},"Use ",[216,800,801],{},"orientation=\"vertical\""," and give the root\u002Ftrack a visible height.",[287,804,806],{"className":289,"code":805,"language":291,"meta":292,"style":292},"\u003Ctemplate>\n  \u003CSlider\n    v-model=\"volume\"\n    orientation=\"vertical\"\n    aria-label=\"Volume\"\n    :ui=\"{ root: 'h-40 w-6', track: 'h-full w-2' }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,807,808,816,822,834,848,861,875,879],{"__ignoreMap":292},[296,809,810,812,814],{"class":298,"line":299},[296,811,303],{"class":302},[296,813,438],{"class":306},[296,815,329],{"class":302},[296,817,818,820],{"class":298,"line":332},[296,819,446],{"class":302},[296,821,628],{"class":306},[296,823,824,826,828,830,832],{"class":298,"line":363},[296,825,633],{"class":310},[296,827,317],{"class":302},[296,829,320],{"class":302},[296,831,458],{"class":323},[296,833,643],{"class":302},[296,835,836,839,841,843,846],{"class":298,"line":385},[296,837,838],{"class":310},"    orientation",[296,840,317],{"class":302},[296,842,320],{"class":302},[296,844,845],{"class":323},"vertical",[296,847,643],{"class":302},[296,849,850,853,855,857,859],{"class":298,"line":392},[296,851,852],{"class":310},"    aria-label",[296,854,317],{"class":302},[296,856,320],{"class":302},[296,858,470],{"class":323},[296,860,643],{"class":302},[296,862,863,866,868,870,873],{"class":298,"line":418},[296,864,865],{"class":310},"    :ui",[296,867,317],{"class":302},[296,869,320],{"class":302},[296,871,872],{"class":323},"{ root: 'h-40 w-6', track: 'h-full w-2' }",[296,874,643],{"class":302},[296,876,877],{"class":298,"line":428},[296,878,709],{"class":302},[296,880,881,883,885],{"class":298,"line":433},[296,882,421],{"class":302},[296,884,438],{"class":306},[296,886,329],{"class":302},[490,888,890],{"id":889},"inverted-direction","Inverted direction",[213,892,893,896],{},[216,894,895],{},"inverted"," reverses pointer and keyboard value direction.",[287,898,900],{"className":289,"code":899,"language":291,"meta":292,"style":292},"\u003Ctemplate>\n  \u003CSlider v-model=\"brightness\" inverted aria-label=\"Brightness\" \u002F>\n\u003C\u002Ftemplate>\n",[216,901,902,910,943],{"__ignoreMap":292},[296,903,904,906,908],{"class":298,"line":299},[296,905,303],{"class":302},[296,907,438],{"class":306},[296,909,329],{"class":302},[296,911,912,914,916,918,920,922,925,927,930,932,934,936,939,941],{"class":298,"line":332},[296,913,446],{"class":302},[296,915,171],{"class":306},[296,917,451],{"class":310},[296,919,317],{"class":302},[296,921,320],{"class":302},[296,923,924],{"class":323},"brightness",[296,926,320],{"class":302},[296,928,929],{"class":310}," inverted",[296,931,463],{"class":310},[296,933,317],{"class":302},[296,935,320],{"class":302},[296,937,938],{"class":323},"Brightness",[296,940,320],{"class":302},[296,942,475],{"class":302},[296,944,945,947,949],{"class":298,"line":363},[296,946,421],{"class":302},[296,948,438],{"class":306},[296,950,329],{"class":302},[490,952,954],{"id":953},"custom-thumb-content","Custom thumb content",[213,956,798,957,959],{},[216,958,254],{}," when the thumb needs visible value text or custom markup.",[287,961,963],{"className":289,"code":962,"language":291,"meta":292,"style":292},"\u003Ctemplate>\n  \u003CSlider v-model=\"value\" aria-label=\"Progress\">\n    \u003Ctemplate #thumb=\"{ value }\">\n      \u003Cspan>{{ value }}\u003C\u002Fspan>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSlider>\n\u003C\u002Ftemplate>\n",[216,964,965,973,1002,1032,1051,1060,1069],{"__ignoreMap":292},[296,966,967,969,971],{"class":298,"line":299},[296,968,303],{"class":302},[296,970,438],{"class":306},[296,972,329],{"class":302},[296,974,975,977,979,981,983,985,988,990,992,994,996,998,1000],{"class":298,"line":332},[296,976,446],{"class":302},[296,978,171],{"class":306},[296,980,451],{"class":310},[296,982,317],{"class":302},[296,984,320],{"class":302},[296,986,987],{"class":323},"value",[296,989,320],{"class":302},[296,991,463],{"class":310},[296,993,317],{"class":302},[296,995,320],{"class":302},[296,997,151],{"class":323},[296,999,320],{"class":302},[296,1001,329],{"class":302},[296,1003,1004,1007,1009,1012,1015,1017,1019,1022,1025,1028,1030],{"class":298,"line":363},[296,1005,1006],{"class":302},"    \u003C",[296,1008,438],{"class":306},[296,1010,1011],{"class":302}," #",[296,1013,1014],{"class":310},"thumb",[296,1016,317],{"class":302},[296,1018,320],{"class":302},[296,1020,1021],{"class":302},"{",[296,1023,1024],{"class":342}," value ",[296,1026,1027],{"class":302},"}",[296,1029,320],{"class":302},[296,1031,329],{"class":302},[296,1033,1034,1037,1039,1042,1045,1047,1049],{"class":298,"line":385},[296,1035,1036],{"class":302},"      \u003C",[296,1038,296],{"class":306},[296,1040,1041],{"class":302},">",[296,1043,1044],{"class":342},"{{ value }}",[296,1046,421],{"class":302},[296,1048,296],{"class":306},[296,1050,329],{"class":302},[296,1052,1053,1056,1058],{"class":298,"line":392},[296,1054,1055],{"class":302},"    \u003C\u002F",[296,1057,438],{"class":306},[296,1059,329],{"class":302},[296,1061,1062,1065,1067],{"class":298,"line":418},[296,1063,1064],{"class":302},"  \u003C\u002F",[296,1066,171],{"class":306},[296,1068,329],{"class":302},[296,1070,1071,1073,1075],{"class":298,"line":428},[296,1072,421],{"class":302},[296,1074,438],{"class":306},[296,1076,329],{"class":302},[231,1078,1080],{"id":1079},"api-reference","API Reference",[490,1082,1084],{"id":1083},"props","Props",[1086,1087,1088,1107],"table",{},[1089,1090,1091],"thead",{},[1092,1093,1094,1098,1101,1104],"tr",{},[1095,1096,1097],"th",{},"Prop",[1095,1099,1100],{},"Type",[1095,1102,1103],{},"Default",[1095,1105,1106],{},"Description",[1108,1109,1110,1129,1146,1165,1183,1202,1222,1239,1258,1278,1296,1314,1332,1349,1366,1382,1399,1420],"tbody",{},[1092,1111,1112,1118,1123,1126],{},[1113,1114,1115],"td",{},[216,1116,1117],{},"id",[1113,1119,1120],{},[216,1121,1122],{},"string",[1113,1124,1125],{},"field id",[1113,1127,1128],{},"Thumb id.",[1092,1130,1131,1136,1140,1143],{},[1113,1132,1133],{},[216,1134,1135],{},"name",[1113,1137,1138],{},[216,1139,1122],{},[1113,1141,1142],{},"field name",[1113,1144,1145],{},"Form field name. Renders hidden range input.",[1092,1147,1148,1153,1158,1162],{},[1113,1149,1150],{},[216,1151,1152],{},"min",[1113,1154,1155],{},[216,1156,1157],{},"number",[1113,1159,1160],{},[216,1161,656],{},[1113,1163,1164],{},"Minimum value.",[1092,1166,1167,1172,1176,1180],{},[1113,1168,1169],{},[216,1170,1171],{},"max",[1113,1173,1174],{},[216,1175,1157],{},[1113,1177,1178],{},[216,1179,671],{},[1113,1181,1182],{},"Maximum value.",[1092,1184,1185,1190,1194,1199],{},[1113,1186,1187],{},[216,1188,1189],{},"step",[1113,1191,1192],{},[216,1193,1157],{},[1113,1195,1196],{},[216,1197,1198],{},"1",[1113,1200,1201],{},"Keyboard and pointer snapping step.",[1092,1203,1204,1209,1214,1219],{},[1113,1205,1206],{},[216,1207,1208],{},"orientation",[1113,1210,1211],{},[216,1212,1213],{},"\"horizontal\" | \"vertical\"",[1113,1215,1216],{},[216,1217,1218],{},"\"horizontal\"",[1113,1220,1221],{},"Slider orientation.",[1092,1223,1224,1228,1232,1236],{},[1113,1225,1226],{},[216,1227,727],{},[1113,1229,1230],{},[216,1231,1157],{},[1113,1233,1234],{},[216,1235,656],{},[1113,1237,1238],{},"Minimum distance between adjacent thumbs, in step units.",[1092,1240,1241,1245,1250,1255],{},[1113,1242,1243],{},[216,1244,895],{},[1113,1246,1247],{},[216,1248,1249],{},"boolean",[1113,1251,1252],{},[216,1253,1254],{},"false",[1113,1256,1257],{},"Reverses value direction.",[1092,1259,1260,1265,1270,1275],{},[1113,1261,1262],{},[216,1263,1264],{},"thumbAlignment",[1113,1266,1267],{},[216,1268,1269],{},"\"center\" | \"contain\"",[1113,1271,1272],{},[216,1273,1274],{},"\"center\"",[1113,1276,1277],{},"Thumb alignment metadata exposed as a data attr.",[1092,1279,1280,1285,1289,1293],{},[1113,1281,1282],{},[216,1283,1284],{},"required",[1113,1286,1287],{},[216,1288,1249],{},[1113,1290,1291],{},[216,1292,1254],{},[1113,1294,1295],{},"Required state for hidden input.",[1092,1297,1298,1303,1307,1311],{},[1113,1299,1300],{},[216,1301,1302],{},"disabled",[1113,1304,1305],{},[216,1306,1249],{},[1113,1308,1309],{},[216,1310,1254],{},[1113,1312,1313],{},"Disabled state.",[1092,1315,1316,1321,1325,1329],{},[1113,1317,1318],{},[216,1319,1320],{},"invalid",[1113,1322,1323],{},[216,1324,1249],{},[1113,1326,1327],{},[216,1328,1254],{},[1113,1330,1331],{},"Sets invalid attrs.",[1092,1333,1334,1339,1343,1346],{},[1113,1335,1336],{},[216,1337,1338],{},"ariaLabel",[1113,1340,1341],{},[216,1342,1122],{},[1113,1344,1345],{},"—",[1113,1347,1348],{},"Accessible label when no visible label exists.",[1092,1350,1351,1356,1361,1363],{},[1113,1352,1353],{},[216,1354,1355],{},"ariaLabels",[1113,1357,1358],{},[216,1359,1360],{},"string[]",[1113,1362,1345],{},[1113,1364,1365],{},"Per-thumb accessible labels for range sliders.",[1092,1367,1368,1373,1377,1379],{},[1113,1369,1370],{},[216,1371,1372],{},"ariaLabelledby",[1113,1374,1375],{},[216,1376,1122],{},[1113,1378,1345],{},[1113,1380,1381],{},"Accessible label id.",[1092,1383,1384,1389,1393,1396],{},[1113,1385,1386],{},[216,1387,1388],{},"ariaDescribedby",[1113,1390,1391],{},[216,1392,1122],{},[1113,1394,1395],{},"field description\u002Ferror",[1113,1397,1398],{},"Accessible description ids.",[1092,1400,1401,1406,1411,1413],{},[1113,1402,1403],{},[216,1404,1405],{},"getValueLabel",[1113,1407,1408],{},[216,1409,1410],{},"(value, max) => string | undefined",[1113,1412,1345],{},[1113,1414,1415,1416,1419],{},"Human-readable ",[216,1417,1418],{},"aria-valuetext",".",[1092,1421,1422,1427,1432,1434],{},[1113,1423,1424],{},[216,1425,1426],{},"ui",[1113,1428,1429],{},[216,1430,1431],{},"SliderUi",[1113,1433,1345],{},[1113,1435,1436],{},"Classes for structural parts.",[490,1438,1440],{"id":1439},"emits","Emits",[1086,1442,1443,1455],{},[1089,1444,1445],{},[1092,1446,1447,1450,1453],{},[1095,1448,1449],{},"Event",[1095,1451,1452],{},"Payload",[1095,1454,1106],{},[1108,1456,1457,1476],{},[1092,1458,1459,1464,1469],{},[1113,1460,1461],{},[216,1462,1463],{},"value-change",[1113,1465,1466],{},[216,1467,1468],{},"(value: number | number[], details)",[1113,1470,1471,1472,1475],{},"Fired before model updates. ",[216,1473,1474],{},"details.cancel()"," prevents the update.",[1092,1477,1478,1483,1487],{},[1113,1479,1480],{},[216,1481,1482],{},"value-commit",[1113,1484,1485],{},[216,1486,1468],{},[1113,1488,1489],{},"Fired at the end of pointer or keyboard interaction.",[490,1491,1493],{"id":1492},"slots","Slots",[1086,1495,1496,1507],{},[1089,1497,1498],{},[1092,1499,1500,1503,1505],{},[1095,1501,1502],{},"Slot",[1095,1504,1084],{},[1095,1506,1106],{},[1108,1508,1509,1531],{},[1092,1510,1511,1515,1528],{},[1113,1512,1513],{},[216,1514,756],{},[1113,1516,1517,265,1519,265,1522,265,1525],{},[216,1518,987],{},[216,1520,1521],{},"values",[216,1523,1524],{},"percentage",[216,1526,1527],{},"percentages",[1113,1529,1530],{},"Custom range content.",[1092,1532,1533,1537,1550],{},[1113,1534,1535],{},[216,1536,1014],{},[1113,1538,1539,265,1541,265,1543,265,1546,265,1548],{},[216,1540,987],{},[216,1542,1521],{},[216,1544,1545],{},"index",[216,1547,1524],{},[216,1549,1527],{},[1113,1551,1552],{},"Custom thumb content.",[490,1554,1556],{"id":1555},"ui-options","UI Options",[1086,1558,1559,1568],{},[1089,1560,1561],{},[1092,1562,1563,1566],{},[1095,1564,1565],{},"Key",[1095,1567,1106],{},[1108,1569,1570,1580,1590,1600,1609],{},[1092,1571,1572,1577],{},[1113,1573,1574],{},[216,1575,1576],{},"root",[1113,1578,1579],{},"Root slider wrapper.",[1092,1581,1582,1587],{},[1113,1583,1584],{},[216,1585,1586],{},"input",[1113,1588,1589],{},"Hidden range input used for form submission.",[1092,1591,1592,1597],{},[1113,1593,1594],{},[216,1595,1596],{},"track",[1113,1598,1599],{},"Slider track.",[1092,1601,1602,1606],{},[1113,1603,1604],{},[216,1605,756],{},[1113,1607,1608],{},"Filled range.",[1092,1610,1611,1615],{},[1113,1612,1613],{},[216,1614,1014],{},[1113,1616,1617,1618,1419],{},"Slider thumb with ",[216,1619,221],{},[490,1621,1623],{"id":1622},"styling-hooks","Styling Hooks",[1086,1625,1626,1639],{},[1089,1627,1628],{},[1092,1629,1630,1633,1636],{},[1095,1631,1632],{},"UI key",[1095,1634,1635],{},"CSS class",[1095,1637,1638],{},"Data attrs",[1108,1640,1641,1675,1688,1702,1715],{},[1092,1642,1643,1647,1652],{},[1113,1644,1645],{},[216,1646,1576],{},[1113,1648,1649],{},[216,1650,1651],{},"akaza-slider",[1113,1653,1654,265,1657,265,1660,265,1663,265,1666,265,1669,265,1672],{},[216,1655,1656],{},"data-akaza-orientation",[216,1658,1659],{},"data-akaza-disabled",[216,1661,1662],{},"data-akaza-invalid",[216,1664,1665],{},"data-akaza-dragging",[216,1667,1668],{},"data-akaza-focused",[216,1670,1671],{},"data-akaza-inverted",[216,1673,1674],{},"data-akaza-thumb-alignment",[1092,1676,1677,1681,1686],{},[1113,1678,1679],{},[216,1680,1586],{},[1113,1682,1683],{},[216,1684,1685],{},"akaza-slider-input",[1113,1687,1345],{},[1092,1689,1690,1694,1699],{},[1113,1691,1692],{},[216,1693,1596],{},[1113,1695,1696],{},[216,1697,1698],{},"akaza-slider-track",[1113,1700,1701],{},"same slider state attrs",[1092,1703,1704,1708,1713],{},[1113,1705,1706],{},[216,1707,756],{},[1113,1709,1710],{},[216,1711,1712],{},"akaza-slider-range",[1113,1714,1701],{},[1092,1716,1717,1721,1726],{},[1113,1718,1719],{},[216,1720,1014],{},[1113,1722,1723],{},[216,1724,1725],{},"akaza-slider-thumb",[1113,1727,1728,1729,1732],{},"same slider state attrs, ",[216,1730,1731],{},"data-akaza-thumb-index",", and ARIA slider attrs",[213,1734,1735,1737,1738,265,1740,269,1742,1744,1745,1748],{},[216,1736,171],{}," sets ",[216,1739,264],{},[216,1741,268],{},[216,1743,272],{}," on the root. Plain ",[216,1746,1747],{},"class"," applies to the root wrapper.",[213,1750,1751,1752,1754,1755,1757],{},"Native invalid state from the hidden form input is revealed after interaction or invalid submit. Controlled invalid state from the ",[216,1753,1320],{}," prop or parent ",[216,1756,92],{}," appears immediately.",[490,1759,1761],{"id":1760},"keyboard","Keyboard",[1086,1763,1764,1773],{},[1089,1765,1766],{},[1092,1767,1768,1770],{},[1095,1769,1565],{},[1095,1771,1772],{},"Behavior",[1108,1774,1775,1791,1806,1822],{},[1092,1776,1777,1786],{},[1113,1778,1779,1782,1783],{},[216,1780,1781],{},"ArrowRight"," \u002F ",[216,1784,1785],{},"ArrowUp",[1113,1787,1788,1789,1419],{},"Increment by ",[216,1790,1189],{},[1092,1792,1793,1801],{},[1113,1794,1795,1782,1798],{},[216,1796,1797],{},"ArrowLeft",[216,1799,1800],{},"ArrowDown",[1113,1802,1803,1804,1419],{},"Decrement by ",[216,1805,1189],{},[1092,1807,1808,1816],{},[1113,1809,1810,1782,1813],{},[216,1811,1812],{},"PageUp",[216,1814,1815],{},"PageDown",[1113,1817,1818,1819,1419],{},"Increment\u002Fdecrement by ",[216,1820,1821],{},"step * 10",[1092,1823,1824,1832],{},[1113,1825,1826,1782,1829],{},[216,1827,1828],{},"Home",[216,1830,1831],{},"End",[1113,1833,1834],{},"Set to min\u002Fmax.",[1836,1837,1838],"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":292,"searchDepth":299,"depth":332,"links":1840},[1841,1842,1843,1850],{"id":233,"depth":332,"text":234},{"id":276,"depth":332,"text":23},{"id":487,"depth":332,"text":488,"children":1844},[1845,1846,1847,1848,1849],{"id":492,"depth":363,"text":493},{"id":721,"depth":363,"text":722},{"id":794,"depth":363,"text":795},{"id":889,"depth":363,"text":890},{"id":953,"depth":363,"text":954},{"id":1079,"depth":332,"text":1080,"children":1851},[1852,1853,1854,1855,1856,1857],{"id":1083,"depth":363,"text":1084},{"id":1439,"depth":363,"text":1440},{"id":1492,"depth":363,"text":1493},{"id":1555,"depth":363,"text":1556},{"id":1622,"depth":363,"text":1623},{"id":1760,"depth":363,"text":1761},"Single-value or range slider with pointer drag, keyboard step, and ARIA metadata.","md",null,{},{"icon":174},{"title":171,"description":1858},"ZNF2hDLN7HLhO8yupiJEfH5G0VBPdk_Wdui7CmEB6Fo",[1866,1868],{"title":166,"path":167,"stem":168,"description":1867,"icon":169,"children":-1},"A visual or semantic divider between content sections.",{"title":176,"path":177,"stem":178,"description":1869,"icon":179,"children":-1},"A toggle control for binary or custom on\u002Foff values.",1784667645734]