[{"data":1,"prerenderedAt":752},["ShallowReactive",2],{"navigation":3,"/components/slider":117,"/components/slider-surround":747},[4,11,98],{"title":5,"path":6,"stem":7,"children":8,"icon":10},"Introduction","/getting-started","1.getting-started/1.index",[9],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-house",{"title":12,"path":13,"stem":14,"children":15,"icon":17},"Component Catalog","/components","2.components/01.index",[16,18,22,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94],{"title":12,"path":13,"stem":14,"icon":17},"i-lucide-layout-grid",{"title":19,"path":20,"stem":21},"Text","/components/text","2.components/02.text",{"title":23,"path":24,"stem":25},"Button","/components/button","2.components/03.button",{"title":27,"path":28,"stem":29},"Slider","/components/slider","2.components/04.slider",{"title":31,"path":32,"stem":33},"ChoicePicker","/components/choicepicker","2.components/05.choicepicker",{"title":35,"path":36,"stem":37},"Modal","/components/modal","2.components/06.modal",{"title":39,"path":40,"stem":41},"DateTimeInput","/components/datetimeinput","2.components/07.datetimeinput",{"title":43,"path":44,"stem":45},"Image","/components/image","2.components/08.image",{"title":47,"path":48,"stem":49},"Icon","/components/icon","2.components/09.icon",{"title":51,"path":52,"stem":53},"Video","/components/video","2.components/10.video",{"title":55,"path":56,"stem":57},"AudioPlayer","/components/audioplayer","2.components/11.audioplayer",{"title":59,"path":60,"stem":61},"Row","/components/row","2.components/12.row",{"title":63,"path":64,"stem":65},"Column","/components/column","2.components/13.column",{"title":67,"path":68,"stem":69},"List","/components/list","2.components/14.list",{"title":71,"path":72,"stem":73},"Card","/components/card","2.components/15.card",{"title":75,"path":76,"stem":77},"Tabs","/components/tabs","2.components/16.tabs",{"title":79,"path":80,"stem":81},"Divider","/components/divider","2.components/17.divider",{"title":83,"path":84,"stem":85},"TextField","/components/textfield","2.components/18.textfield",{"title":87,"path":88,"stem":89},"CheckBox","/components/checkbox","2.components/19.checkbox",{"title":91,"path":92,"stem":93},"Slideover","/components/slideover","2.components/20.slideover",{"title":95,"path":96,"stem":97},"Table","/components/table","2.components/21.table",{"title":99,"path":100,"stem":101,"children":102,"icon":104},"Recipes","/recipes","3.recipes/01.index",[103,105,109,113],{"title":99,"path":100,"stem":101,"icon":104},"i-lucide-chef-hat",{"title":106,"path":107,"stem":108},"Booking Receipt","/recipes/booking-receipt","3.recipes/02.booking-receipt",{"title":110,"path":111,"stem":112},"Establishment Detail","/recipes/establishment-detail","3.recipes/03.establishment-detail",{"title":114,"path":115,"stem":116},"Booking History","/recipes/booking-history","3.recipes/04.booking-history",{"id":118,"title":27,"body":119,"description":740,"extension":741,"links":742,"meta":743,"navigation":744,"path":28,"seo":745,"stem":29,"__hash__":746},"docs/2.components/04.slider.md",{"type":120,"value":121,"toc":733},"minimark",[122,127,185,189,598,602,695,699,715,719,729],[123,124,126],"h2",{"id":125},"a2ui-nuxt-ui-mapping","A2UI → Nuxt UI Mapping",[128,129,130,143],"table",{},[131,132,133],"thead",{},[134,135,136,140],"tr",{},[137,138,139],"th",{},"A2UI Property",[137,141,142],{},"Nuxt UI Result",[144,145,146,161,175],"tbody",{},[134,147,148,155],{},[149,150,151],"td",{},[152,153,154],"code",{},"value",[149,156,157,160],{},[152,158,159],{},"USlider"," v-model",[134,162,163,172],{},[149,164,165,168,169],{},[152,166,167],{},"min"," / ",[152,170,171],{},"max",[149,173,174],{},"Range bounds",[134,176,177,182],{},[149,178,179],{},[152,180,181],{},"label",[149,183,184],{},"Label text above slider",[123,186,188],{"id":187},"example-jsonl","Example JSONL",[190,191,196],"pre",{"className":192,"code":193,"language":194,"meta":195,"style":195},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"slider_demo\",\"catalogId\":\"standard\"}}\n{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"slider_demo\",\"components\":[\n  {\"id\":\"root\",\"component\":\"Column\",\"children\":[\"volume\",\"brightness\"]},\n  {\"id\":\"volume\",\"component\":\"Slider\",\"label\":\"Volume\",\"value\":75,\"min\":0,\"max\":100},\n  {\"id\":\"brightness\",\"component\":\"Slider\",\"label\":\"Brightness\",\"value\":50,\"min\":0,\"max\":255}\n]}}\n","json","",[152,197,198,278,334,405,499,592],{"__ignoreMap":195},[199,200,203,207,210,214,216,219,221,225,227,230,232,235,237,240,242,246,248,250,252,255,257,259,261,264,266,268,270,273,275],"span",{"class":201,"line":202},"line",1,[199,204,206],{"class":205},"sMK4o","{",[199,208,209],{"class":205},"\"",[199,211,213],{"class":212},"spNyl","version",[199,215,209],{"class":205},[199,217,218],{"class":205},":",[199,220,209],{"class":205},[199,222,224],{"class":223},"sfazB","v0.10",[199,226,209],{"class":205},[199,228,229],{"class":205},",",[199,231,209],{"class":205},[199,233,234],{"class":212},"createSurface",[199,236,209],{"class":205},[199,238,239],{"class":205},":{",[199,241,209],{"class":205},[199,243,245],{"class":244},"sBMFI","surfaceId",[199,247,209],{"class":205},[199,249,218],{"class":205},[199,251,209],{"class":205},[199,253,254],{"class":223},"slider_demo",[199,256,209],{"class":205},[199,258,229],{"class":205},[199,260,209],{"class":205},[199,262,263],{"class":244},"catalogId",[199,265,209],{"class":205},[199,267,218],{"class":205},[199,269,209],{"class":205},[199,271,272],{"class":223},"standard",[199,274,209],{"class":205},[199,276,277],{"class":205},"}}\n",[199,279,281,283,285,287,289,291,293,295,297,299,301,304,306,308,310,312,314,316,318,320,322,324,326,329,331],{"class":201,"line":280},2,[199,282,206],{"class":205},[199,284,209],{"class":205},[199,286,213],{"class":212},[199,288,209],{"class":205},[199,290,218],{"class":205},[199,292,209],{"class":205},[199,294,224],{"class":223},[199,296,209],{"class":205},[199,298,229],{"class":205},[199,300,209],{"class":205},[199,302,303],{"class":212},"updateComponents",[199,305,209],{"class":205},[199,307,239],{"class":205},[199,309,209],{"class":205},[199,311,245],{"class":244},[199,313,209],{"class":205},[199,315,218],{"class":205},[199,317,209],{"class":205},[199,319,254],{"class":223},[199,321,209],{"class":205},[199,323,229],{"class":205},[199,325,209],{"class":205},[199,327,328],{"class":244},"components",[199,330,209],{"class":205},[199,332,333],{"class":205},":[\n",[199,335,337,340,342,346,348,350,352,355,357,359,361,364,366,368,370,372,374,376,378,381,383,386,388,391,393,395,397,400,402],{"class":201,"line":336},3,[199,338,339],{"class":205},"  {",[199,341,209],{"class":205},[199,343,345],{"class":344},"sbssI","id",[199,347,209],{"class":205},[199,349,218],{"class":205},[199,351,209],{"class":205},[199,353,354],{"class":223},"root",[199,356,209],{"class":205},[199,358,229],{"class":205},[199,360,209],{"class":205},[199,362,363],{"class":344},"component",[199,365,209],{"class":205},[199,367,218],{"class":205},[199,369,209],{"class":205},[199,371,63],{"class":223},[199,373,209],{"class":205},[199,375,229],{"class":205},[199,377,209],{"class":205},[199,379,380],{"class":344},"children",[199,382,209],{"class":205},[199,384,385],{"class":205},":[",[199,387,209],{"class":205},[199,389,390],{"class":223},"volume",[199,392,209],{"class":205},[199,394,229],{"class":205},[199,396,209],{"class":205},[199,398,399],{"class":223},"brightness",[199,401,209],{"class":205},[199,403,404],{"class":205},"]},\n",[199,406,408,410,412,414,416,418,420,422,424,426,428,430,432,434,436,438,440,442,444,446,448,450,452,455,457,459,461,463,465,467,470,472,474,476,478,480,483,485,487,489,491,493,496],{"class":201,"line":407},4,[199,409,339],{"class":205},[199,411,209],{"class":205},[199,413,345],{"class":344},[199,415,209],{"class":205},[199,417,218],{"class":205},[199,419,209],{"class":205},[199,421,390],{"class":223},[199,423,209],{"class":205},[199,425,229],{"class":205},[199,427,209],{"class":205},[199,429,363],{"class":344},[199,431,209],{"class":205},[199,433,218],{"class":205},[199,435,209],{"class":205},[199,437,27],{"class":223},[199,439,209],{"class":205},[199,441,229],{"class":205},[199,443,209],{"class":205},[199,445,181],{"class":344},[199,447,209],{"class":205},[199,449,218],{"class":205},[199,451,209],{"class":205},[199,453,454],{"class":223},"Volume",[199,456,209],{"class":205},[199,458,229],{"class":205},[199,460,209],{"class":205},[199,462,154],{"class":344},[199,464,209],{"class":205},[199,466,218],{"class":205},[199,468,469],{"class":344},"75",[199,471,229],{"class":205},[199,473,209],{"class":205},[199,475,167],{"class":344},[199,477,209],{"class":205},[199,479,218],{"class":205},[199,481,482],{"class":344},"0",[199,484,229],{"class":205},[199,486,209],{"class":205},[199,488,171],{"class":344},[199,490,209],{"class":205},[199,492,218],{"class":205},[199,494,495],{"class":344},"100",[199,497,498],{"class":205},"},\n",[199,500,502,504,506,508,510,512,514,516,518,520,522,524,526,528,530,532,534,536,538,540,542,544,546,549,551,553,555,557,559,561,564,566,568,570,572,574,576,578,580,582,584,586,589],{"class":201,"line":501},5,[199,503,339],{"class":205},[199,505,209],{"class":205},[199,507,345],{"class":344},[199,509,209],{"class":205},[199,511,218],{"class":205},[199,513,209],{"class":205},[199,515,399],{"class":223},[199,517,209],{"class":205},[199,519,229],{"class":205},[199,521,209],{"class":205},[199,523,363],{"class":344},[199,525,209],{"class":205},[199,527,218],{"class":205},[199,529,209],{"class":205},[199,531,27],{"class":223},[199,533,209],{"class":205},[199,535,229],{"class":205},[199,537,209],{"class":205},[199,539,181],{"class":344},[199,541,209],{"class":205},[199,543,218],{"class":205},[199,545,209],{"class":205},[199,547,548],{"class":223},"Brightness",[199,550,209],{"class":205},[199,552,229],{"class":205},[199,554,209],{"class":205},[199,556,154],{"class":344},[199,558,209],{"class":205},[199,560,218],{"class":205},[199,562,563],{"class":344},"50",[199,565,229],{"class":205},[199,567,209],{"class":205},[199,569,167],{"class":344},[199,571,209],{"class":205},[199,573,218],{"class":205},[199,575,482],{"class":344},[199,577,229],{"class":205},[199,579,209],{"class":205},[199,581,171],{"class":344},[199,583,209],{"class":205},[199,585,218],{"class":205},[199,587,588],{"class":344},"255",[199,590,591],{"class":205},"}\n",[199,593,595],{"class":201,"line":594},6,[199,596,597],{"class":205},"]}}\n",[123,599,601],{"id":600},"properties","Properties",[128,603,604,623],{},[131,605,606],{},[134,607,608,611,614,617,620],{},[137,609,610],{},"Property",[137,612,613],{},"Type",[137,615,616],{},"Required",[137,618,619],{},"Default",[137,621,622],{},"Description",[144,624,625,644,662,679],{},[134,626,627,631,634,637,641],{},[149,628,629],{},[152,630,154],{},[149,632,633],{},"number",[149,635,636],{},"✅",[149,638,639],{},[152,640,482],{},[149,642,643],{},"Current value",[134,645,646,650,652,655,659],{},[149,647,648],{},[152,649,167],{},[149,651,633],{},[149,653,654],{},"—",[149,656,657],{},[152,658,482],{},[149,660,661],{},"Minimum value",[134,663,664,668,670,672,676],{},[149,665,666],{},[152,667,171],{},[149,669,633],{},[149,671,654],{},[149,673,674],{},[152,675,495],{},[149,677,678],{},"Maximum value",[134,680,681,685,688,690,692],{},[149,682,683],{},[152,684,181],{},[149,686,687],{},"string",[149,689,654],{},[149,691,654],{},[149,693,694],{},"Label displayed above the slider",[123,696,698],{"id":697},"rendering-details","Rendering Details",[700,701,702,706,712],"ul",{},[703,704,705],"li",{},"The label shows on the left with the current numeric value on the right",[703,707,708,709,711],{},"Uses ",[152,710,159],{}," from Nuxt UI",[703,713,714],{},"Value updates reactively as the user drags",[123,716,718],{"id":717},"try-it","Try It",[720,721,722,723,728],"p",{},"Copy the JSONL above and paste it in the ",[724,725,727],"a",{"href":726},"/playground","Playground"," Paste tab.",[730,731,732],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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":195,"searchDepth":202,"depth":280,"links":734},[735,736,737,738,739],{"id":125,"depth":280,"text":126},{"id":187,"depth":280,"text":188},{"id":600,"depth":280,"text":601},{"id":697,"depth":280,"text":698},{"id":717,"depth":280,"text":718},"Range input with min/max and live value display.","md",null,{},true,{"title":27,"description":740},"RumUIisC2a2SiDng337ThA424tbkQd-xb5iDBEfMPzM",[748,750],{"title":23,"path":24,"stem":25,"description":749,"children":-1},"Interactive button with variant mapping to Nuxt UI.",{"title":31,"path":32,"stem":33,"description":751,"children":-1},"Single or multi-select options — radio group or checkbox list.",1771187321362]