[{"data":1,"prerenderedAt":1083},["ShallowReactive",2],{"navigation":3,"/api/loaders/use-progress":490,"/api/loaders/use-progress-surround":1078},[4,26],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18,22],{"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},"Loading Models","/getting-started/loading-models","1.getting-started/4.loading-models",{"title":23,"path":24,"stem":25},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/5.upgrade-guide",{"title":27,"path":28,"stem":29,"children":30},"Api","/api","2.api",[31,34,88,118,160,202,300,326,360,410,456],{"title":32,"path":28,"stem":33},"All","2.api/index",{"title":35,"path":36,"stem":37,"children":38},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[39,40,44,48,52,56,60,64,68,72,76,80,84],{"title":35,"path":36,"stem":37},{"title":41,"path":42,"stem":43},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":45,"path":46,"stem":47},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":49,"path":50,"stem":51},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":53,"path":54,"stem":55},"Decal","/api/abstractions/decal","2.api/1.abstractions/decal",{"title":57,"path":58,"stem":59},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":61,"path":62,"stem":63},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":65,"path":66,"stem":67},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":69,"path":70,"stem":71},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":73,"path":74,"stem":75},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":77,"path":78,"stem":79},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":81,"path":82,"stem":83},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":85,"path":86,"stem":87},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":89,"path":90,"stem":91,"children":92},"Controls","/api/controls","2.api/2.controls/index",[93,94,98,102,106,110,114],{"title":89,"path":90,"stem":91},{"title":95,"path":96,"stem":97},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":99,"path":100,"stem":101},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":103,"path":104,"stem":105},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":107,"path":108,"stem":109},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":111,"path":112,"stem":113},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":115,"path":116,"stem":117},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":119,"path":120,"stem":121,"children":122},"Loaders","/api/loaders","2.api/3.loaders/index",[123,124,128,132,136,140,144,148,152,156],{"title":119,"path":120,"stem":121},{"title":125,"path":126,"stem":127},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":129,"path":130,"stem":131},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":133,"path":134,"stem":135},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":137,"path":138,"stem":139},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":141,"path":142,"stem":143},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":145,"path":146,"stem":147},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":149,"path":150,"stem":151},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":153,"path":154,"stem":155},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":157,"path":158,"stem":159},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":161,"path":162,"stem":163,"children":164},"Materials","/api/materials","2.api/4.materials/index",[165,166,170,174,178,182,186,190,194,198],{"title":161,"path":162,"stem":163},{"title":167,"path":168,"stem":169},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":171,"path":172,"stem":173},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":175,"path":176,"stem":177},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":179,"path":180,"stem":181},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":183,"path":184,"stem":185},"Mesh Portal Material","/api/materials/mesh-portal-material","2.api/4.materials/mesh-portal-material",{"title":187,"path":188,"stem":189},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":191,"path":192,"stem":193},"Mesh Transmission Material","/api/materials/mesh-transmission-material","2.api/4.materials/mesh-transmission-material",{"title":195,"path":196,"stem":197},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":199,"path":200,"stem":201},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":203,"path":204,"stem":205,"children":206},"Shapes","/api/shapes","2.api/5.shapes/index",[207,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296],{"title":203,"path":204,"stem":205},{"title":209,"path":210,"stem":211},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":213,"path":214,"stem":215},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":217,"path":218,"stem":219},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":221,"path":222,"stem":223},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":225,"path":226,"stem":227},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":229,"path":230,"stem":231},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":233,"path":234,"stem":235},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":237,"path":238,"stem":239},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":241,"path":242,"stem":243},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":245,"path":246,"stem":247},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":249,"path":250,"stem":251},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":253,"path":254,"stem":255},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":257,"path":258,"stem":259},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":261,"path":262,"stem":263},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":265,"path":266,"stem":267},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":269,"path":270,"stem":271},"Rounded Plane","/api/shapes/rounded-plane","2.api/5.shapes/rounded-plane",{"title":273,"path":274,"stem":275},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":277,"path":278,"stem":279},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":281,"path":282,"stem":283},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":285,"path":286,"stem":287},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":289,"path":290,"stem":291},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":293,"path":294,"stem":295},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":297,"path":298,"stem":299},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":301,"path":302,"stem":303,"children":304},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[305,306,310,314,318,322],{"title":301,"path":302,"stem":303},{"title":307,"path":308,"stem":309},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":311,"path":312,"stem":313},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":315,"path":316,"stem":317},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":319,"path":320,"stem":321},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":323,"path":324,"stem":325},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":327,"path":328,"stem":329,"children":330},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[331,332,336,340,344,348,352,356],{"title":327,"path":328,"stem":329},{"title":333,"path":334,"stem":335},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":337,"path":338,"stem":339},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":341,"path":342,"stem":343},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":345,"path":346,"stem":347},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":349,"path":350,"stem":351},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":353,"path":354,"stem":355},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":357,"path":358,"stem":359},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":361,"path":362,"stem":363,"children":364},"Staging","/api/staging","2.api/8.staging/index",[365,366,370,374,378,382,386,390,394,398,402,406],{"title":361,"path":362,"stem":363},{"title":367,"path":368,"stem":369},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":371,"path":372,"stem":373},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":375,"path":376,"stem":377},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":379,"path":380,"stem":381},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":383,"path":384,"stem":385},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":387,"path":388,"stem":389},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":391,"path":392,"stem":393},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":395,"path":396,"stem":397},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":399,"path":400,"stem":401},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":403,"path":404,"stem":405},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":407,"path":408,"stem":409},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":411,"path":412,"stem":413,"children":414},"Objects","/api/objects","2.api/9.objects/index",[415,416,420,424,428,432,436,440,444,448,452],{"title":411,"path":412,"stem":413},{"title":417,"path":418,"stem":419},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":421,"path":422,"stem":423},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":425,"path":426,"stem":427},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":429,"path":430,"stem":431},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":433,"path":434,"stem":435},"HTML","/api/objects/html","2.api/9.objects/html",{"title":437,"path":438,"stem":439},"Image","/api/objects/image","2.api/9.objects/image",{"title":441,"path":442,"stem":443},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":445,"path":446,"stem":447},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":449,"path":450,"stem":451},"Refractor","/api/objects/refractor","2.api/9.objects/refractor",{"title":453,"path":454,"stem":455},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":457,"path":458,"stem":459,"children":460},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[461,462,466,470,474,478,482,486],{"title":457,"path":458,"stem":459},{"title":463,"path":464,"stem":465},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":467,"path":468,"stem":469},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":471,"path":472,"stem":473},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":475,"path":476,"stem":477},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":479,"path":480,"stem":481},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":483,"path":484,"stem":485},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":487,"path":488,"stem":489},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":491,"title":153,"body":492,"description":1072,"extension":1073,"links":1074,"meta":1075,"navigation":558,"path":154,"seo":1076,"stem":155,"__hash__":1077},"docs/2.api/3.loaders/use-progress.md",{"type":493,"value":494,"toc":1068},"minimark",[495,504,507,511,598,605,960,975,979,1047,1064],[496,497,498,499,503],"p",{},"A composable to convenience wrap ",[500,501,502],"code",{},"THREE.DefaultLoadingManager"," and returns the progress of the loading assets into the scene.",[496,505,506],{},"This comes handy to show an HTML loading bar or a spinner while the assets are being loaded.",[508,509,15],"h2",{"id":510},"usage",[512,513,518],"pre",{"className":514,"code":515,"language":516,"meta":517,"style":517},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { useProgress } from '@tresjs/cientos'\n\nconst { hasFinishLoading, progress, items } = await useProgress()\n","ts","",[500,519,520,553,560],{"__ignoreMap":517},[521,522,525,529,533,537,540,543,546,550],"span",{"class":523,"line":524},"line",1,[521,526,528],{"class":527},"s7zQu","import",[521,530,532],{"class":531},"sMK4o"," {",[521,534,536],{"class":535},"sTEyZ"," useProgress",[521,538,539],{"class":531}," }",[521,541,542],{"class":527}," from",[521,544,545],{"class":531}," '",[521,547,549],{"class":548},"sfazB","@tresjs/cientos",[521,551,552],{"class":531},"'\n",[521,554,556],{"class":523,"line":555},2,[521,557,559],{"emptyLinePlaceholder":558},true,"\n",[521,561,563,567,569,572,575,578,580,583,586,589,592,595],{"class":523,"line":562},3,[521,564,566],{"class":565},"spNyl","const",[521,568,532],{"class":531},[521,570,571],{"class":535}," hasFinishLoading",[521,573,574],{"class":531},",",[521,576,577],{"class":535}," progress",[521,579,574],{"class":531},[521,581,582],{"class":535}," items ",[521,584,585],{"class":531},"}",[521,587,588],{"class":531}," =",[521,590,591],{"class":527}," await",[521,593,536],{"class":594},"s2Zo4",[521,596,597],{"class":535},"()\n",[496,599,600,601,604],{},"Then you can use the ",[500,602,603],{},"progress"," value to show a loading bar or a spinner:",[512,606,610],{"className":607,"code":608,"language":609,"meta":517,"style":517},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CTransition\n    name=\"fade-overlay\"\n    enter-active-class=\"opacity-1 transition-opacity duration-200\"\n    leave-active-class=\"opacity-0 transition-opacity duration-200\"\n  >\n    \u003Cdiv\n      v-show=\"!hasFinishLoading\"\n      class=\"absolute bg-grey-600 t-0 l-0 w-full h-full z-20 flex justify-center items-center text-black font-mono\"\n    >\n      \u003Cdiv class=\"w-200px\">\n        Loading... {{ progress }} %\n        \u003Ci class=\"i-ic-twotone-catching-pokemon animate-rotate-in\">\u003C/i>\n      \u003C/div>\n    \u003C/div>\n  \u003C/Transition>\n  \u003CTresCanvas preset=\"realistic\">\n    \u003CTresPerspectiveCamera :position=\"[11, 11, 11]\" />\n    \u003COrbitControls />\n    \u003CSuspense>\n      \u003CEnvironment\n        background\n        :files=\"environmentFiles\"\n        path=\"https://raw.githubusercontent.com/Tresjs/assets/main/textures/environmentMap\"\n      />\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue",[500,611,612,624,632,649,664,679,685,694,709,724,730,753,759,786,796,806,817,839,862,872,882,890,896,911,926,932,941,950],{"__ignoreMap":517},[521,613,614,617,621],{"class":523,"line":524},[521,615,616],{"class":531},"\u003C",[521,618,620],{"class":619},"swJcz","template",[521,622,623],{"class":531},">\n",[521,625,626,629],{"class":523,"line":555},[521,627,628],{"class":531},"  \u003C",[521,630,631],{"class":619},"Transition\n",[521,633,634,637,640,643,646],{"class":523,"line":562},[521,635,636],{"class":565},"    name",[521,638,639],{"class":531},"=",[521,641,642],{"class":531},"\"",[521,644,645],{"class":548},"fade-overlay",[521,647,648],{"class":531},"\"\n",[521,650,652,655,657,659,662],{"class":523,"line":651},4,[521,653,654],{"class":565},"    enter-active-class",[521,656,639],{"class":531},[521,658,642],{"class":531},[521,660,661],{"class":548},"opacity-1 transition-opacity duration-200",[521,663,648],{"class":531},[521,665,667,670,672,674,677],{"class":523,"line":666},5,[521,668,669],{"class":565},"    leave-active-class",[521,671,639],{"class":531},[521,673,642],{"class":531},[521,675,676],{"class":548},"opacity-0 transition-opacity duration-200",[521,678,648],{"class":531},[521,680,682],{"class":523,"line":681},6,[521,683,684],{"class":531},"  >\n",[521,686,688,691],{"class":523,"line":687},7,[521,689,690],{"class":531},"    \u003C",[521,692,693],{"class":619},"div\n",[521,695,697,700,702,704,707],{"class":523,"line":696},8,[521,698,699],{"class":565},"      v-show",[521,701,639],{"class":531},[521,703,642],{"class":531},[521,705,706],{"class":548},"!hasFinishLoading",[521,708,648],{"class":531},[521,710,712,715,717,719,722],{"class":523,"line":711},9,[521,713,714],{"class":565},"      class",[521,716,639],{"class":531},[521,718,642],{"class":531},[521,720,721],{"class":548},"absolute bg-grey-600 t-0 l-0 w-full h-full z-20 flex justify-center items-center text-black font-mono",[521,723,648],{"class":531},[521,725,727],{"class":523,"line":726},10,[521,728,729],{"class":531},"    >\n",[521,731,733,736,739,742,744,746,749,751],{"class":523,"line":732},11,[521,734,735],{"class":531},"      \u003C",[521,737,738],{"class":619},"div",[521,740,741],{"class":565}," class",[521,743,639],{"class":531},[521,745,642],{"class":531},[521,747,748],{"class":548},"w-200px",[521,750,642],{"class":531},[521,752,623],{"class":531},[521,754,756],{"class":523,"line":755},12,[521,757,758],{"class":535},"        Loading... {{ progress }} %\n",[521,760,762,765,768,770,772,774,777,779,782,784],{"class":523,"line":761},13,[521,763,764],{"class":531},"        \u003C",[521,766,767],{"class":619},"i",[521,769,741],{"class":565},[521,771,639],{"class":531},[521,773,642],{"class":531},[521,775,776],{"class":548},"i-ic-twotone-catching-pokemon animate-rotate-in",[521,778,642],{"class":531},[521,780,781],{"class":531},">\u003C/",[521,783,767],{"class":619},[521,785,623],{"class":531},[521,787,789,792,794],{"class":523,"line":788},14,[521,790,791],{"class":531},"      \u003C/",[521,793,738],{"class":619},[521,795,623],{"class":531},[521,797,799,802,804],{"class":523,"line":798},15,[521,800,801],{"class":531},"    \u003C/",[521,803,738],{"class":619},[521,805,623],{"class":531},[521,807,809,812,815],{"class":523,"line":808},16,[521,810,811],{"class":531},"  \u003C/",[521,813,814],{"class":619},"Transition",[521,816,623],{"class":531},[521,818,820,822,825,828,830,832,835,837],{"class":523,"line":819},17,[521,821,628],{"class":531},[521,823,824],{"class":619},"TresCanvas",[521,826,827],{"class":565}," preset",[521,829,639],{"class":531},[521,831,642],{"class":531},[521,833,834],{"class":548},"realistic",[521,836,642],{"class":531},[521,838,623],{"class":531},[521,840,842,844,847,850,852,854,857,859],{"class":523,"line":841},18,[521,843,690],{"class":531},[521,845,846],{"class":619},"TresPerspectiveCamera",[521,848,849],{"class":565}," :position",[521,851,639],{"class":531},[521,853,642],{"class":531},[521,855,856],{"class":548},"[11, 11, 11]",[521,858,642],{"class":531},[521,860,861],{"class":531}," />\n",[521,863,865,867,870],{"class":523,"line":864},19,[521,866,690],{"class":531},[521,868,869],{"class":619},"OrbitControls",[521,871,861],{"class":531},[521,873,875,877,880],{"class":523,"line":874},20,[521,876,690],{"class":531},[521,878,879],{"class":619},"Suspense",[521,881,623],{"class":531},[521,883,885,887],{"class":523,"line":884},21,[521,886,735],{"class":531},[521,888,889],{"class":619},"Environment\n",[521,891,893],{"class":523,"line":892},22,[521,894,895],{"class":565},"        background\n",[521,897,899,902,904,906,909],{"class":523,"line":898},23,[521,900,901],{"class":565},"        :files",[521,903,639],{"class":531},[521,905,642],{"class":531},[521,907,908],{"class":548},"environmentFiles",[521,910,648],{"class":531},[521,912,914,917,919,921,924],{"class":523,"line":913},24,[521,915,916],{"class":565},"        path",[521,918,639],{"class":531},[521,920,642],{"class":531},[521,922,923],{"class":548},"https://raw.githubusercontent.com/Tresjs/assets/main/textures/environmentMap",[521,925,648],{"class":531},[521,927,929],{"class":523,"line":928},25,[521,930,931],{"class":531},"      />\n",[521,933,935,937,939],{"class":523,"line":934},26,[521,936,801],{"class":531},[521,938,879],{"class":619},[521,940,623],{"class":531},[521,942,944,946,948],{"class":523,"line":943},27,[521,945,811],{"class":531},[521,947,824],{"class":619},[521,949,623],{"class":531},[521,951,953,956,958],{"class":523,"line":952},28,[521,954,955],{"class":531},"\u003C/",[521,957,620],{"class":619},[521,959,623],{"class":531},[961,962,964],"alert",{"type":963},"warning",[496,965,966,967,974],{},"This component use top level await. Please check the ",[968,969,973],"a",{"href":970,"rel":971},"https://vuejs.org/guide/built-ins/suspense.html#suspense",[972],"nofollow","Suspense API"," for more info",[508,976,978],{"id":977},"return-values","Return Values",[980,981,982,999],"table",{},[983,984,985],"thead",{},[986,987,988,993,996],"tr",{},[989,990,992],"th",{"align":991},"left","Name",[989,994,995],{"align":991},"Type",[989,997,998],{"align":991},"Description",[1000,1001,1002,1018,1032],"tbody",{},[986,1003,1004,1010,1015],{},[1005,1006,1007],"td",{"align":991},[500,1008,1009],{},"hasFinishLoading",[1005,1011,1012],{"align":991},[500,1013,1014],{},"boolean",[1005,1016,1017],{"align":991},"Whether all items have finished loading",[986,1019,1020,1024,1029],{},[1005,1021,1022],{"align":991},[500,1023,603],{},[1005,1025,1026],{"align":991},[500,1027,1028],{},"number",[1005,1030,1031],{"align":991},"Loading progress as percentage (0-100)",[986,1033,1034,1039,1044],{},[1005,1035,1036],{"align":991},[500,1037,1038],{},"items",[1005,1040,1041],{"align":991},[500,1042,1043],{},"Array",[1005,1045,1046],{"align":991},"Array of loading items with their status",[1048,1049,1050],"prose-warning",{},[496,1051,1052,1053,1058,1059,974],{},"This component use top level await it needs to be wrapped on a ",[968,1054,1056],{"href":970,"rel":1055},[972],[500,1057,879],{},". Please check the ",[968,1060,1062],{"href":970,"rel":1061},[972],[500,1063,973],{},[1065,1066,1067],"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 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 .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}",{"title":517,"searchDepth":524,"depth":555,"links":1069},[1070,1071],{"id":510,"depth":555,"text":15},{"id":977,"depth":555,"text":978},"A composable to track loading progress of assets in TresJS scenes.","md",null,{},{"title":153,"description":1072},"PFf0YjSNRSbqzDb9syMCMnsAwscEEcbNUMD8BOfhg6A",[1079,1081],{"title":149,"path":150,"stem":151,"description":1080,"children":-1},"A composable to load and render SVG files as 3D geometry in TresJS scenes.",{"title":157,"path":158,"stem":159,"description":1082,"children":-1},"A composable to load video textures in TresJS scenes.",1785417271021]