[{"data":1,"prerenderedAt":2075},["ShallowReactive",2],{"navigation":3,"/getting-started/usage":466,"/getting-started/usage-surround":2070},[4,22],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","/getting-started/installation","1.getting-started/2.installation",{"title":15,"path":16,"stem":17},"Usage","/getting-started/usage","1.getting-started/3.usage",{"title":19,"path":20,"stem":21},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/4.upgrade-guide",{"title":23,"path":24,"stem":25,"children":26},"Api","/api","2.api",[27,30,80,110,152,186,280,306,340,390,432],{"title":28,"path":24,"stem":29},"All","2.api/index",{"title":31,"path":32,"stem":33,"children":34},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[35,36,40,44,48,52,56,60,64,68,72,76],{"title":31,"path":32,"stem":33},{"title":37,"path":38,"stem":39},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":41,"path":42,"stem":43},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":45,"path":46,"stem":47},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":49,"path":50,"stem":51},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":53,"path":54,"stem":55},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":57,"path":58,"stem":59},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":61,"path":62,"stem":63},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":65,"path":66,"stem":67},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":69,"path":70,"stem":71},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":73,"path":74,"stem":75},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":77,"path":78,"stem":79},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":81,"path":82,"stem":83,"children":84},"Controls","/api/controls","2.api/2.controls/index",[85,86,90,94,98,102,106],{"title":81,"path":82,"stem":83},{"title":87,"path":88,"stem":89},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":91,"path":92,"stem":93},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":95,"path":96,"stem":97},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":99,"path":100,"stem":101},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":103,"path":104,"stem":105},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":107,"path":108,"stem":109},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":111,"path":112,"stem":113,"children":114},"Loaders","/api/loaders","2.api/3.loaders/index",[115,116,120,124,128,132,136,140,144,148],{"title":111,"path":112,"stem":113},{"title":117,"path":118,"stem":119},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":121,"path":122,"stem":123},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":125,"path":126,"stem":127},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":129,"path":130,"stem":131},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":133,"path":134,"stem":135},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":137,"path":138,"stem":139},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":141,"path":142,"stem":143},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":145,"path":146,"stem":147},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":149,"path":150,"stem":151},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":153,"path":154,"stem":155,"children":156},"Materials","/api/materials","2.api/4.materials/index",[157,158,162,166,170,174,178,182],{"title":153,"path":154,"stem":155},{"title":159,"path":160,"stem":161},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":163,"path":164,"stem":165},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":167,"path":168,"stem":169},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":171,"path":172,"stem":173},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":175,"path":176,"stem":177},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":179,"path":180,"stem":181},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":183,"path":184,"stem":185},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":187,"path":188,"stem":189,"children":190},"Shapes","/api/shapes","2.api/5.shapes/index",[191,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276],{"title":187,"path":188,"stem":189},{"title":193,"path":194,"stem":195},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":197,"path":198,"stem":199},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":201,"path":202,"stem":203},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":205,"path":206,"stem":207},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":209,"path":210,"stem":211},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":213,"path":214,"stem":215},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":217,"path":218,"stem":219},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":221,"path":222,"stem":223},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":225,"path":226,"stem":227},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":229,"path":230,"stem":231},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":233,"path":234,"stem":235},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":237,"path":238,"stem":239},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":241,"path":242,"stem":243},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":245,"path":246,"stem":247},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":249,"path":250,"stem":251},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":253,"path":254,"stem":255},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":257,"path":258,"stem":259},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":261,"path":262,"stem":263},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":265,"path":266,"stem":267},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":269,"path":270,"stem":271},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":273,"path":274,"stem":275},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":277,"path":278,"stem":279},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":281,"path":282,"stem":283,"children":284},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[285,286,290,294,298,302],{"title":281,"path":282,"stem":283},{"title":287,"path":288,"stem":289},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":291,"path":292,"stem":293},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":295,"path":296,"stem":297},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":299,"path":300,"stem":301},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":303,"path":304,"stem":305},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":307,"path":308,"stem":309,"children":310},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[311,312,316,320,324,328,332,336],{"title":307,"path":308,"stem":309},{"title":313,"path":314,"stem":315},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":317,"path":318,"stem":319},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":321,"path":322,"stem":323},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":325,"path":326,"stem":327},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":329,"path":330,"stem":331},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":333,"path":334,"stem":335},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":337,"path":338,"stem":339},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":341,"path":342,"stem":343,"children":344},"Staging","/api/staging","2.api/8.staging/index",[345,346,350,354,358,362,366,370,374,378,382,386],{"title":341,"path":342,"stem":343},{"title":347,"path":348,"stem":349},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":351,"path":352,"stem":353},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":355,"path":356,"stem":357},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":359,"path":360,"stem":361},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":363,"path":364,"stem":365},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":367,"path":368,"stem":369},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":371,"path":372,"stem":373},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":375,"path":376,"stem":377},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":379,"path":380,"stem":381},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":383,"path":384,"stem":385},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":387,"path":388,"stem":389},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":391,"path":392,"stem":393,"children":394},"Objects","/api/objects","2.api/9.objects/index",[395,396,400,404,408,412,416,420,424,428],{"title":391,"path":392,"stem":393},{"title":397,"path":398,"stem":399},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":401,"path":402,"stem":403},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":405,"path":406,"stem":407},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":409,"path":410,"stem":411},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":413,"path":414,"stem":415},"HTML","/api/objects/html","2.api/9.objects/html",{"title":417,"path":418,"stem":419},"Image","/api/objects/image","2.api/9.objects/image",{"title":421,"path":422,"stem":423},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":425,"path":426,"stem":427},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":429,"path":430,"stem":431},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":433,"path":434,"stem":435,"children":436},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[437,438,442,446,450,454,458,462],{"title":433,"path":434,"stem":435},{"title":439,"path":440,"stem":441},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":443,"path":444,"stem":445},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":447,"path":448,"stem":449},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":451,"path":452,"stem":453},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":455,"path":456,"stem":457},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":459,"path":460,"stem":461},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":463,"path":464,"stem":465},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":467,"title":15,"body":468,"description":2064,"extension":2065,"links":2066,"meta":2067,"navigation":752,"path":16,"seo":2068,"stem":17,"__hash__":2069},"docs/1.getting-started/3.usage.md",{"type":469,"value":470,"toc":2057},"minimark",[471,476,480,523,530,648,663,668,675,1030,1038,1042,1052,1264,1268,1275,1380,1383,2053],[472,473,475],"h2",{"id":474},"basic-usage","Basic Usage",[477,478,479],"p",{},"All instances of cientos provide one (or many) examples of how to use it, similar to this one:",[481,482,487],"pre",{"className":483,"code":484,"language":485,"meta":486,"style":486},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { OrbitControls } from '@tresjs/cientos'\n","js","",[488,489,490],"code",{"__ignoreMap":486},[491,492,495,499,503,507,510,513,516,520],"span",{"class":493,"line":494},"line",1,[491,496,498],{"class":497},"s7zQu","import",[491,500,502],{"class":501},"sMK4o"," {",[491,504,506],{"class":505},"sTEyZ"," OrbitControls",[491,508,509],{"class":501}," }",[491,511,512],{"class":497}," from",[491,514,515],{"class":501}," '",[491,517,519],{"class":518},"sfazB","@tresjs/cientos",[491,521,522],{"class":501},"'\n",[477,524,525,526,529],{},"Now you can use the ",[488,527,528],{},"OrbitControls"," component in your scene.",[481,531,535],{"className":532,"code":533,"language":534,"meta":486,"style":486},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CTresCanvas shadows alpha>\n    \u003CTresPerspectiveCamera :args=\"[45, 1, 0.1, 1000]\" />\n    \u003COrbitControls />\n  \u003C/TresCanvas>\n\u003C/template>\n","vue",[488,536,537,549,567,619,628,638],{"__ignoreMap":486},[491,538,539,542,546],{"class":493,"line":494},[491,540,541],{"class":501},"\u003C",[491,543,545],{"class":544},"swJcz","template",[491,547,548],{"class":501},">\n",[491,550,552,555,558,562,565],{"class":493,"line":551},2,[491,553,554],{"class":501},"  \u003C",[491,556,557],{"class":544},"TresCanvas",[491,559,561],{"class":560},"spNyl"," shadows",[491,563,564],{"class":560}," alpha",[491,566,548],{"class":501},[491,568,570,573,576,579,582,585,588,591,595,598,601,603,606,608,611,614,616],{"class":493,"line":569},3,[491,571,572],{"class":501},"    \u003C",[491,574,575],{"class":544},"TresPerspectiveCamera",[491,577,578],{"class":501}," :",[491,580,581],{"class":560},"args",[491,583,584],{"class":501},"=",[491,586,587],{"class":501},"\"",[491,589,590],{"class":501},"[",[491,592,594],{"class":593},"sbssI","45",[491,596,597],{"class":501},", ",[491,599,600],{"class":593},"1",[491,602,597],{"class":501},[491,604,605],{"class":593},"0.1",[491,607,597],{"class":501},[491,609,610],{"class":593},"1000",[491,612,613],{"class":501},"]",[491,615,587],{"class":501},[491,617,618],{"class":501}," />\n",[491,620,622,624,626],{"class":493,"line":621},4,[491,623,572],{"class":501},[491,625,528],{"class":544},[491,627,618],{"class":501},[491,629,631,634,636],{"class":493,"line":630},5,[491,632,633],{"class":501},"  \u003C/",[491,635,557],{"class":544},[491,637,548],{"class":501},[491,639,641,644,646],{"class":493,"line":640},6,[491,642,643],{"class":501},"\u003C/",[491,645,545],{"class":544},[491,647,548],{"class":501},[649,650,651],"prose-note",{},[477,652,653,654,658,659,662],{},"Note that you don’t need to include the ",[655,656,657],"strong",{},"Tres"," prefix (for example, ",[488,660,661],{},"\u003CTresOrbitControl />",") to use the component. All cientos components have the same name as their three-stdlib counterpart.",[664,665,667],"h3",{"id":666},"props","Props",[477,669,670,671,674],{},"All the props are listed with their respective instance and in case it is not specified all the props are ",[655,672,673],{},"reactive",", for example:",[481,676,681],{"className":532,"code":677,"highlights":678,"language":534,"meta":486,"style":486},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { MeshWobbleMaterial } from '@tresjs/cientos'\n\nconst speed = ref(0.1)\nconst factor = ref(0.6)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" :look-at=\"[0, 0, 0]\" />\n    \u003CTresMesh>\n      \u003CTresTorusGeometry />\n      \u003CMeshWobbleMaterial\n        :speed=\"speed\"\n        :factor=\"factor\"\n      />\n    \u003C/TresMesh>\n    \u003CTresAmbientLight />\n    \u003CTresDirectionalLight :position=\"[0, 2, 4]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[569,679,680],15,16,[488,682,683,707,727,748,754,776,794,803,808,817,826,887,897,908,916,934,950,956,966,976,1012,1021],{"__ignoreMap":486},[491,684,685,687,690,693,696,698,700,703,705],{"class":493,"line":494},[491,686,541],{"class":501},[491,688,689],{"class":544},"script",[491,691,692],{"class":560}," setup",[491,694,695],{"class":560}," lang",[491,697,584],{"class":501},[491,699,587],{"class":501},[491,701,702],{"class":518},"ts",[491,704,587],{"class":501},[491,706,548],{"class":501},[491,708,709,711,713,716,718,720,722,725],{"class":493,"line":551},[491,710,498],{"class":497},[491,712,502],{"class":501},[491,714,715],{"class":505}," TresCanvas",[491,717,509],{"class":501},[491,719,512],{"class":497},[491,721,515],{"class":501},[491,723,724],{"class":518},"@tresjs/core",[491,726,522],{"class":501},[491,728,731,733,735,738,740,742,744,746],{"class":729,"line":569},[493,730],"highlight",[491,732,498],{"class":497},[491,734,502],{"class":501},[491,736,737],{"class":505}," MeshWobbleMaterial",[491,739,509],{"class":501},[491,741,512],{"class":497},[491,743,515],{"class":501},[491,745,519],{"class":518},[491,747,522],{"class":501},[491,749,750],{"class":493,"line":621},[491,751,753],{"emptyLinePlaceholder":752},true,"\n",[491,755,756,759,762,764,768,771,773],{"class":493,"line":630},[491,757,758],{"class":560},"const",[491,760,761],{"class":505}," speed ",[491,763,584],{"class":501},[491,765,767],{"class":766},"s2Zo4"," ref",[491,769,770],{"class":505},"(",[491,772,605],{"class":593},[491,774,775],{"class":505},")\n",[491,777,778,780,783,785,787,789,792],{"class":493,"line":640},[491,779,758],{"class":560},[491,781,782],{"class":505}," factor ",[491,784,584],{"class":501},[491,786,767],{"class":766},[491,788,770],{"class":505},[491,790,791],{"class":593},"0.6",[491,793,775],{"class":505},[491,795,797,799,801],{"class":493,"line":796},7,[491,798,643],{"class":501},[491,800,689],{"class":544},[491,802,548],{"class":501},[491,804,806],{"class":493,"line":805},8,[491,807,753],{"emptyLinePlaceholder":752},[491,809,811,813,815],{"class":493,"line":810},9,[491,812,541],{"class":501},[491,814,545],{"class":544},[491,816,548],{"class":501},[491,818,820,822,824],{"class":493,"line":819},10,[491,821,554],{"class":501},[491,823,557],{"class":544},[491,825,548],{"class":501},[491,827,829,831,833,835,838,840,842,844,847,849,851,853,855,857,859,861,864,866,868,870,873,875,877,879,881,883,885],{"class":493,"line":828},11,[491,830,572],{"class":501},[491,832,575],{"class":544},[491,834,578],{"class":501},[491,836,837],{"class":560},"position",[491,839,584],{"class":501},[491,841,587],{"class":501},[491,843,590],{"class":501},[491,845,846],{"class":593},"3",[491,848,597],{"class":501},[491,850,846],{"class":593},[491,852,597],{"class":501},[491,854,846],{"class":593},[491,856,613],{"class":501},[491,858,587],{"class":501},[491,860,578],{"class":501},[491,862,863],{"class":560},"look-at",[491,865,584],{"class":501},[491,867,587],{"class":501},[491,869,590],{"class":501},[491,871,872],{"class":593},"0",[491,874,597],{"class":501},[491,876,872],{"class":593},[491,878,597],{"class":501},[491,880,872],{"class":593},[491,882,613],{"class":501},[491,884,587],{"class":501},[491,886,618],{"class":501},[491,888,890,892,895],{"class":493,"line":889},12,[491,891,572],{"class":501},[491,893,894],{"class":544},"TresMesh",[491,896,548],{"class":501},[491,898,900,903,906],{"class":493,"line":899},13,[491,901,902],{"class":501},"      \u003C",[491,904,905],{"class":544},"TresTorusGeometry",[491,907,618],{"class":501},[491,909,911,913],{"class":493,"line":910},14,[491,912,902],{"class":501},[491,914,915],{"class":544},"MeshWobbleMaterial\n",[491,917,919,922,925,927,929,931],{"class":918,"line":679},[493,730],[491,920,921],{"class":501},"        :",[491,923,924],{"class":560},"speed",[491,926,584],{"class":501},[491,928,587],{"class":501},[491,930,924],{"class":505},[491,932,933],{"class":501},"\"\n",[491,935,937,939,942,944,946,948],{"class":936,"line":680},[493,730],[491,938,921],{"class":501},[491,940,941],{"class":560},"factor",[491,943,584],{"class":501},[491,945,587],{"class":501},[491,947,941],{"class":505},[491,949,933],{"class":501},[491,951,953],{"class":493,"line":952},17,[491,954,955],{"class":501},"      />\n",[491,957,959,962,964],{"class":493,"line":958},18,[491,960,961],{"class":501},"    \u003C/",[491,963,894],{"class":544},[491,965,548],{"class":501},[491,967,969,971,974],{"class":493,"line":968},19,[491,970,572],{"class":501},[491,972,973],{"class":544},"TresAmbientLight",[491,975,618],{"class":501},[491,977,979,981,984,986,988,990,992,994,996,998,1001,1003,1006,1008,1010],{"class":493,"line":978},20,[491,980,572],{"class":501},[491,982,983],{"class":544},"TresDirectionalLight",[491,985,578],{"class":501},[491,987,837],{"class":560},[491,989,584],{"class":501},[491,991,587],{"class":501},[491,993,590],{"class":501},[491,995,872],{"class":593},[491,997,597],{"class":501},[491,999,1000],{"class":593},"2",[491,1002,597],{"class":501},[491,1004,1005],{"class":593},"4",[491,1007,613],{"class":501},[491,1009,587],{"class":501},[491,1011,618],{"class":501},[491,1013,1015,1017,1019],{"class":493,"line":1014},21,[491,1016,633],{"class":501},[491,1018,557],{"class":544},[491,1020,548],{"class":501},[491,1022,1024,1026,1028],{"class":493,"line":1023},22,[491,1025,643],{"class":501},[491,1027,545],{"class":544},[491,1029,548],{"class":501},[649,1031,1032],{},[477,1033,1034,1035,1037],{},"All the props and properties are ",[655,1036,673],{}," unless the docs of the instance says the contrary.",[664,1039,1041],{"id":1040},"events","Events",[477,1043,1044,1045,674],{},"Some instances fire events which you can listen to as you normally would do using Vue ",[1046,1047,1051],"a",{"href":1048,"rel":1049},"https://vuejs.org/guide/components/events.html#emitting-and-listening-to-events",[1050],"nofollow","emits",[481,1053,1056],{"className":532,"code":1054,"highlights":1055,"language":534,"meta":486,"style":486},"\u003Cscript setup>\nimport { TresCanvas } from '@tresjs/core'\nimport { GlobalAudio } from '@tresjs/cientos'\n\nconst onPlay = (e) => console.log(e) // will trigger when the event change state\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 0, 7.5]\" />\n    \u003CGlobalAudio :src=\"exampleAudio\" @is-playing=\"onPlay\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[569,630,828],[488,1057,1058,1068,1086,1106,1110,1149,1157,1161,1169,1177,1210,1248,1256],{"__ignoreMap":486},[491,1059,1060,1062,1064,1066],{"class":493,"line":494},[491,1061,541],{"class":501},[491,1063,689],{"class":544},[491,1065,692],{"class":560},[491,1067,548],{"class":501},[491,1069,1070,1072,1074,1076,1078,1080,1082,1084],{"class":493,"line":551},[491,1071,498],{"class":497},[491,1073,502],{"class":501},[491,1075,715],{"class":505},[491,1077,509],{"class":501},[491,1079,512],{"class":497},[491,1081,515],{"class":501},[491,1083,724],{"class":518},[491,1085,522],{"class":501},[491,1087,1089,1091,1093,1096,1098,1100,1102,1104],{"class":1088,"line":569},[493,730],[491,1090,498],{"class":497},[491,1092,502],{"class":501},[491,1094,1095],{"class":505}," GlobalAudio",[491,1097,509],{"class":501},[491,1099,512],{"class":497},[491,1101,515],{"class":501},[491,1103,519],{"class":518},[491,1105,522],{"class":501},[491,1107,1108],{"class":493,"line":621},[491,1109,753],{"emptyLinePlaceholder":752},[491,1111,1113,1115,1118,1120,1123,1127,1130,1133,1136,1139,1142,1145],{"class":1112,"line":630},[493,730],[491,1114,758],{"class":560},[491,1116,1117],{"class":505}," onPlay ",[491,1119,584],{"class":501},[491,1121,1122],{"class":501}," (",[491,1124,1126],{"class":1125},"sHdIc","e",[491,1128,1129],{"class":501},")",[491,1131,1132],{"class":560}," =>",[491,1134,1135],{"class":505}," console",[491,1137,1138],{"class":501},".",[491,1140,1141],{"class":766},"log",[491,1143,1144],{"class":505},"(e) ",[491,1146,1148],{"class":1147},"sHwdD","// will trigger when the event change state\n",[491,1150,1151,1153,1155],{"class":493,"line":640},[491,1152,643],{"class":501},[491,1154,689],{"class":544},[491,1156,548],{"class":501},[491,1158,1159],{"class":493,"line":796},[491,1160,753],{"emptyLinePlaceholder":752},[491,1162,1163,1165,1167],{"class":493,"line":805},[491,1164,541],{"class":501},[491,1166,545],{"class":544},[491,1168,548],{"class":501},[491,1170,1171,1173,1175],{"class":493,"line":810},[491,1172,554],{"class":501},[491,1174,557],{"class":544},[491,1176,548],{"class":501},[491,1178,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1204,1206,1208],{"class":493,"line":819},[491,1180,572],{"class":501},[491,1182,575],{"class":544},[491,1184,578],{"class":501},[491,1186,837],{"class":560},[491,1188,584],{"class":501},[491,1190,587],{"class":501},[491,1192,590],{"class":501},[491,1194,872],{"class":593},[491,1196,597],{"class":501},[491,1198,872],{"class":593},[491,1200,597],{"class":501},[491,1202,1203],{"class":593},"7.5",[491,1205,613],{"class":501},[491,1207,587],{"class":501},[491,1209,618],{"class":501},[491,1211,1213,1215,1217,1219,1222,1224,1226,1229,1231,1234,1237,1239,1241,1244,1246],{"class":1212,"line":828},[493,730],[491,1214,572],{"class":501},[491,1216,443],{"class":544},[491,1218,578],{"class":501},[491,1220,1221],{"class":560},"src",[491,1223,584],{"class":501},[491,1225,587],{"class":501},[491,1227,1228],{"class":505},"exampleAudio",[491,1230,587],{"class":501},[491,1232,1233],{"class":501}," @",[491,1235,1236],{"class":560},"is-playing",[491,1238,584],{"class":501},[491,1240,587],{"class":501},[491,1242,1243],{"class":505},"onPlay",[491,1245,587],{"class":501},[491,1247,618],{"class":501},[491,1249,1250,1252,1254],{"class":493,"line":889},[491,1251,633],{"class":501},[491,1253,557],{"class":544},[491,1255,548],{"class":501},[491,1257,1258,1260,1262],{"class":493,"line":899},[491,1259,643],{"class":501},[491,1261,545],{"class":544},[491,1263,548],{"class":501},[664,1265,1267],{"id":1266},"exposed-properties","Exposed properties",[477,1269,1270,1271,1274],{},"All instances expose a ",[488,1272,1273],{},"instance"," property by default which contains the base of its abstractions. For example:",[481,1276,1279],{"className":532,"code":1277,"highlights":1278,"language":534,"meta":486,"style":486},"\u003Cscript setup>\nconst edgesRef = shallowRef(null)\n\nconsole.log(edgesRef.value.instance) // Inheritance of [LineSegments](https://threejs.org/docs/#api/en/objects/LineSegments)\n\n\u003Ctemplate>\n    \u003CEdges ref=\"edgesRef\" />\n\u003C/template>\n",[551],[488,1280,1281,1291,1311,1315,1340,1344,1352,1372],{"__ignoreMap":486},[491,1282,1283,1285,1287,1289],{"class":493,"line":494},[491,1284,541],{"class":501},[491,1286,689],{"class":544},[491,1288,692],{"class":560},[491,1290,548],{"class":501},[491,1292,1294,1296,1299,1301,1304,1306,1309],{"class":1293,"line":551},[493,730],[491,1295,758],{"class":560},[491,1297,1298],{"class":505}," edgesRef ",[491,1300,584],{"class":501},[491,1302,1303],{"class":766}," shallowRef",[491,1305,770],{"class":505},[491,1307,1308],{"class":501},"null",[491,1310,775],{"class":505},[491,1312,1313],{"class":493,"line":569},[491,1314,753],{"emptyLinePlaceholder":752},[491,1316,1317,1320,1322,1324,1327,1329,1332,1334,1337],{"class":493,"line":621},[491,1318,1319],{"class":505},"console",[491,1321,1138],{"class":501},[491,1323,1141],{"class":766},[491,1325,1326],{"class":505},"(edgesRef",[491,1328,1138],{"class":501},[491,1330,1331],{"class":505},"value",[491,1333,1138],{"class":501},[491,1335,1336],{"class":505},"instance) ",[491,1338,1339],{"class":1147},"// Inheritance of [LineSegments](https://threejs.org/docs/#api/en/objects/LineSegments)\n",[491,1341,1342],{"class":493,"line":630},[491,1343,753],{"emptyLinePlaceholder":752},[491,1345,1346,1348,1350],{"class":493,"line":640},[491,1347,541],{"class":501},[491,1349,545],{"class":544},[491,1351,548],{"class":501},[491,1353,1354,1356,1359,1361,1363,1365,1368,1370],{"class":493,"line":796},[491,1355,572],{"class":501},[491,1357,49],{"class":1358},"sBMFI",[491,1360,767],{"class":560},[491,1362,584],{"class":501},[491,1364,587],{"class":501},[491,1366,1367],{"class":518},"edgesRef",[491,1369,587],{"class":501},[491,1371,618],{"class":501},[491,1373,1374,1376,1378],{"class":493,"line":805},[491,1375,643],{"class":501},[491,1377,545],{"class":544},[491,1379,548],{"class":501},[477,1381,1382],{},"Some instances expose more objects. For example Positional Audio:",[481,1384,1387],{"className":532,"code":1385,"highlights":1386,"language":534,"meta":486,"style":486},"\u003Cscript setup>\nimport { Box, PositionalAudio } from '@tresjs/cientos'\nimport { onUnmounted, shallowRef } from 'vue'\n\nconst positionalAudioRef = shallowRef(null)\n\nonUnmounted(() => {\n  positionalAudioRef?.value?.dispose()\n})\n\nconst { helper, innerAngle, outerAngle, outerGain } = useControls({\n  helper: true,\n  innerAngle: {\n    label: 'innerAngle',\n    value: 195,\n    min: 0,\n    max: 360,\n    step: 1,\n  },\n  outerAngle: {\n    label: 'outerAngle',\n    value: 260,\n    min: 0,\n    max: 360,\n    step: 1,\n  },\n  outerGain: {\n    label: 'outerGain',\n    value: 0.3,\n    min: 0,\n    max: 1,\n    step: 0.01,\n  },\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CBox :args=\"[1, 1, 1]\">\n      \u003CTresMeshNormalMaterial />\n      \u003CSuspense>\n        \u003CPositionalAudio\n          ref=\"positionalAudioRef\"\n          url=\"your-sound.mp3\"\n          :inner-angle=\"innerAngle.value\"\n          :outer-angle=\"outerAngle.value\"\n          :outer-gain=\"outerGain.value\"\n          :helper=\"helper.value\"\n        />\n      \u003C/Suspense>\n    \u003C/Box>\n  \u003C/TresCanvas>\n\u003C/template>\n",[551],[488,1388,1389,1399,1425,1448,1452,1469,1473,1488,1506,1513,1517,1554,1569,1578,1595,1607,1619,1631,1643,1648,1657,1672,1683,1694,1705,1716,1721,1731,1747,1759,1770,1781,1793,1798,1805,1814,1819,1828,1837,1870,1880,1890,1899,1914,1929,1950,1970,1990,2010,2016,2026,2035,2044],{"__ignoreMap":486},[491,1390,1391,1393,1395,1397],{"class":493,"line":494},[491,1392,541],{"class":501},[491,1394,689],{"class":544},[491,1396,692],{"class":560},[491,1398,548],{"class":501},[491,1400,1402,1404,1406,1409,1412,1415,1417,1419,1421,1423],{"class":1401,"line":551},[493,730],[491,1403,498],{"class":497},[491,1405,502],{"class":501},[491,1407,1408],{"class":505}," Box",[491,1410,1411],{"class":501},",",[491,1413,1414],{"class":505}," PositionalAudio",[491,1416,509],{"class":501},[491,1418,512],{"class":497},[491,1420,515],{"class":501},[491,1422,519],{"class":518},[491,1424,522],{"class":501},[491,1426,1427,1429,1431,1434,1436,1438,1440,1442,1444,1446],{"class":493,"line":569},[491,1428,498],{"class":497},[491,1430,502],{"class":501},[491,1432,1433],{"class":505}," onUnmounted",[491,1435,1411],{"class":501},[491,1437,1303],{"class":505},[491,1439,509],{"class":501},[491,1441,512],{"class":497},[491,1443,515],{"class":501},[491,1445,534],{"class":518},[491,1447,522],{"class":501},[491,1449,1450],{"class":493,"line":621},[491,1451,753],{"emptyLinePlaceholder":752},[491,1453,1454,1456,1459,1461,1463,1465,1467],{"class":493,"line":630},[491,1455,758],{"class":560},[491,1457,1458],{"class":505}," positionalAudioRef ",[491,1460,584],{"class":501},[491,1462,1303],{"class":766},[491,1464,770],{"class":505},[491,1466,1308],{"class":501},[491,1468,775],{"class":505},[491,1470,1471],{"class":493,"line":640},[491,1472,753],{"emptyLinePlaceholder":752},[491,1474,1475,1478,1480,1483,1485],{"class":493,"line":796},[491,1476,1477],{"class":766},"onUnmounted",[491,1479,770],{"class":505},[491,1481,1482],{"class":501},"()",[491,1484,1132],{"class":560},[491,1486,1487],{"class":501}," {\n",[491,1489,1490,1493,1496,1498,1500,1503],{"class":493,"line":805},[491,1491,1492],{"class":505},"  positionalAudioRef",[491,1494,1495],{"class":501},"?.",[491,1497,1331],{"class":505},[491,1499,1495],{"class":501},[491,1501,1502],{"class":766},"dispose",[491,1504,1505],{"class":544},"()\n",[491,1507,1508,1511],{"class":493,"line":810},[491,1509,1510],{"class":501},"}",[491,1512,775],{"class":505},[491,1514,1515],{"class":493,"line":819},[491,1516,753],{"emptyLinePlaceholder":752},[491,1518,1519,1521,1523,1526,1528,1531,1533,1536,1538,1541,1543,1546,1549,1551],{"class":493,"line":828},[491,1520,758],{"class":560},[491,1522,502],{"class":501},[491,1524,1525],{"class":505}," helper",[491,1527,1411],{"class":501},[491,1529,1530],{"class":505}," innerAngle",[491,1532,1411],{"class":501},[491,1534,1535],{"class":505}," outerAngle",[491,1537,1411],{"class":501},[491,1539,1540],{"class":505}," outerGain ",[491,1542,1510],{"class":501},[491,1544,1545],{"class":501}," =",[491,1547,1548],{"class":766}," useControls",[491,1550,770],{"class":505},[491,1552,1553],{"class":501},"{\n",[491,1555,1556,1559,1562,1566],{"class":493,"line":889},[491,1557,1558],{"class":544},"  helper",[491,1560,1561],{"class":501},":",[491,1563,1565],{"class":1564},"sfNiH"," true",[491,1567,1568],{"class":501},",\n",[491,1570,1571,1574,1576],{"class":493,"line":899},[491,1572,1573],{"class":544},"  innerAngle",[491,1575,1561],{"class":501},[491,1577,1487],{"class":501},[491,1579,1580,1583,1585,1587,1590,1593],{"class":493,"line":910},[491,1581,1582],{"class":544},"    label",[491,1584,1561],{"class":501},[491,1586,515],{"class":501},[491,1588,1589],{"class":518},"innerAngle",[491,1591,1592],{"class":501},"'",[491,1594,1568],{"class":501},[491,1596,1597,1600,1602,1605],{"class":493,"line":679},[491,1598,1599],{"class":544},"    value",[491,1601,1561],{"class":501},[491,1603,1604],{"class":593}," 195",[491,1606,1568],{"class":501},[491,1608,1609,1612,1614,1617],{"class":493,"line":680},[491,1610,1611],{"class":544},"    min",[491,1613,1561],{"class":501},[491,1615,1616],{"class":593}," 0",[491,1618,1568],{"class":501},[491,1620,1621,1624,1626,1629],{"class":493,"line":952},[491,1622,1623],{"class":544},"    max",[491,1625,1561],{"class":501},[491,1627,1628],{"class":593}," 360",[491,1630,1568],{"class":501},[491,1632,1633,1636,1638,1641],{"class":493,"line":958},[491,1634,1635],{"class":544},"    step",[491,1637,1561],{"class":501},[491,1639,1640],{"class":593}," 1",[491,1642,1568],{"class":501},[491,1644,1645],{"class":493,"line":968},[491,1646,1647],{"class":501},"  },\n",[491,1649,1650,1653,1655],{"class":493,"line":978},[491,1651,1652],{"class":544},"  outerAngle",[491,1654,1561],{"class":501},[491,1656,1487],{"class":501},[491,1658,1659,1661,1663,1665,1668,1670],{"class":493,"line":1014},[491,1660,1582],{"class":544},[491,1662,1561],{"class":501},[491,1664,515],{"class":501},[491,1666,1667],{"class":518},"outerAngle",[491,1669,1592],{"class":501},[491,1671,1568],{"class":501},[491,1673,1674,1676,1678,1681],{"class":493,"line":1023},[491,1675,1599],{"class":544},[491,1677,1561],{"class":501},[491,1679,1680],{"class":593}," 260",[491,1682,1568],{"class":501},[491,1684,1686,1688,1690,1692],{"class":493,"line":1685},23,[491,1687,1611],{"class":544},[491,1689,1561],{"class":501},[491,1691,1616],{"class":593},[491,1693,1568],{"class":501},[491,1695,1697,1699,1701,1703],{"class":493,"line":1696},24,[491,1698,1623],{"class":544},[491,1700,1561],{"class":501},[491,1702,1628],{"class":593},[491,1704,1568],{"class":501},[491,1706,1708,1710,1712,1714],{"class":493,"line":1707},25,[491,1709,1635],{"class":544},[491,1711,1561],{"class":501},[491,1713,1640],{"class":593},[491,1715,1568],{"class":501},[491,1717,1719],{"class":493,"line":1718},26,[491,1720,1647],{"class":501},[491,1722,1724,1727,1729],{"class":493,"line":1723},27,[491,1725,1726],{"class":544},"  outerGain",[491,1728,1561],{"class":501},[491,1730,1487],{"class":501},[491,1732,1734,1736,1738,1740,1743,1745],{"class":493,"line":1733},28,[491,1735,1582],{"class":544},[491,1737,1561],{"class":501},[491,1739,515],{"class":501},[491,1741,1742],{"class":518},"outerGain",[491,1744,1592],{"class":501},[491,1746,1568],{"class":501},[491,1748,1750,1752,1754,1757],{"class":493,"line":1749},29,[491,1751,1599],{"class":544},[491,1753,1561],{"class":501},[491,1755,1756],{"class":593}," 0.3",[491,1758,1568],{"class":501},[491,1760,1762,1764,1766,1768],{"class":493,"line":1761},30,[491,1763,1611],{"class":544},[491,1765,1561],{"class":501},[491,1767,1616],{"class":593},[491,1769,1568],{"class":501},[491,1771,1773,1775,1777,1779],{"class":493,"line":1772},31,[491,1774,1623],{"class":544},[491,1776,1561],{"class":501},[491,1778,1640],{"class":593},[491,1780,1568],{"class":501},[491,1782,1784,1786,1788,1791],{"class":493,"line":1783},32,[491,1785,1635],{"class":544},[491,1787,1561],{"class":501},[491,1789,1790],{"class":593}," 0.01",[491,1792,1568],{"class":501},[491,1794,1796],{"class":493,"line":1795},33,[491,1797,1647],{"class":501},[491,1799,1801,1803],{"class":493,"line":1800},34,[491,1802,1510],{"class":501},[491,1804,775],{"class":505},[491,1806,1808,1810,1812],{"class":493,"line":1807},35,[491,1809,643],{"class":501},[491,1811,689],{"class":544},[491,1813,548],{"class":501},[491,1815,1817],{"class":493,"line":1816},36,[491,1818,753],{"emptyLinePlaceholder":752},[491,1820,1822,1824,1826],{"class":493,"line":1821},37,[491,1823,541],{"class":501},[491,1825,545],{"class":544},[491,1827,548],{"class":501},[491,1829,1831,1833,1835],{"class":493,"line":1830},38,[491,1832,554],{"class":501},[491,1834,557],{"class":544},[491,1836,548],{"class":501},[491,1838,1840,1842,1844,1846,1848,1850,1852,1854,1856,1858,1860,1862,1864,1866,1868],{"class":493,"line":1839},39,[491,1841,572],{"class":501},[491,1843,193],{"class":544},[491,1845,578],{"class":501},[491,1847,581],{"class":560},[491,1849,584],{"class":501},[491,1851,587],{"class":501},[491,1853,590],{"class":501},[491,1855,600],{"class":593},[491,1857,597],{"class":501},[491,1859,600],{"class":593},[491,1861,597],{"class":501},[491,1863,600],{"class":593},[491,1865,613],{"class":501},[491,1867,587],{"class":501},[491,1869,548],{"class":501},[491,1871,1873,1875,1878],{"class":493,"line":1872},40,[491,1874,902],{"class":501},[491,1876,1877],{"class":544},"TresMeshNormalMaterial",[491,1879,618],{"class":501},[491,1881,1883,1885,1888],{"class":493,"line":1882},41,[491,1884,902],{"class":501},[491,1886,1887],{"class":544},"Suspense",[491,1889,548],{"class":501},[491,1891,1893,1896],{"class":493,"line":1892},42,[491,1894,1895],{"class":501},"        \u003C",[491,1897,1898],{"class":544},"PositionalAudio\n",[491,1900,1902,1905,1907,1909,1912],{"class":493,"line":1901},43,[491,1903,1904],{"class":560},"          ref",[491,1906,584],{"class":501},[491,1908,587],{"class":501},[491,1910,1911],{"class":518},"positionalAudioRef",[491,1913,933],{"class":501},[491,1915,1917,1920,1922,1924,1927],{"class":493,"line":1916},44,[491,1918,1919],{"class":560},"          url",[491,1921,584],{"class":501},[491,1923,587],{"class":501},[491,1925,1926],{"class":518},"your-sound.mp3",[491,1928,933],{"class":501},[491,1930,1932,1935,1938,1940,1942,1944,1946,1948],{"class":493,"line":1931},45,[491,1933,1934],{"class":501},"          :",[491,1936,1937],{"class":560},"inner-angle",[491,1939,584],{"class":501},[491,1941,587],{"class":501},[491,1943,1589],{"class":505},[491,1945,1138],{"class":501},[491,1947,1331],{"class":505},[491,1949,933],{"class":501},[491,1951,1953,1955,1958,1960,1962,1964,1966,1968],{"class":493,"line":1952},46,[491,1954,1934],{"class":501},[491,1956,1957],{"class":560},"outer-angle",[491,1959,584],{"class":501},[491,1961,587],{"class":501},[491,1963,1667],{"class":505},[491,1965,1138],{"class":501},[491,1967,1331],{"class":505},[491,1969,933],{"class":501},[491,1971,1973,1975,1978,1980,1982,1984,1986,1988],{"class":493,"line":1972},47,[491,1974,1934],{"class":501},[491,1976,1977],{"class":560},"outer-gain",[491,1979,584],{"class":501},[491,1981,587],{"class":501},[491,1983,1742],{"class":505},[491,1985,1138],{"class":501},[491,1987,1331],{"class":505},[491,1989,933],{"class":501},[491,1991,1993,1995,1998,2000,2002,2004,2006,2008],{"class":493,"line":1992},48,[491,1994,1934],{"class":501},[491,1996,1997],{"class":560},"helper",[491,1999,584],{"class":501},[491,2001,587],{"class":501},[491,2003,1997],{"class":505},[491,2005,1138],{"class":501},[491,2007,1331],{"class":505},[491,2009,933],{"class":501},[491,2011,2013],{"class":493,"line":2012},49,[491,2014,2015],{"class":501},"        />\n",[491,2017,2019,2022,2024],{"class":493,"line":2018},50,[491,2020,2021],{"class":501},"      \u003C/",[491,2023,1887],{"class":544},[491,2025,548],{"class":501},[491,2027,2029,2031,2033],{"class":493,"line":2028},51,[491,2030,961],{"class":501},[491,2032,193],{"class":544},[491,2034,548],{"class":501},[491,2036,2038,2040,2042],{"class":493,"line":2037},52,[491,2039,633],{"class":501},[491,2041,557],{"class":544},[491,2043,548],{"class":501},[491,2045,2047,2049,2051],{"class":493,"line":2046},53,[491,2048,643],{"class":501},[491,2050,545],{"class":544},[491,2052,548],{"class":501},[2054,2055,2056],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":486,"searchDepth":494,"depth":551,"links":2058},[2059],{"id":474,"depth":551,"text":475,"children":2060},[2061,2062,2063],{"id":666,"depth":569,"text":667},{"id":1040,"depth":569,"text":1041},{"id":1266,"depth":569,"text":1267},"Learn how you can start to use cientos in your projects","md",null,{},{"title":15,"description":2064},"KIundE7aJNfeTvO97wv_XH3V_9C1gyp4DUfPbFjANIw",[2071,2073],{"title":11,"path":12,"stem":13,"description":2072,"children":-1},"Get started with cientos",{"title":19,"path":20,"stem":21,"description":2074,"children":-1},"Migration guide for cientos",1774953653222]