[{"data":1,"prerenderedAt":757},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-slider":12,"i-ph:code":755},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":749,"meta":750,"navigation":117,"path":751,"seo":752,"stem":753,"__hash__":754},"docs\u002Fdocs\u002Fcomponents\u002Fslider.md","Slider",{"type":16,"value":17,"toc":743},"minimark",[18,22,26,29,204,209,341,345,412,416,419,587,591,594,739],[19,20,14],"h1",{"id":21},"slider",[23,24,25],"p",{},"A draggable input for selecting a numeric value within a defined range. Supports stepped increments, keyboard navigation, and a range mode for selecting a lower and upper bound simultaneously.",[23,27,28],{},"By default, slider rounds output values to integers.",[30,31,33],"slider-example",{"source-path":32},"Slider\u002FSlider.vue",[34,35,40],"pre",{"className":36,"code":37,"language":38,"meta":39,"style":39},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Slider } from '@dolanske\u002Fvui'\nimport { ref } from 'vue'\n\nconst value = ref(40)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSlider v-model=\"value\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[41,42,43,63,92,112,119,145,155,160,170,195],"code",{"__ignoreMap":39},[44,45,48,52,56,60],"span",{"class":46,"line":47},"line",1,[44,49,51],{"class":50},"sP76a","\u003C",[44,53,55],{"class":54},"sKpE2","script",[44,57,59],{"class":58},"sflEz"," setup",[44,61,62],{"class":50},">\n",[44,64,66,69,72,75,78,81,85,89],{"class":46,"line":65},2,[44,67,68],{"class":54},"import",[44,70,71],{"class":50}," {",[44,73,74],{"class":58}," Slider",[44,76,77],{"class":50}," }",[44,79,80],{"class":54}," from",[44,82,84],{"class":83},"sBR95"," '",[44,86,88],{"class":87},"sfmH-","@dolanske\u002Fvui",[44,90,91],{"class":83},"'\n",[44,93,95,97,99,102,104,106,108,110],{"class":46,"line":94},3,[44,96,68],{"class":54},[44,98,71],{"class":50},[44,100,101],{"class":58}," ref",[44,103,77],{"class":50},[44,105,80],{"class":54},[44,107,84],{"class":83},[44,109,38],{"class":87},[44,111,91],{"class":83},[44,113,115],{"class":46,"line":114},4,[44,116,118],{"emptyLinePlaceholder":117},true,"\n",[44,120,122,126,129,132,135,138,142],{"class":46,"line":121},5,[44,123,125],{"class":124},"sCMWV","const",[44,127,128],{"class":58}," value",[44,130,131],{"class":50}," =",[44,133,101],{"class":134},"sRTv0",[44,136,137],{"class":50},"(",[44,139,141],{"class":140},"socUO","40",[44,143,144],{"class":50},")\n",[44,146,148,151,153],{"class":46,"line":147},6,[44,149,150],{"class":50},"\u003C\u002F",[44,152,55],{"class":54},[44,154,62],{"class":50},[44,156,158],{"class":46,"line":157},7,[44,159,118],{"emptyLinePlaceholder":117},[44,161,163,165,168],{"class":46,"line":162},8,[44,164,51],{"class":50},[44,166,167],{"class":54},"template",[44,169,62],{"class":50},[44,171,173,176,178,181,184,187,190,192],{"class":46,"line":172},9,[44,174,175],{"class":50},"  \u003C",[44,177,14],{"class":54},[44,179,180],{"class":58}," v-model",[44,182,183],{"class":50},"=",[44,185,186],{"class":83},"\"",[44,188,189],{"class":87},"value",[44,191,186],{"class":83},[44,193,194],{"class":50}," \u002F>\n",[44,196,198,200,202],{"class":46,"line":197},10,[44,199,150],{"class":50},[44,201,167],{"class":54},[44,203,62],{"class":50},[205,206,208],"h3",{"id":207},"props","Props",[210,211,212,228],"table",{},[213,214,215],"thead",{},[216,217,218,222,225],"tr",{},[219,220,221],"th",{},"Name",[219,223,224],{},"Default",[219,226,227],{},"Type",[229,230,231,254,273,295,315],"tbody",{},[216,232,233,239,244],{},[234,235,236],"td",{},[41,237,238],{},"min",[234,240,241],{},[41,242,243],{},"0",[234,245,246,249,250,253],{},[41,247,248],{},"number"," ",[251,252],"br",{}," Minimum output value",[216,255,256,261,266],{},[234,257,258],{},[41,259,260],{},"max",[234,262,263],{},[41,264,265],{},"100",[234,267,268,249,270,272],{},[41,269,248],{},[251,271],{}," Maximum output value",[216,274,275,280,283],{},[234,276,277],{},[41,278,279],{},"steps",[234,281,282],{},"—",[234,284,285,249,287,289,290,292,293],{},[41,286,248],{},[251,288],{}," Number of equal divisions between ",[41,291,238],{}," and ",[41,294,260],{},[216,296,297,302,307],{},[234,298,299],{},[41,300,301],{},"range",[234,303,304],{},[41,305,306],{},"false",[234,308,309,249,312,314],{},[41,310,311],{},"boolean",[251,313],{}," Enables range mode with a start and end handle",[216,316,317,322,327],{},[234,318,319],{},[41,320,321],{},"round",[234,323,324],{},[41,325,326],{},"true",[234,328,329,249,332,334,335,337,338,340],{},[41,330,331],{},"boolean | number",[251,333],{}," Round output values. ",[41,336,326],{}," rounds to an integer, a number specifies decimal places, ",[41,339,306],{}," disables rounding",[205,342,344],{"id":343},"models","Models",[210,346,347,358],{},[213,348,349],{},[216,350,351,353,355],{},[219,352,221],{},[219,354,227],{},[219,356,357],{},"Description",[229,359,360,378,395],{},[216,361,362,367,371],{},[234,363,364],{},[41,365,366],{},"modelValue",[234,368,369],{},[41,370,248],{},[234,372,373,374,377],{},"Current value in single mode (",[41,375,376],{},"v-model",")",[216,379,380,385,389],{},[234,381,382],{},[41,383,384],{},"start",[234,386,387],{},[41,388,248],{},[234,390,391,392,377],{},"Lower bound of the range in range mode (",[41,393,394],{},"v-model:start",[216,396,397,402,406],{},[234,398,399],{},[41,400,401],{},"end",[234,403,404],{},[41,405,248],{},[234,407,408,409,377],{},"Upper bound of the range in range mode (",[41,410,411],{},"v-model:end",[205,413,415],{"id":414},"examples","Examples",[23,417,418],{},"Range mode with 10 steps. Both handles snap to step boundaries and cannot cross each other.",[420,421,422],"slider-range-example",{},[34,423,425],{"className":36,"code":424,"language":38,"meta":39,"style":39},"\u003Cscript setup>\nimport { Slider } from '@dolanske\u002Fvui'\nimport { ref } from 'vue'\n\nconst start = ref(20)\nconst end = ref(80)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSlider v-model:start=\"start\" v-model:end=\"end\" range :steps=\"10\" \u002F>\n\u003C\u002Ftemplate>\n",[41,426,427,437,455,473,477,495,513,521,525,533,578],{"__ignoreMap":39},[44,428,429,431,433,435],{"class":46,"line":47},[44,430,51],{"class":50},[44,432,55],{"class":54},[44,434,59],{"class":58},[44,436,62],{"class":50},[44,438,439,441,443,445,447,449,451,453],{"class":46,"line":65},[44,440,68],{"class":54},[44,442,71],{"class":50},[44,444,74],{"class":58},[44,446,77],{"class":50},[44,448,80],{"class":54},[44,450,84],{"class":83},[44,452,88],{"class":87},[44,454,91],{"class":83},[44,456,457,459,461,463,465,467,469,471],{"class":46,"line":94},[44,458,68],{"class":54},[44,460,71],{"class":50},[44,462,101],{"class":58},[44,464,77],{"class":50},[44,466,80],{"class":54},[44,468,84],{"class":83},[44,470,38],{"class":87},[44,472,91],{"class":83},[44,474,475],{"class":46,"line":114},[44,476,118],{"emptyLinePlaceholder":117},[44,478,479,481,484,486,488,490,493],{"class":46,"line":121},[44,480,125],{"class":124},[44,482,483],{"class":58}," start",[44,485,131],{"class":50},[44,487,101],{"class":134},[44,489,137],{"class":50},[44,491,492],{"class":140},"20",[44,494,144],{"class":50},[44,496,497,499,502,504,506,508,511],{"class":46,"line":147},[44,498,125],{"class":124},[44,500,501],{"class":58}," end",[44,503,131],{"class":50},[44,505,101],{"class":134},[44,507,137],{"class":50},[44,509,510],{"class":140},"80",[44,512,144],{"class":50},[44,514,515,517,519],{"class":46,"line":157},[44,516,150],{"class":50},[44,518,55],{"class":54},[44,520,62],{"class":50},[44,522,523],{"class":46,"line":162},[44,524,118],{"emptyLinePlaceholder":117},[44,526,527,529,531],{"class":46,"line":172},[44,528,51],{"class":50},[44,530,167],{"class":54},[44,532,62],{"class":50},[44,534,535,537,539,542,544,546,548,550,553,555,557,559,561,564,567,569,571,574,576],{"class":46,"line":197},[44,536,175],{"class":50},[44,538,14],{"class":54},[44,540,541],{"class":58}," v-model:start",[44,543,183],{"class":50},[44,545,186],{"class":83},[44,547,384],{"class":87},[44,549,186],{"class":83},[44,551,552],{"class":58}," v-model:end",[44,554,183],{"class":50},[44,556,186],{"class":83},[44,558,401],{"class":87},[44,560,186],{"class":83},[44,562,563],{"class":58}," range",[44,565,566],{"class":58}," :steps",[44,568,183],{"class":50},[44,570,186],{"class":83},[44,572,573],{"class":87},"10",[44,575,186],{"class":83},[44,577,194],{"class":50},[44,579,581,583,585],{"class":46,"line":580},11,[44,582,150],{"class":50},[44,584,167],{"class":54},[44,586,62],{"class":50},[205,588,590],{"id":589},"tokens","Tokens",[23,592,593],{},"CSS variable tokens used for global or per-instance manipulation of certain styling.",[210,595,596,607],{},[213,597,598],{},[216,599,600,603,605],{},[219,601,602],{},"Token",[219,604,224],{},[219,606,357],{},[229,608,609,624,643,660,675,693,710,725],{},[216,610,611,616,621],{},[234,612,613],{},[41,614,615],{},"--vui-slider-height",[234,617,618],{},[41,619,620],{},"4px",[234,622,623],{},"Track height",[216,625,626,631,640],{},[234,627,628],{},[41,629,630],{},"--vui-slider-background",[234,632,633],{},[634,635,637],"a",{"href":636},"\u002Fdocs\u002Ftokens\u002Fcolors",[41,638,639],{},"var(--color-border)",[234,641,642],{},"Track background color",[216,644,645,650,657],{},[234,646,647],{},[41,648,649],{},"--vui-slider-indicator",[234,651,652],{},[634,653,654],{"href":636},[41,655,656],{},"var(--color-accent)",[234,658,659],{},"Fill indicator color",[216,661,662,667,672],{},[234,663,664],{},[41,665,666],{},"--vui-slider-handle-size",[234,668,669],{},[41,670,671],{},"20px",[234,673,674],{},"Handle diameter",[216,676,677,682,690],{},[234,678,679],{},[41,680,681],{},"--vui-slider-handle-rounding",[234,683,684],{},[634,685,687],{"href":686},"\u002Fdocs\u002Ftokens\u002Fborder-radius",[41,688,689],{},"var(--border-radius-pill)",[234,691,692],{},"Handle border radius",[216,694,695,700,707],{},[234,696,697],{},[41,698,699],{},"--vui-slider-handle-color",[234,701,702],{},[634,703,704],{"href":636},[41,705,706],{},"var(--color-border-strong)",[234,708,709],{},"Handle border color",[216,711,712,717,722],{},[234,713,714],{},[41,715,716],{},"--vui-slider-step-indicator-width",[234,718,719],{},[41,720,721],{},"2px",[234,723,724],{},"Step tick width",[216,726,727,732,736],{},[234,728,729],{},[41,730,731],{},"--vui-slider-step-indicator-height",[234,733,734],{},[41,735,620],{},[234,737,738],{},"Step tick height",[740,741,742],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}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);}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);}",{"title":39,"searchDepth":65,"depth":65,"links":744},[745,746,747,748],{"id":207,"depth":94,"text":208},{"id":343,"depth":94,"text":344},{"id":414,"depth":94,"text":415},{"id":589,"depth":94,"text":590},"md",{},"\u002Fdocs\u002Fcomponents\u002Fslider",{"title":14,"description":25},"docs\u002Fcomponents\u002Fslider","ZDsF-MMaxRYXIjn8JpNaP732h3n8nPN36KrNORTmoZQ",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":756},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200883265]