[{"data":1,"prerenderedAt":640},["ShallowReactive",2],{"navigation":3,"\u002Fapi\u002Fuse-controls":53,"\u002Fapi\u002Fuse-controls-surround":635},[4,12,30],{"title":5,"path":6,"stem":7,"children":8,"icon":10,"titleTemplate":11},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-rocket","%s · Get Started with TresJS",{"title":13,"path":14,"stem":15,"children":16},"Guide","\u002Fguide","2.guide",[17,20,25],{"title":13,"path":14,"stem":18,"icon":19},"2.guide\u002Findex","i-lucide-book-open",{"title":21,"path":22,"stem":23,"icon":24},"Controls","\u002Fguide\u002Fbasics","2.guide\u002F1.basics","i-lucide-sliders-horizontal",{"title":26,"path":27,"stem":28,"icon":29},"Panels and state","\u002Fguide\u002Fadvanced","2.guide\u002F2.advanced","i-lucide-panels-top-left",{"title":31,"path":32,"stem":33,"children":34},"Api","\u002Fapi","3.api",[35,39,44,49],{"title":36,"path":32,"stem":37,"icon":38},"API Reference","3.api\u002Findex","i-lucide-code-xml",{"title":40,"path":41,"stem":42,"icon":43},"\u003CTresLeches \u002F>","\u002Fapi\u002Ftres-leches","3.api\u002F1.tres-leches","i-lucide-box",{"title":45,"path":46,"stem":47,"icon":48},"useControls","\u002Fapi\u002Fuse-controls","3.api\u002F2.use-controls","i-lucide-braces",{"title":50,"path":51,"stem":52,"icon":48},"useControlsProvider","\u002Fapi\u002Fuse-controls-provider","3.api\u002F3.use-controls-provider",{"id":54,"title":45,"body":55,"description":628,"extension":629,"links":630,"meta":631,"navigation":632,"path":46,"seo":633,"stem":47,"__hash__":634},"docs\u002F3.api\u002F2.use-controls.md",{"type":56,"value":57,"toc":625},"minimark",[58,62,324,335,340,613,621],[59,60,61],"p",{},"Registers controls and returns an object of Vue refs.",[63,64,69],"pre",{"className":65,"code":66,"language":67,"meta":68,"style":68},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useControls(\n  controls: Record\u003Cstring, unknown>,\n  options?: { uuid?: string },\n): Record\u003Cstring, Ref\u003Cunknown>>\n\nfunction useControls(\n  folder: string,\n  controls: Record\u003Cstring, unknown>,\n  options?: { uuid?: string },\n): Record\u003Cstring, Ref\u003Cunknown>>\n\nfunction useControls(\n  folder: 'fpsgraph',\n  options?: { uuid?: string },\n): Record\u003Cstring, Ref\u003Cunknown>>\n","ts","",[70,71,72,89,118,142,167,174,183,196,215,232,253,258,267,286,303],"code",{"__ignoreMap":68},[73,74,77,81,85],"span",{"class":75,"line":76},"line",1,[73,78,80],{"class":79},"spNyl","function",[73,82,84],{"class":83},"s2Zo4"," useControls",[73,86,88],{"class":87},"sMK4o","(\n",[73,90,92,96,99,103,106,109,112,115],{"class":75,"line":91},2,[73,93,95],{"class":94},"sHdIc","  controls",[73,97,98],{"class":87},":",[73,100,102],{"class":101},"sBMFI"," Record",[73,104,105],{"class":87},"\u003C",[73,107,108],{"class":101},"string",[73,110,111],{"class":87},",",[73,113,114],{"class":101}," unknown",[73,116,117],{"class":87},">,\n",[73,119,121,124,127,130,134,136,139],{"class":75,"line":120},3,[73,122,123],{"class":94},"  options",[73,125,126],{"class":87},"?:",[73,128,129],{"class":87}," {",[73,131,133],{"class":132},"swJcz"," uuid",[73,135,126],{"class":87},[73,137,138],{"class":101}," string",[73,140,141],{"class":87}," },\n",[73,143,145,148,150,152,154,156,159,161,164],{"class":75,"line":144},4,[73,146,147],{"class":87},"):",[73,149,102],{"class":101},[73,151,105],{"class":87},[73,153,108],{"class":101},[73,155,111],{"class":87},[73,157,158],{"class":101}," Ref",[73,160,105],{"class":87},[73,162,163],{"class":101},"unknown",[73,165,166],{"class":87},">>\n",[73,168,170],{"class":75,"line":169},5,[73,171,173],{"emptyLinePlaceholder":172},true,"\n",[73,175,177,179,181],{"class":75,"line":176},6,[73,178,80],{"class":79},[73,180,84],{"class":83},[73,182,88],{"class":87},[73,184,186,189,191,193],{"class":75,"line":185},7,[73,187,188],{"class":94},"  folder",[73,190,98],{"class":87},[73,192,138],{"class":101},[73,194,195],{"class":87},",\n",[73,197,199,201,203,205,207,209,211,213],{"class":75,"line":198},8,[73,200,95],{"class":94},[73,202,98],{"class":87},[73,204,102],{"class":101},[73,206,105],{"class":87},[73,208,108],{"class":101},[73,210,111],{"class":87},[73,212,114],{"class":101},[73,214,117],{"class":87},[73,216,218,220,222,224,226,228,230],{"class":75,"line":217},9,[73,219,123],{"class":94},[73,221,126],{"class":87},[73,223,129],{"class":87},[73,225,133],{"class":132},[73,227,126],{"class":87},[73,229,138],{"class":101},[73,231,141],{"class":87},[73,233,235,237,239,241,243,245,247,249,251],{"class":75,"line":234},10,[73,236,147],{"class":87},[73,238,102],{"class":101},[73,240,105],{"class":87},[73,242,108],{"class":101},[73,244,111],{"class":87},[73,246,158],{"class":101},[73,248,105],{"class":87},[73,250,163],{"class":101},[73,252,166],{"class":87},[73,254,256],{"class":75,"line":255},11,[73,257,173],{"emptyLinePlaceholder":172},[73,259,261,263,265],{"class":75,"line":260},12,[73,262,80],{"class":79},[73,264,84],{"class":83},[73,266,88],{"class":87},[73,268,270,272,274,277,281,284],{"class":75,"line":269},13,[73,271,188],{"class":94},[73,273,98],{"class":87},[73,275,276],{"class":87}," '",[73,278,280],{"class":279},"sfazB","fpsgraph",[73,282,283],{"class":87},"'",[73,285,195],{"class":87},[73,287,289,291,293,295,297,299,301],{"class":75,"line":288},14,[73,290,123],{"class":94},[73,292,126],{"class":87},[73,294,129],{"class":87},[73,296,133],{"class":132},[73,298,126],{"class":87},[73,300,138],{"class":101},[73,302,141],{"class":87},[73,304,306,308,310,312,314,316,318,320,322],{"class":75,"line":305},15,[73,307,147],{"class":87},[73,309,102],{"class":101},[73,311,105],{"class":87},[73,313,108],{"class":101},[73,315,111],{"class":87},[73,317,158],{"class":101},[73,319,105],{"class":87},[73,321,163],{"class":101},[73,323,166],{"class":87},[59,325,326,327,330,331,334],{},"The special call ",[70,328,329],{},"useControls('fpsgraph')"," registers the built-in FPS graph. Its second argument is the options object, not a controls object: use ",[70,332,333],{},"useControls('fpsgraph', { uuid: 'my-panel' })"," to add the graph to a specific panel.",[336,337,339],"h2",{"id":338},"control-configuration","Control configuration",[63,341,343],{"className":65,"code":342,"language":67,"meta":68,"style":68},"interface ControlConfig {\n  value: unknown\n  type?: 'select' | 'button' | 'range' | 'boolean' | 'text' | 'number' | 'color' | 'vector' | 'graph'\n  label?: string\n  icon?: string\n  visible?: boolean\n  min?: number\n  max?: number\n  step?: number\n  format?: (value: number) => string\n  options?: Array\u003Cstring | number | { text: string, value: string | number }>\n  onUpdate?: (values: unknown[]) => void\n}\n",[70,344,345,356,366,454,464,473,483,493,502,511,537,581,608],{"__ignoreMap":68},[73,346,347,350,353],{"class":75,"line":76},[73,348,349],{"class":79},"interface",[73,351,352],{"class":101}," ControlConfig",[73,354,355],{"class":87}," {\n",[73,357,358,361,363],{"class":75,"line":91},[73,359,360],{"class":132},"  value",[73,362,98],{"class":87},[73,364,365],{"class":101}," unknown\n",[73,367,368,371,373,375,378,380,383,385,388,390,392,394,397,399,401,403,406,408,410,412,415,417,419,421,424,426,428,430,433,435,437,439,442,444,446,448,451],{"class":75,"line":120},[73,369,370],{"class":132},"  type",[73,372,126],{"class":87},[73,374,276],{"class":87},[73,376,377],{"class":279},"select",[73,379,283],{"class":87},[73,381,382],{"class":87}," |",[73,384,276],{"class":87},[73,386,387],{"class":279},"button",[73,389,283],{"class":87},[73,391,382],{"class":87},[73,393,276],{"class":87},[73,395,396],{"class":279},"range",[73,398,283],{"class":87},[73,400,382],{"class":87},[73,402,276],{"class":87},[73,404,405],{"class":279},"boolean",[73,407,283],{"class":87},[73,409,382],{"class":87},[73,411,276],{"class":87},[73,413,414],{"class":279},"text",[73,416,283],{"class":87},[73,418,382],{"class":87},[73,420,276],{"class":87},[73,422,423],{"class":279},"number",[73,425,283],{"class":87},[73,427,382],{"class":87},[73,429,276],{"class":87},[73,431,432],{"class":279},"color",[73,434,283],{"class":87},[73,436,382],{"class":87},[73,438,276],{"class":87},[73,440,441],{"class":279},"vector",[73,443,283],{"class":87},[73,445,382],{"class":87},[73,447,276],{"class":87},[73,449,450],{"class":279},"graph",[73,452,453],{"class":87},"'\n",[73,455,456,459,461],{"class":75,"line":144},[73,457,458],{"class":132},"  label",[73,460,126],{"class":87},[73,462,463],{"class":101}," string\n",[73,465,466,469,471],{"class":75,"line":169},[73,467,468],{"class":132},"  icon",[73,470,126],{"class":87},[73,472,463],{"class":101},[73,474,475,478,480],{"class":75,"line":176},[73,476,477],{"class":132},"  visible",[73,479,126],{"class":87},[73,481,482],{"class":101}," boolean\n",[73,484,485,488,490],{"class":75,"line":185},[73,486,487],{"class":132},"  min",[73,489,126],{"class":87},[73,491,492],{"class":101}," number\n",[73,494,495,498,500],{"class":75,"line":198},[73,496,497],{"class":132},"  max",[73,499,126],{"class":87},[73,501,492],{"class":101},[73,503,504,507,509],{"class":75,"line":217},[73,505,506],{"class":132},"  step",[73,508,126],{"class":87},[73,510,492],{"class":101},[73,512,513,516,518,521,524,526,529,532,535],{"class":75,"line":234},[73,514,515],{"class":132},"  format",[73,517,126],{"class":87},[73,519,520],{"class":87}," (",[73,522,523],{"class":94},"value",[73,525,98],{"class":87},[73,527,528],{"class":101}," number",[73,530,531],{"class":87},")",[73,533,534],{"class":79}," =>",[73,536,463],{"class":101},[73,538,539,541,543,546,548,550,552,554,556,558,561,563,565,567,570,572,574,576,578],{"class":75,"line":255},[73,540,123],{"class":132},[73,542,126],{"class":87},[73,544,545],{"class":101}," Array",[73,547,105],{"class":87},[73,549,108],{"class":101},[73,551,382],{"class":87},[73,553,528],{"class":101},[73,555,382],{"class":87},[73,557,129],{"class":87},[73,559,560],{"class":132}," text",[73,562,98],{"class":87},[73,564,138],{"class":101},[73,566,111],{"class":87},[73,568,569],{"class":132}," value",[73,571,98],{"class":87},[73,573,138],{"class":101},[73,575,382],{"class":87},[73,577,528],{"class":101},[73,579,580],{"class":87}," }>\n",[73,582,583,586,588,590,593,595,597,601,603,605],{"class":75,"line":260},[73,584,585],{"class":132},"  onUpdate",[73,587,126],{"class":87},[73,589,520],{"class":87},[73,591,592],{"class":94},"values",[73,594,98],{"class":87},[73,596,114],{"class":101},[73,598,600],{"class":599},"sTEyZ","[]",[73,602,531],{"class":87},[73,604,534],{"class":79},[73,606,607],{"class":101}," void\n",[73,609,610],{"class":75,"line":269},[73,611,612],{"class":87},"}\n",[59,614,615,616,620],{},"See the ",[617,618,619],"a",{"href":22},"controls guide"," for examples of every control type.",[622,623,624],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":68,"searchDepth":76,"depth":91,"links":626},[627],{"id":338,"depth":91,"text":339},"Registers controls and returns their reactive values.","md",null,{},{"icon":48},{"title":45,"description":628},"J2NR7NF624t7I75vdSQrmXAG4bOV33tLBx7v_iHQmA4",[636,638],{"title":40,"path":41,"stem":42,"description":637,"icon":43,"children":-1},"TresLeches component props, slots and exposed values.",{"title":50,"path":51,"stem":52,"description":639,"icon":48,"children":-1},"Returns the internal controls record for a panel id.",1790759286728]